KIẾN TRÚC THÔNG TIN HỆ THỐNG ĐIỀU HƯỚNG

N A V I G AT I O N S Y S T E M S
 KTTT

GIỚI THIỆU
❖Công cụ điều hướng cần thiết để cung cấp ngữ cảnh và tăng sự
linh hoạt.

❖Các nhà phát triển cần các chiến lược ứng phó với các thiết bị
khác nhau (kích thước, cơ chế tương tác khác nhau)

❖Hệ thống điều hướng (navigation system):

➢Tập các hành động cho phép người dùng điều hướng giữa các trang
trong một ứng dụng hoặc website để đạt được mục đích của họ.
 KTTT

PHÂN LOẠI
❖Hệ thống điều hướng nhúng
(embedded navigation
systems): hệ thống điều
hướng toàn cục (global), cục
bộ (local) và ngữ cảnh
(contextual)
➢Cung cấp ngữ cảnh và sự linh
hoạt
➢Giúp người dùng biết họ đang
ở đâu và có thể đi đâu

3
 KTTT

PHÂN LOẠI
❖Hệ thống điều hướng bổ sung (supplemental navigation systems)
➢Sitemap
➢Indexes
➢Guides

4
 KTTT

PHÂN LOẠI
❖Global navigation system:
➢Where am I?
➢thể hiện trong suốt các giao diện → “điều hướng trên toàn trang web”
➢Thường nằm ở đầu trang cho phép người dùng truy cập các trang cấp
cao nhất của một trang web và một liên kết đến trang chủ
➢Hệ thống giúp người dùng:
✓ Trả lời câu hỏi “website này có những gì tôi đang tìm kiếm không?
✓ Hiểu được kích thước và độ phức tạp của website
✓ Thiết lập dẫn hướng khi bị lạc

5
 KTTT

PHÂN LOẠI

6
 KTTT

PHÂN LOẠI

7
 KTTT

PHÂN LOẠI
❖Local navigation system
➢What’s nearby?
➢Giúp người dùng khám phá những gì “gần” với vị trí hiện tại.
➢Điều hướng phụ (sub-navigation) hoặc điều hướng trang (page
navigation)
➢Các loại:
✓ L đảo ngược (inverted-L)
✓ Ngang (horizontal)
✓ Nhúng dọc (embedded vertical)

8
 KTTT

PHÂN LOẠI

9
 KTTT

PHÂN LOẠI

10
 KTTT

PHÂN LOẠI

11
 KTTT

PHÂN LOẠI

12
 KTTT

PHÂN LOẠI
❖Contextual Navigation
➢What’s related?
➢Khi thông tin không được sắp xếp trong cấu trúc toàn cục và cục bộ ⇒ sử
dụng điều hướng theo ngữ cảnh
➢Website thương mại điện tử: “sản phẩm có liên quan”, “có thể bạn cũng
thích”…
➢Phải luôn xem xét bối cảnh và xác định xem phương pháp thiết kế có phù
hợp hay không

13
 KTTT

PHÂN LOẠI

14
 KTTT

PHÂN LOẠI

15
 KTTT

PHÂN LOẠI
❖Hệ thống điều hướng bổ sung
➢Sơ đồ website (Sitemap)
✓ cho phép người dùng hiểu cách trang web đang được cấu trúc từ một góc nhìn rộng
hơn
➢Chỉ mục (Indexes)
✓ Chỉ mục hoạt động tốt khi biết tên chính xác của thông tin đang tìm kiếm
➢Hướng dẫn (Guide)
✓ giới thiệu một quy trình, sản phẩm hoặc dịch vụ mới cho người dùng
➢Bộ cấu hình (Configurators)
✓ chức năng của website; không có trang liên kết đến
➢Tìm kiếm (Search)
✓ cho phép người dùng nhập một cụm từ tìm kiếm cụ thể

16
 KTTT

PHÂN LOẠI

17
 KTTT

PHÂN LOẠI

18
 KTTT

PHÂN LOẠI

19
 KTTT

CÂU HỎI
❖Khảo sát 02 – 03 website: mô tả cách điều hướng của các website này (trả
lời ngắn trên google form)
https://docs.google.com/forms/d/e/1FAIpQLSdHFzOHLfsC2n-r3F95P-
AVfaIyf5XNgGxwZeN3tBREon7GOQ/viewform?usp=pp_url

❖Thiết kế trang chính (homepage) của Khoa Công nghệ thông tin của một
trường đại học (câu hỏi 1 bài báo cáo giữa kỳ)

20