Những lưu ý khi thiết kế Navigation Menu

BrSE Jan 13, 2021

Sau 1 hồi được tham gia làm từ bước đầu tiên lắng nghe nhu cầu của khách hàng, dựng mockup gửi khách hàng confirm, rồi thì làm việc với đội Design của Nhật cùng 1 số nghiên cứu tham khảo trong quá trình làm việc mình đã rút ra được những kinh nghiệm sau cùng chia sẽ với cả nhà. À tất nhiên là có cả nguồn tham khảo trên mạng nữa ^^❤~

1. Vị trí hiển thị menu bar

Theo nghiên cứu bởi vì tim nằm bên trái nên con người thường có xu hướng tìm kiếm hoặc lựa chọn phía bên tay trái. Chính vì vậy để User có thể tìm thông tin 1 cách nhanh chóng thì nên để menu bên trái.

Đặc biết đối với những web chuyên về quản lý thì việc để menu bar phía bên trái là điều hiển nhiển ^^~

2. Vị trí hightlight

Luôn chỉ ra cho User biết họ đang ở đâu = cách

l Show vị trí tên page trên thanh tab

l URL mà người dùng bình thường có thể hiểu và đọc được ( trừ trường hợp bảo mật )

l Các Breadcrumb : giúp người dùng có thể biết được ở đâu, đặc biết đối với những website đựợc chia làm nhiều tầng. Đồng thời có cũng đóng vai trò đặc biệt trong việc SEO ( tăng khả năng hiển thị kết quả trên google tìm kiếm ). Bác nào chuyên làm SEO có thể tham khảo thêm trên web về nội dung này.

l Descriptive heading : Mô tả tổng quan nội dung của page họ đang vào

l Highlight màu, gạch chân... trên item đại diện cho page đang truy cập Navigate menu

3. Mega Menu vs Dropdowns

Khi hover chuột vào từng item trong menu bar hãy để nó show theo hàng ngang cùng title mô tả, ảnh đại diện, 1 đoạn ngắn description nêu bạn cảm thấy cần thiết.

4. Link có ý nghĩa

Nội dung text đại diện cho link dễ dàng cho User nắm được:

a) Có ý nghĩa mô tả

b) Ngắn gọn

c) Logic

d) Đơn giản, dễ hiểu, không chuyên ngành

5. Item xuất hiện trong page

a) Tùy vào đọ phức tạp của page mà số lượng item sẽ khác nhau. Tuy nhiên cố gắng để số item ít hơn 6 hoặc 7

b) Trên head menu phần quan trọng nhất là item đầu tiên và cuối cùng, vì vậy bạn nên gắn link quan trọng vào 2 item này

6. Phân biệt trend và tính hữu ích thực tế

Đối vs việc hiển thị web trên mobile không phải lúc nào việc sử dụng trend hamburger menu cũng là tốt. Đôi khi việc dấu các item trong navigation menu sẽ khiến người dùng hoang mang  và tăng thời gian tìm kiếm cho User.

Sum up:

Nói chung thì mình thấy lưu ý còn nhiều không xuể, chưa kể công nghệ phát triển nhanh, thói quen người cùng với đó cũng thay đổi cho nên là việc cập nhập UI&UX phải liên tục. Không thì nhìn vào cái web mình làm ra thiên hạ cứ tưởng công nghệ của 5, 7 năm trước, mà lại bỏ rơi nó tội nghiệp.

Tags

Huyen Truong

Life is a Game

Great! You've successfully subscribed.
Great! Next, complete checkout for full access.
Welcome back! You've successfully signed in.
Success! Your account is fully activated, you now have access to all content.