Vấn đề xây dựng lại điều hướng
Hầu hết các cửa hàng không lên kế hoạch kiến trúc điều hướng hướng tới tăng trưởng. Họ xây dựng một menu phù hợp với danh mục hiện tại — đơn giản, phẳng, thích hợp cho 50–100 sản phẩm — và sau đó gặp phải vấn đề cơ cấu khi danh mục phát triển lên 300, 500 hay 1.000 sản phẩm. Menu đơn giản hoạt động tốt khi ra mắt trở nên không đủ ở quy mô lớn: quá nhiều danh mục cấp cao nhất mà không có tổ chức danh mục con có ý nghĩa, tên danh mục được chọn cho danh mục nhỏ nhưng không còn phù hợp khi mỗi danh mục có hơn 80 sản phẩm, Tab Bar được cấu hình cho các sản phẩm phổ biến nhất lúc ra mắt nhưng không còn phản ánh đúng phạm vi của cửa hàng nữa.
Việc xây dựng lại điều hướng sau khi danh mục tăng trưởng rất tốn kém. Nó đòi hỏi phải kiểm kê điều hướng hiện có, phân tích những điểm không hoạt động, thiết kế lại cấu trúc danh mục, cập nhật tất cả các liên kết nội bộ tham chiếu đến cấu trúc cũ, và tái đào tạo những khách hàng quen đã thuộc lòng điều hướng cũ. Chi phí không chỉ là thời gian của nhà phát triển để xây dựng lại — mà còn là sự gián đoạn đối với cửa hàng và mất năng suất của những khách hàng hiện tại khi họ đột nhiên không tìm thấy thứ họ cần. Một kiến trúc điều hướng được thiết kế để mở rộng quy mô tránh được phần lớn chi phí này bằng cách tích hợp sự linh hoạt ngay từ đầu.
"Chúng tôi ra mắt với sáu danh mục sản phẩm và một Slide Menu đơn giản. Hai năm sau, chúng tôi có 22 danh mục và điều hướng hoàn toàn hỗn loạn — mỗi dòng sản phẩm mới thêm vào đều được đặt sai chỗ đâu đó, và chúng tôi nhận email từ khách hàng hỏi xem các mặt hàng đã được chuyển đi đâu. Việc xây dựng lại tiêu tốn của chúng tôi khoảng 3.000 đô tiền nhà phát triển và một tháng gián đoạn. Nhìn lại, nếu chúng tôi đã xây dựng phân cấp danh mục với tư duy mở rộng quy mô ngay từ đầu — sử dụng cấu trúc cha-con thay vì danh mục phẳng — chúng tôi chỉ cần thêm danh mục con khi phát triển, không cần xây dựng lại toàn bộ."
— Khách hàng Navi+, thương hiệu phong cách sống ngoài trời
Nguyên tắc kiến trúc điều hướng có khả năng mở rộng
Một kiến trúc điều hướng mở rộng tốt có một số thuộc tính cấu trúc phân biệt với điều hướng chỉ được thiết kế cho trạng thái danh mục hiện tại:
Danh mục cấp cao nhất ổn định với độ sâu danh mục con có thể mở rộng. Các cấu trúc điều hướng bền vững nhất sử dụng một tập hợp nhỏ các danh mục cấp cao nhất (4–7) đủ rộng để duy trì sự liên quan khi danh mục phát triển, với kỳ vọng rằng các danh mục con sẽ mở rộng khi thêm dòng sản phẩm. "Giày dép," "Quần áo" và "Phụ kiện" là các danh mục cấp cao nhất có thể hấp thụ hàng thập kỷ bổ sung sản phẩm mà không thay đổi — chỉ các danh mục con bên dưới chúng mới phát triển. "Giày chạy bộ nam" là danh mục cấp cao nhất sẽ trở nên lỗi thời ngay khi bạn thêm giày chạy bộ nữ hoặc giày chạy địa hình. Thiết kế danh mục cấp cao nhất ở mức rộng nhất có thể; dành sự cụ thể cho danh mục con.
Lọc theo thuộc tính là công cụ điều hướng chính cho các danh mục con lớn. Khi một danh mục con phát triển vượt quá 30–40 sản phẩm, điều hướng phân cấp (thêm danh mục con) trở nên kém hữu ích hơn so với lọc theo thuộc tính (kích cỡ, màu sắc, chất liệu, khoảng giá). Một kiến trúc điều hướng có khả năng mở rộng dự đoán sự chuyển đổi này và xây dựng khả năng lọc song song với phân cấp danh mục, để khi "Giày chạy bộ" phát triển quá lớn để duyệt mà không có hướng dẫn, các bộ lọc có thể tiếp nhận tải trọng điều hướng mà không cần thay đổi cơ cấu menu.
Liên kết nổi bật như lớp phủ linh hoạt, không phải điều hướng cơ cấu. Các chương trình khuyến mãi theo mùa, điểm nổi bật hàng mới và chiến dịch có thời hạn không nên được nhúng vào cấu trúc danh mục chính — đó chính là điều phá vỡ tính toàn vẹn của điều hướng khi danh mục thay đổi. Cách tiếp cận có khả năng mở rộng coi những thứ này là các lớp phủ có thể cấu hình được: liên kết nổi bật trong tiêu đề Slide Menu, các cột khuyến mãi trong Mega Menu, hoặc các điểm đến của Floating Action Button có thể được cập nhật nhanh chóng mà không cần chạm đến phân cấp danh mục bên dưới. Điều hướng cốt lõi giữ ổn định; lớp khuyến mãi thích ứng.
Quy ước đặt tên không cần đổi tên ở quy mô lớn. Tên danh mục được chọn cho danh mục 50 sản phẩm thường bị hỏng ở mức 500 sản phẩm vì chúng quá cụ thể. "Bán chạy nhất" là danh mục điều hướng hoạt động tốt khi bạn có 8 sản phẩm bán chạy; nó vô nghĩa khi bạn có 80. "Hàng mới về" hoạt động tốt khi hàng mới về chỉ chiếm một phần nhỏ trong danh mục; nó trở nên gây nhầm lẫn khi hàng mới về được thêm vào hàng tuần. Các quy ước đặt tên có khả năng mở rộng hoặc đủ rộng để hấp thụ sự tăng trưởng của danh mục hoặc được khách truy cập hiểu là mang tính động theo bản chất (danh mục "Giảm giá" được kỳ vọng sẽ thay đổi).
| Quyết định điều hướng | Không thể mở rộng | Mở rộng tốt |
|---|---|---|
| Cấu trúc danh mục cấp cao nhất | Dòng sản phẩm cụ thể ("Giày chạy bộ nam") | Danh mục rộng ("Giày dép") với danh mục con |
| Điều hướng danh mục con lớn | Thêm lớp danh mục con | Bộ lọc theo thuộc tính là điều hướng chính |
| Điều hướng khuyến mãi | Nhúng vào cấu trúc danh mục | Lớp phủ có thể cấu hình (liên kết nổi bật, FAB) |
| Đặt tên danh mục | Tên phụ thuộc số lượng cụ thể ("Top 10") | Tên rộng, không phụ thuộc danh mục ("Phổ biến") |
Lên kế hoạch điều hướng cho cửa hàng trong tương lai
Chi phí xây dựng lại điều hướng ở quy mô lớn hoàn toàn có thể tránh được với kế hoạch khiêm tốn khi ra mắt. Câu hỏi cần đặt ra không phải là "tôi cần điều hướng nào bây giờ?" mà là "điều hướng nào vẫn sẽ hoạt động khi danh mục của tôi lớn gấp 10 lần?" Trả lời câu hỏi này một cách trung thực — và xây dựng phân cấp danh mục với sự tăng trưởng đó trong tâm trí — tạo ra một kiến trúc điều hướng hấp thụ nhiều năm tăng trưởng danh mục thông qua việc bổ sung danh mục con thay vì tái cơ cấu. Slide Menu phân cấp, hệ thống cột Mega Menu và Tab Bar có thể cấu hình của Navi+ được xây dựng để natively phù hợp với cấu trúc cha-con này, có nghĩa là cơ sở hạ tầng cho điều hướng có khả năng mở rộng không đòi hỏi phát triển tùy chỉnh — chỉ cần lên kế hoạch ban đầu có chủ ý.
Dùng thử miễn phí — không cần code, không cần lập trình viên
Cài đặt trong vài phút trên Shopify, WordPress hoặc bất kỳ website nào.