Mẫu điều hướng cho cấu trúc ứng dụng iOS
- Ứng dụng iOS có cấu trúc phân cấp cố định, nhờ đó người dùng có thể dự đoán các tùy chọn điều hướng.
- Các mẫu điều hướng giúp người dùng nhận biết vị trí hiện tại và vị trí trước đó, đồng thời hiểu cách quay lại.
Điều hướng drill-down
- Drill-down là mẫu khám phá cấu trúc cây thông tin theo từng bước, sử dụng hoạt ảnh chuyển cảnh theo chiều ngang.
- Mẫu này không lưu trạng thái, và thanh điều hướng hiển thị tiêu đề của màn hình hiện tại.
- Chỉ báo hiển thị trên hàng danh sách cho biết có thể drill-down sâu hơn trong hệ phân cấp.
Điều hướng phẳng
- Điều hướng phẳng chia hệ phân cấp ở mức gốc và hiển thị bằng thanh tab.
- Các mục trên thanh tab được tổ chức xoay quanh các chức năng chính của ứng dụng, từ đó hình thành kỳ vọng của người dùng và mô hình nhận thức về ứng dụng.
- Thanh tab luôn hiển thị trên toàn bộ màn hình ứng dụng, trừ khi tạm thời bị che bởi modal sheet.
Mẫu kim tự tháp
- Mẫu kim tự tháp cho phép di chuyển nhanh giữa các view ngang hàng ở cùng một cấp phân cấp mà không cần quay lại màn hình cha.
- Có thể di chuyển giữa các view ngang hàng trong ứng dụng media bằng cử chỉ vuốt ngang hoặc bằng nút.
Mẫu hub-and-spoke
- Mẫu hub-and-spoke phù hợp với các bộ sưu tập mục lớn, không liên quan với nhau, ở cấp cao nhất của hệ phân cấp.
- Màn hình chính của iOS đóng vai trò như một hub, cung cấp một "trạng thái trung lập" đáng tin cậy của hệ điều hành.
Điều hướng overlay
- Overlay đòi hỏi sự chú ý của người dùng, và modal overlay yêu cầu người dùng thực hiện hành động.
- Modal ma sát cao đòi hỏi người dùng đưa ra quyết định và tập trung vào việc hoàn thành một tác vụ cụ thể.
- Modal ma sát thấp có thể dễ dàng bị hủy, và nên tránh các hộp thoại cảnh báo tác vụ đơn lẻ nếu có thể.
Điều hướng nhúng
- Mẫu điều hướng nhúng đòi hỏi sự chú ý đặc biệt tới cấu trúc chặt chẽ và mô hình không gian của iOS.
- Thay đổi trạng thái không làm thay đổi vị trí trong hệ phân cấp, và cần xác nhận đó là thay đổi trạng thái chứ không phải phân cấp hay modal.
Điều hướng theo từng bước
- Mẫu theo từng bước kết nối một chuỗi màn hình theo luồng tuyến tính, như tour hướng dẫn, luồng cài đặt hoặc tutorial onboarding.
- Chuỗi từng bước nên được đặt trong modal overlay, và kết thúc chuỗi bằng nút hoàn tất hoặc đóng.
Điều hướng lấy nội dung làm trung tâm
- Điều hướng lấy nội dung làm trung tâm đưa người dùng tức thời sang một trang hoặc view khác thông qua hyperlink hay nút.
- Trong ứng dụng iOS, nên tránh mẫu này ngoại trừ hypertext, game nhập vai hoặc nội dung phi tuyến tính.
Ý kiến của GN⁺
- Bài viết này có thể rất hữu ích cho các nhà phát triển ứng dụng iOS, cung cấp những mẫu điều hướng quan trọng để cải thiện trải nghiệm người dùng.
- Các mẫu điều hướng đa dạng như drill-down, phẳng, kim tự tháp góp phần nâng cao tính khả dụng và khả năng tiếp cận của ứng dụng.
- Đặc biệt, việc sử dụng điều hướng modal và overlay có thể ảnh hưởng lớn đến luồng thao tác của người dùng, vì vậy các nhà phát triển cần cân nhắc cẩn thận.
2 bình luận
Xin chào! Tôi cũng chỉ biết điều này khi chia sẻ bài viết này với một đồng nghiệp. Theo tôi được biết, không phải
네비게이션mà내비게이션mới là từ chuẩn phù hợp với chính tả tiếng Hàn. Haha. Vì đây là cách phát âm của tiếng Anh nên thật ra cũng khó nói chắc cái nào mới là “đúng”. Nhưng vì đây là nơi có nhiều người đọc, nên tôi nghĩ sẽ tốt hơn nếu dùng theo từ chuẩn, nên xin phép để lại một bình luận nhỏ.Bài viết này là nội dung được GPT-4 tóm tắt. Có vẻ GPT thường dùng đúng từ “điều hướng”, nhưng đôi khi cũng trộn lẫn cách viết khác của từ này. Tôi đã sửa lại rồi haha