Web nhà hàng: 05 nguyên tắc thiết kế UI/UX chuyên nghiệp

1. Thiết kế thật Rõ ràng, Đơn giản, và Thống nhất

– Tạo một bố cục rõ ràng: Bố cục của các nội dung phải có một cấu trúc rõ ràng, logic, và loại nội dung phải phù hợp với mục đích của sản phẩm.

– Đồng nhất Khoảng cách giữa các khối

– Những thành tố trong thiết kế phải thống nhất với nhau: Một thiết kế với các nội dung và thành tố (icon, nút,…) thống nhất về thiết kế giúp người dùng dễ điều hướng, hiểu cách sử dụng, và không bị rối trong quá trình sử dụng.

– Tập trung vào tính năng

– Đơn giản hóa các thành tố điều hướng: Chỉ thể hiện những thành tố điều hướng chính, tránh việc thể hiện quá nhiều thành tố và nội dung không quá cần thiết trên giao diện khiến người dùng bị rối và cảm thấy loạn. Việc này sẽ giúp người dùng dễ dàng xác định hành trình của mình để thực hiện một tác vụ nhất định.

– Giới hạn ở 01 thanh điều hướng: Giữ thanh điều hướng thống nhất xuyên suốt sản phẩm, tránh việc với mỗi giao diện lại có một thanh điều hướng khác nhau. Đánh dấu mỗi trang một cách rõ ràng, và thêm progress bar (thanh tiến độ) để thể hiện hành trình của khách hàng nếu họ phải trải qua một hành trình nhiều bước.

– Nhóm các nội dung: Cố gắng thể hiện tất cả những thông tin liên quan đến cùng một chủ đề trên một giao diện duy nhất để người dùng nắm được mọi thông tin họ cần, tránh tách thành nhiều trang. Việc tách thông tin thành nhiều trang cũng khiến cho người dùng phải mất công nhớ nhiều địa chỉ khác nhau nếu họ muốn tìm một thông tin nào đó, cũng mất công họ phải click đi click lại vào nhiều trang để tìm đủ nội dung mình cần.

– Đơn giản hóa các trường văn bản: Đặt phần nội dung văn bản tách biệt khỏi các nội dung khác. Chỉ để một cột văn bản, căn lề trái, font chữ dễ đọc, và kích thước lề lớn.

– Hạn chế dùng hình ảnh làm background cho chữ.

– Nút Call to action (CTA) rõ ràng: Các nút, link, hay các chỉ dẫn điều hướng nên có label chỉ dẫn rõ ràng (ví dụ: “Attach file” thay vì chỉ “Click here”). Cố gắng không có quá nhiều CTA, và nếu có nhiều hơn 1 CTA, thì nên có một CTA chính của cả page, và CTA này cần được thể hiện nổi bật so với những CTA khác.

– Nguyên tắc trình bày dữ liệu: Nguyên tắc thiết kế UI, UX kế tiếp chính là trình bày văn bản. Điều này giúp cho thông tin được hiển thị mạch lạc và rõ ràng hơn

Thí dụ như, trong một bài viết luôn phải căn lề 2 bên, viết hoa chữ cái đầu dòng, đầu câu hay tiêu đề,… Đặt khoảng trắng chính xác, dấu chấm/phẩy phân chia rõ ràng,.. Ngoài ra còn có rất nhiều nguyên tắc khác để đảm bảo nội dung bài viết dễ nhìn, dễ đọc và dễ hiểu.

– Cấu trúc nội dung rõ ràng, xoay quanh nội dung chủ đạo: Tránh việc có quá nhiều văn bản, thanh điều hướng, hay CTA trên cùng 1 trang. Hãy lựa chọn nội dung chủ đạo của trang đó để làm nổi bật và tối giản các nội dung còn lại.

– Áp dụng luật Fitts: Luật Fitts được hiểu đơn giản là các tính năng quan trọng cần được thiết kế nổi bật và sáng tạo. Bởi thực tế thì những chức năng như vậy thường gây chú ý tới người dùng và thao tác dễ dàng hơn.

>> Xem thêm: 13 lưu ý khi thiết kế website cho nhà hàng

2. Tránh mọi thành tố gây mơ hồ

– Sử dụng văn bản mô tả ngắn gọn, rõ ràng kèm với icon, nút CTA. Nếu việc thêm văn bản khiến giao diện bớt gọn gàng, bạn có thể để tính tăng khi di chuột vào icon thì sẽ hiện label văn bản mô tả.

