NộI Dung
Khi ai đó bắt đầu sử dụng trang web hoặc ứng dụng web của bạn, họ cần biết phải đi đâu và đến đó vào bất kỳ thời điểm nào. Nếu họ không thể điều hướng dễ dàng trong ứng dụng của bạn, bạn sẽ nhanh chóng đánh mất họ. Vì vậy, thiết kế điều hướng hiệu quả trong ứng dụng web của bạn là rất quan trọng.
Trong loạt bài dành cho Creative Bloq này, Chris Bank of UXPin, ứng dụng thiết kế UX, thảo luận về tầm quan trọng của các mẫu thiết kế điều hướng và các ví dụ chi tiết từ một số trang web và ứng dụng web phổ biến nhất hiện nay.
Để biết thêm ví dụ về các mẫu thiết kế web, hãy tải xuống sách điện tử miễn phí của UXPin, Mẫu thiết kế giao diện người dùng web 2014.
Vấn đề
Người dùng muốn có một vị trí trung tâm để xem hoặc thực hiện hành động trên hầu hết hoặc tất cả nội dung để họ không phải mất thời gian điều hướng giữa các trang.
Giải pháp
Sử dụng các kỹ thuật phát triển web hiện đại để tạo ứng dụng một trang không cần tải lại khi người dùng duyệt qua ứng dụng đó. Mô hình này giống như một sự tái cấu trúc hoàn chỉnh cách thức hoạt động của web hơn là thứ mà bạn có thể xâm nhập vào ứng dụng của mình sau đó.
Theo một cách nào đó, trang trong ứng dụng một trang không thực sự là một trang theo nghĩa web truyền thống, mà nó là một chế độ xem dữ liệu cụ thể hơn. Các ứng dụng web một trang tải không đồng bộ (sử dụng Ajax), trong đó chúng hoạt động ngay lập tức mà người dùng không cần phải đợi các trang riêng biệt tải giữa các hoạt động.
Gmail là một ví dụ điển hình về ứng dụng một trang tích hợp nhiều hành động vào một 'trang' duy nhất. Xu hướng của các thiết kế một trang là việc triển khai mẫu giao diện người dùng này ít khó khăn hơn, nơi tất cả nội dung có thể được truy cập trên cùng một trang. Điều này giúp duyệt web nhanh và nhạy hơn nhiều, làm mờ ranh giới giữa ứng dụng web và máy tính để bàn.
Đối với các ứng dụng web như Spotify, mẫu ứng dụng một trang trở nên cần thiết khi bạn cân nhắc rằng người dùng có thể phát nhạc trong nền nhưng cũng duyệt qua nhiều bản nhạc hơn cùng một lúc; có ứng dụng một trang giúp loại bỏ nhu cầu tải lại trang, do đó, nhạc có thể tiếp tục phát.
Một điều bạn cần cân nhắc khi triển khai ứng dụng một trang là cấu trúc URL. Vì nội dung được tải động bằng JavaScript, các URL có thể trở nên vô dụng và việc truy cập vào một chế độ xem cụ thể có thể trở nên bất khả thi nếu không được thực hiện đúng cách.
Các ứng dụng web như Gmail và Twitter khắc phục điều này bằng cách tạo rõ ràng các URL duy nhất cho mỗi chế độ xem, điều này cũng giải quyết vấn đề nút Quay lại của trình duyệt không sử dụng được.
Từ ngữ: Ngân hàng Chris
Chris Bank là người dẫn đầu tăng trưởng tại UXPin, một ứng dụng thiết kế UX tạo ra các nguyên mẫu và khung dây tương tác đáp ứng.
