GemNews

Tất cả bài · Bài viết

Giao diện Admin mới của Shopify: Công việc hàng ngày thay đổi gì và gian hàng của bạn giữ nguyên những gì?

Tác giả Janie Nguyen · · 9 phút đọc

Chia sẻ: WhatsApp · Telegram · X · Facebook · LinkedIn · Email

"Trời ơi cái dashboard Shopify mới này là gì vậy. Tôi tưởng mình đăng nhập lộn store luôn đó." Đó là chia sẻ của @AnthonyEclipse (https://x.com/AnthonyEclipse/status/2102130843082736094) hôm 21/9. Nếu tuần này mở admin ra và giật mình tương tự, bạn không cô đơn đâu. Shopify vừa tung ra đợt thay đổi giao diện admin lớn nhất trong nhiều năm qua, và nó đã xuất hiện trên trang quản trị của vô số seller trước khi có ai kịp giải thích.

Bài viết này dành cho những chủ shop không hề theo dõi đội thiết kế của Shopify trên X nhưng cần lời giải đáp cho hai câu hỏi: Nơi mình làm việc hàng ngày thực sự đổi những gì? Và những thay đổi này có ảnh hưởng gì tới giao diện cửa hàng mà khách xem không?

Cập nhật đến tay seller trước cả thông báo chính thức

Bài đăng ngơ ngác của @AnthonyEclipse xuất hiện ba ngày trước khi có tin tức chính thức. Đến ngày 24/9, @katarinabatina (https://x.com/katarinabatina/status/2103161312901816394), trưởng bộ phận thiết kế sản phẩm tại Shopify, mới công bố: "Giao diện Shopify admin vừa có diện mạo mới, giúp điều hướng giữa các workflow chính dễ dàng hơn, kèm theo Sidekick luôn chực chờ ngay trung tâm mỗi khi bạn cần trợ giúp." Bài đăng thu hút 858 lượt thích và hơn 105.000 lượt xem. Còn tài khoản chính thức của Shopify thì thông báo rất ngắn gọn: "Giao diện admin vừa được tân trang lại" (https://x.com/Shopify/status/2103162879377580205).

Hình ảnh được chia sẻ nhiều nhất của đợt ra mắt này lại không phải là bản tin chính thức, mà là bộ ảnh chụp màn hình từ @kevinclark (https://x.com/kevinclark/status/2103217315877675423), một designer trong dự án. Bài viết nhận được 1.687 lượt thích và hơn 90.000 lượt xem. Trong một bài đăng trước đó (https://x.com/kevinclark/status/2103169303591707042), anh mô tả mục tiêu dự án là tái định hình ngôn ngữ thiết kế của Shopify "nhằm giúp UI vừa thực dụng hơn vừa có tính biểu đạt cao hơn", đồng thời nói thêm rằng công việc "đang bắt đầu được triển khai". "Đang bắt đầu" chính là từ khóa ở đây. Nếu trang admin của bạn trông vẫn như cũ thì đó là do hệ thống đang cập nhật theo từng đợt, chứ không phải vì bạn bấm thiếu cài đặt nào đâu.

Đội ngũ thiết kế thực sự đã gỡ bỏ những gì?

Mô tả rõ ràng nhất về sự thay đổi này đến từ designer @MSchwaibold của Shopify (https://x.com/MSchwaibold/status/2103227033891578047): "Tái thiết kế, nâng cấp và tinh chỉnh lại giao diện cốt lõi. Nhìn vào những màn hình cũ, lược bỏ bớt sự phức tạp, các lớp hiển thị, màu sắc, viền và bóng đổ. Đơn giản hóa UI và gỡ rối cho những quyết định thiết kế tích tụ qua nhiều năm."

Đây là một tóm tắt rất đáng chú ý vì nó cho bạn biết bản chất đợt thay đổi này. Cách thức xử lý đơn hàng, quản lý sản phẩm hay dữ liệu khách hàng không hề có tính năng mới nào được thêm vào. Họ chỉ dọn dẹp các chi tiết gây nhiễu thị giác. Viền khung, bóng đổ và các mảng màu nền đọng lại sau nhiều năm nâng cấp tính năng lẻ tóm đều đã được gọt giũa bớt, giúp nội dung chính trên từng màn hình nổi bật hơn.

Bài đăng đó cũng giải thích vế còn lại của dự án: "Song song đó, chúng tôi đang xây dựng các luồng tương tác chuẩn AI thông qua Sidekick." Như vậy, đợt lột xác này có hai lớp: Một trang admin gọn gàng, phẳng hơn; và Sidekick – trợ lý AI của Shopify – chuyển từ một ô pop-up thỉnh thoảng mới hiện lên thành một thành phần cố định trên màn hình.

5 điểm thay đổi bạn sẽ thấy ngay vào sáng thứ Hai

Tổng hợp từ các bài đăng ra mắt và phản hồi sớm của cộng đồng, dưới đây là những thay đổi tác động trực tiếp đến công việc hàng ngày của bạn:

  1. Thanh điều hướng được gom nhóm lại. Thông báo của @katarinabatina nhấn mạnh vào việc "điều hướng dễ dàng hơn giữa các workflow chính". Mấy ngày đầu, bạn sẽ thấy các mục quen thuộc nằm ở vị trí hơi khác một chút.
  2. Ẩn/hiện thanh sidebar bằng phím tắt. Lập trình viên ứng dụng @junaidkbr (https://x.com/junaidkbr/status/2103215196387119176) chú ý thấy giao diện mới cho phép đóng/mở sidebar bằng tổ hợp phím Command-B. Tính năng này mượt đến mức anh quyết định gỡ bỏ tính năng tương tự khỏi app Alfred của mình. Bài đăng nhận được 311 lượt thích.
  3. Thanh tìm kiếm dời sang bên hông. Lập trình viên @heysandy801 (https://x.com/heysandy801/status/2103598868571308416) xếp đây là một trong hai điểm gây phiền phức: "Đặt thanh tìm kiếm ở bên hông không được tự nhiên bằng việc để ở trên cùng. Nhưng chắc dùng rồi cũng quen thôi."
  4. Sidekick luôn hiển thị. Bài đăng trên cũng chỉ ra điểm bất tiện thứ hai: Sidekick luôn sẵn sàng, nhưng mỗi lần mở ra, nó sẽ đẩy ra một thanh sidebar tốn thêm diện tích màn hình bạn đang thao tác.
  5. Giao diện các app cũng đổi khác. @heysandy801 nói thêm rằng admin mới "làm cho các app trông đẹp mắt hơn hẳn", dù lưu ý rằng do Shopify chưa tài liệu hóa rõ ràng về khoảng cách (spacing) và kích thước tiêu đề, một số app sẽ nhìn hơi lệch cho đến khi lập trình viên cập nhật lại. @junaidkbr (https://x.com/junaidkbr/status/2102778882617463095) thì thẳng thắn hơn về giai đoạn chuyển giao này khi hy vọng Shopify "đã bắt tay vào chỉnh sửa những điểm UI + UX còn chưa chuẩn mà dashboard mới này gây ra."

Những gì không thay đổi: Theme, trang nội dung và checkout

Đây là điều mà hầu hết các chủ shop cần nghe nhất: Đây thuần túy là ngôn ngữ thiết kế của trang quản trị admin. Tức là nó chỉ thay đổi diện mạo của khu vực hậu trường (back office) nơi bạn làm việc. Giao diện storefront cho khách xem không ảnh hưởng gì hết.

Theme của bạn không hề tự cập nhật. Trang sản phẩm, landing page hay các trang danh mục vẫn hiển thị y hệt tuần trước. Khâu checkout không bị đụng tới. Khách ghé mua hàng hoàn toàn không thể biết trang admin của bạn trông khác đi ra sao, và trong các bài đăng của @katarinabatina, @kevinclark hay @MSchwaibold cũng không hề có ý định đưa ngôn ngữ thiết kế mới này ra ngoài giao diện bán hàng.

Nếu muốn tìm bằng chứng cho thấy Shopify tách biệt hai phần này rõ ra sao, hãy nhìn vào cập nhật ở phía storefront trong cùng tháng. Lập trình viên Shopify @krzksz (https://x.com/krzksz/status/2102418718613520571) thông báo tính năng streaming cho storefront: Phần đầu trang (head) được tải về trình duyệt trước khi template dựng xong toàn bộ, giúp giảm thời gian phản hồi đầu tiên (TTFB) bình quân tới 29% ở bách phân vị 75, mà seller không cần đụng một ngón tay vào theme. @sh_sakamoto (https://x.com/sh_sakamoto/status/2102970306898149683) nói thêm rằng tốc độ cải thiện thực tế trên theme Horizon mới nhanh gấp khoảng ba lần so với theme Dawn, do cách sắp xếp CSS quan trọng của từng theme. Đó mới là thay đổi của storefront trong tháng 9: Mắt thường không thấy được nhưng đo đếm được bằng tốc độ. Đợt thay đổi admin thì ngược lại: Đập vào mắt rất rõ, nhưng không làm ảnh hưởng dù chỉ một miligiây đến trang web mà khách tải.

Cho nên, nếu phản ứng đầu tiên của bạn khi thấy admin mới là "liệu có phải sửa lại giao diện shop cho xông xênh với cái này không", thì câu trả lời là không. Không có gì cần phải khớp theo cả. Bỏ ra cả tuần chỉnh lại trang sản phẩm cho phẳng lỳ giống cái admin chỉ phục vụ đúng một khán giả duy nhất: Chính bạn.

Nơi duy nhất đụng tới gian hàng: Các app và kỳ vọng vào Sidekick

Tuy nhiên, có một tác động gián tiếp bạn nên lường trước. Việc Sidekick nằm ngay vị trí trung tâm sẽ khiến các seller bắt đầu kỳ vọng nó xử lý được mọi việc trong admin, bao gồm cả việc điều khiển các app bên thứ ba. @junaidkbr đã đặt ra chính xác câu hỏi này (https://x.com/junaidkbr/status/2102778882617463095): "Với vị trí đắc địa của Sidekick, liệu người dùng có mặc định rằng Sidekick sẽ chạy mượt với mọi app không?"

Câu trả lời cho câu hỏi này sẽ quyết định app nào đáng giữ lại. Các bên phát triển app cũng đã rục rịch hành động. @denniscessan (https://x.com/denniscessan/status/2103222588663267658) khoe bản prototype dashboard đầu tiên theo ngôn ngữ thiết kế mới ngay trong buổi tối nó ra mắt. @ShopifyDevs (https://x.com/ShopifyDevs/status/2103519635320557579) cũng tung ra Dev Dashboard mới trong cùng tuần. Những ứng dụng nhanh chân đồng bộ theo giao diện mới và phối hợp mượt mà với Sidekick sẽ cho cảm giác như tính năng có sẵn của hệ thống. Ngược lại, các app lười thay đổi sẽ nhìn rất lạc quẻ và lỗi thời bên trong một trang admin vừa được dọn dẹp sạch sẽ.

Ngoài ra cũng có những góc nhìn cẩn trọng từ cộng đồng. @heysandy801 nhắc đến việc có ý kiến chê admin mới nhìn như "sản phẩm AI ăn xổi và thiếu bản sắc" nếu so với hệ thống thiết kế Polaris trước đây. Tuy nhiên anh không đồng tình: "Xét thuần túy ở góc độ trải nghiệm thị giác, tôi thấy họ đã đầu tư rất nhiều tư duy vào cách tương tác và bố cục." Hiện chưa có số liệu thực tế nào chứng minh giao diện mới có giúp seller thao tác nhanh hơn không, nên cứ coi mấy lời khen chê lúc này là trải nghiệm ban đầu thôi.

Bạn nên làm gì trong tuần này?

Không có gì trên gian hàng của bạn cần phải đập đi xây lại cả. Cứ thong thả làm vài việc nhỏ sau:

  • Học hai phím tắt đỡ tốn cú click nhất. Phím Command-B để ẩn thanh bên, và nhớ vị trí mới của ô tìm kiếm trên màn hình. Dùng cố ý khoảng hai ngày là quen, hơn hẳn việc mất hai tuần mò mẫm.
  • Mở lần lượt các app đang cài ra xem. Nếu thấy cái nào trông méo mó hay lệch dòng thì đó là do bên làm app chưa chỉnh lại khoảng cách, không phải lỗi do bạn. Cho họ vài tuần cập nhật trước khi đánh giá là app đó đã bị bỏ rơi.
  • Thử dùng Sidekick cho một việc bạn đã biết thừa đáp án. Vị trí bắt mắt của nó rất dễ làm bạn tin tưởng ngay. Cứ test thử với vài việc nhỏ trước, soi kỹ kết quả rồi hãy nhấn áp dụng.
  • Đừng dại gì đi chỉnh lại theme vì đợt cập nhật này. Nếu muốn tối ưu tốc độ storefront, cái bạn cần can thiệp trong tháng này là cấu trúc theme — như so sánh giữa Horizon và Dawn của @sh_sakamoto đã chỉ ra — chứ không phải đi sửa lại màu sắc giao diện.
  • Lưu lại các bài đăng ra mắt. Khi nhân viên hay đồng nghiệp đăng nhập vào hỏi xem có vào lộn trang không, cứ quăng cho họ cái link thông báo của @katarinabatina cho nhanh, khỏi mất công giải thích lại.

Nguồn tham khảo

Bàn luận trên GemCommunity

esc