– Tránh mọi từ ngữ/ hình ảnh có thể mang ý nghĩa ẩn dụ.

Luôn tự hỏi rằng “Những nút này/ cụm từ này có thể gây hiểu lầm hay không?”. Nếu có, hãy thiết kế nó theo cách khác.

3. Tránh những tương tác không được kỳ vọng gây nhiễu hành trình người dùng

– Tránh những nội dung pop-up như banner quảng cáo, video… nếu nó không liên quan đến hành trình của khách hàng. Đơn giản, đó không phải nội dung họ quan tâm, họ phải mất thời gian không cần thiết để phân tích đó là nội dung gì, và còn tốn thêm 1 thao tác tắt pop-up. Và với những người lần đầu dùng sản phẩm, điều này có thể gây rối quá trình của họ và tạo ấn tượng không tốt. Hãy tưởng tưởng mỗi lần đăng nhập Facebook và bạn gặp một banner quảng cáo pop-up?

– Mặc định tắt âm thanh trong các autoplay video (video tự động chạy) để tránh việc âm thanh lớn đột xuất làm phiền người dùng cũng là một yếu tố quan trọng mà Chuyển Đổi Số 365 muốn bạn chú ý.

4. Thiết kế hành trình người dùng ngắn gọn và thuận tiện nhất

– Review và đánh giá tất cả các trang giao diện trên toàn bộ hành trình người dùng: Hành trình người dùng không chỉ dừng ở một giao diện, và nhiệm vụ của bạn là đảm bảo tất cả các giao diện phải đơn giản, dễ dùng, liên kết với nhau, và có một mạch thống nhất về nội dung, thiết kế. Việc đánh giá phải dựa trên góc nhìn tổng quan về toàn bộ hành trình người dùng, chứ khổng chỉ đánh giá riêng rẽ trên 1-2 giao diện đơn lẻ.

– Quá trình đăng nhập và đăng ký đơn giản nhất có thể: Mọi hành trình số đều bắt đầu với quá trình đăng ký và đăng nhập, và đây thường là bước người dùng phải thao tác khá nhiều, từ việc nhập thông tin cho đến việc suy nghĩ về mật khẩu. Hãy rút ngắn quá trình này tối đa bằng cách cho phép đăng nhập qua nhiều tài khoản (Facebook, Gmail, Twitter,…) và cho phép lưu thông tin đăng nhập.

– Đảm bảo người dùng có thể phản hồi nếu họ gặp khó khăn khi dùng sản phẩm: Nút feedback nên được thiết kế sao cho người dùng có thể dễ dàng tìm thấy, đặc biệt là trong giai đoạn kiểm chứng sản phẩm, nhằm kịp thời nắm được các lỗi hay điểm khó khăn của khách hàng để cải thiện sớm nhất.

– Thông báo rõ ràng nếu người dùng mắc lỗi và hướng dẫn họ khắc phục lỗi: Đây cũng là một lưu ý quan trọng, bởi khả năng người dùng mắc lỗi khi mới sử dụng 1 sản phẩm là rất cao (ví dụ như nhập thừa số chữ số điện thoại, điền thiếu thông tin, ấn nhầm,…) dẫn đến các chức năng không chạy như kỳ vọng. Nếu không có thông báo, khả năng rất cao họ sẽ cho rằng sản phẩm đang bị lỗi. Vậy nên hãy báo lỗi rõ ràng và hướng dẫn họ cách khắc phục.

5. Tối giản nội dung thông tin:

Theo một số nghiên cứu, người dùng chỉ dành ra 8 giây để xem một thông tin trên internet và đưa ra quyết định tiếp tục click vô xem hay lướt đi. Vì vậy, đơn giản hóa mọi thông tin, rõ ràng, dễ hiểu để giữ chân người dùng và quyết định lượng traffic của website.

>> Xem thêm: Xu hướng tích điểm, chăm sóc khách hàng tốt nhất cho doanh nghiệp

Chuyển Đổi Số 365 – Một trong những đơn vị cung cấp giải pháp chuyển đổi số tốt nhất cho doanh nghiệp tại Việt Nam.

Nếu còn bất kì thắc mắc gì, liên hệ ngay với chúng tôi qua các kênh sau nhé.

– Website: https://chuyendoiso365.com

– Địa chỉ: Tầng 1, Tòa nhà SBI, Công viên phần mềm Quang Trung, Quận 12, TP. Hồ Chí Minh

– Fanpage: Chuyển đổi số 365

– Hotline: 0704550073

– Email: [email protected]