{tocify} $title={Mục lục bài viết}
Một trong những yếu tố quyết định cho sự thành công của một website là thiết kế thanh điều hướng hay còn được gọi là Navigation hiệu quả. Bởi Navigation sẽ dễ dàng giúp người truy cập điều hướng và chuyển đến những trang họ mong muốn một cách nhanh chóng. Đối với Website bán hàng nó giúp thực hiện hành động truy cập vào giỏ hàng hoặc tìm kiếm sản phẩm trên website một cách nhanh chóng.
Vì lý do này bạn cần tìm một công ty thiết kế web phải đảm bảo điều hướng trang web hiệu quả nhất. Bài viết dưới đây sẽ giúp bạn biết được một số mẹo thiết kế thanh điều hướng tốt nhất.
1 ĐẶT LOGO Ở VỊ TRÍ NỔI BẬT NHẤT
Bạn phải biết rằng logo chính là bộ mặt thương hiệu của công ty. Vì vậy logo là một trong bộ nhận diện thương hiệu dùng để xây dựng lòng tin và lòng trung thành của khách hàng. Để vận dụng tốt nhất sức mạnh xây dựng thương hiệu của Logo, nó cần được đặt đúng vị trí trong tiêu đề của trang web.
Bạn có thể áp dụng một số quy tắc dưới đây cho việc tìm vị trí đặt Logo phù hợp:
1. Đặt liên kế logo với Trang chủ.
2. Nên chọn vị trí ở góc trên bên trái, theo các nhà nghiên cứu thì đây là vị trí đặt Logo tối ưu nhất vì khách hàng sẽ quan sát trong tầm mắt nhất. Nếu muốn đặt nó ở trung tâm, hãy đặt một liên kết về Trang chủ ở góc trên cùng bên trái.
3. Hãy chọn kích thước một cách phù hợp sao cho mọi chi tiết điều rõ nét dễ nhìn mà không bị mờ khi đưa lên website của bạn. (Gợi ý kích thước lý tưởng nhất là 250px x 100px đối với Logo hình chữ nhật và 160px x 160px đối với Logo hình vuông)
2 HÃY THIẾT KẾ HEADER CUỘN THEO TRANG
Cung cấp nhiều thông tin cho khách hàng và việc cần thiết nhưng bạn cũng đừng khiến người đọc choáng ngợp với nội dung dày đặt mặt chữ như các trang sách hoặc tạp chí mà bạn thường thấy. Khi thiết kế bố cục cho website, chúng ta nên chia theo từng phần và có nhiều khoảng trắng ở giữa các đoạn thông tin, có thể thêm một số hình ảnh để nội dung của bạn thêm phần sống động tránh gây nhàm chán và thu hút người xem.
Tuy nhiên việc làm đó sẽ khiến trang web của bạn trở nên dài hơn. Tuy vậy nó thực sự không phải là vấn đề mà bạn phải quan tâm nếu thông tin bạn cung cấp thực sự hữu ích và có liên quan đến vấn đề của khách hàng. Cái mà bạn cần quan tâm là làm sao cho thanh header cuộn theo trang khi họ đọc xong, đặc biệt trên giao diện mobile bạn cần phải có tính năng này. Header sẽ dẫn đường cho họ biết phải đi đâu khi đã đọc xong nội dung đó. Nếu như bạn tạo ra trải nghiệm khiến khách hàng không biết nên làm gì trên trang của bạn tất nhiên 100% họ sẽ lựa chọn rời đi.
Bạn có hai gợi ý về cho thanh Header của mình một là hãy thiết kế nó thu nhỏ lại và cuộn theo trang. Hai là sử dụng điều hướng căn trái cố định cho thiết kế trang web của mình.
3 PHÂN BIỆT TRANG HIỆN TẠI VỚI CÁI KHÁC
Hãy luôn tạo sự chủ động cho người đọc bằng cách cho họ biết mình đang ở vị trí nào trên Website của bạn. Bạn có thể làm cho chúng trở nên khác biệt trên thanh điều hướng để khách hàng có thể tham chiếu một cách nhanh chóng vị trí mà họ đang đứng. Từ đó họ có thể xác định được những khu vực chưa được khám phá trên Website của bạn.
Cách đơn giản nhất là đặt một đường màu bên dưới trang hiện tại hoặc đổi màu chúng khác với những trang còn lại khi khách hàng đã click vào đường dẫn đến trang đó.
4 SỬ DỤNG NHỮNG BIỂU TƯỢNG NHẬN DẠNG DỄ DÀNG
Để thêm tính sinh động cho thanh Header bạn thể sử dụng các biểu tượng làm phần tử độc lập thay cho nhãn văn bản. Nhưng bạn cần lựa chọn thật kỹ biểu tượng sẽ được sử dụng vì chỉ có một vài biểu tượng có mức độ nhận biết rộng rãi. Như một vài biểu tượng sau:
- Biểu tượng hồ sơ người dùng cho mục cài đặt tài khoản.
- Biểu tượng xe mua hàng cho mục giỏ hàng.
- Biểu tượng Kính lúp cho mục tìm kiếm.
5 SỬ DỤNG MEGA MENUS
Menu mega từ lâu đã được đưa vào các thiết kế điều hướng trên các trang web. Nó có thể chứa hơn một chục liên kết và nhiều cấp độ trang. Đây sẽ là một công cụ tốt nếu bạn sắp xếp nó đúng cách.
Để sắp xếp được một menu lớn, bạn có thể lên kế hoạch thiết kế tương tự như việc bạn tổ chức các trang web của mình như:
- Sử dụng tiêu đề in đậm.
- Phân chia các cột cho các trang liên quan.
- Sử dụng hình ảnh để đánh dấu các trang quan trọng.