ĐẠI HỌC QUỐC GIA TP.HCM
ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
THIẾT KẾ
GIAO DIỆN NGƯỜI DÙNG
1
TKGDND
GV: Tạ Thu Thủy
2/22/2022
CHƯƠNG 3:
KỸ THUẬT THIẾT KẾ
GIAO DIỆN
2
TKGDND
2/22/2022
3.1 Navigation.
3.2 Text.
3.3 Color.
3.4 Home screen.
3.5 Bố cục.
3.6 Một số kỹ thuật khác.
TKGDND
2/22/2022
3
Thiết kế “Navigation” là thiết kế luồng xử lý của các
chức năng trong phần mềm, trong đó đề cập đến
từng giao diện cụ thể.
TKGDND
2/22/2022
4
TKGDND
2/22/2022
5
Chiều T7 vào “Siêu thị” mua “kìm”, thấy 3 gian hàng:
TKGDND
2/22/2022
6
Có 3 lối đi đến 3 khu vực khác nhau trong gian hàng “Tools”:
TKGDND
2/22/2022
7
Tìm xem “Kìm” nằm ở đâu trên kệ:
TKGDND
2/22/2022
8
Câu chuyện “đi siêu thị”
TKGDND
2/22/2022
9
Câu chuyện “đi siêu thị”
TKGDND
2/22/2022
10
Bạn duyệt web như thế nào?
TKGDND
2/22/2022
11
Câu chuyện “duyệt 1 web”
TKGDND
2/22/2022
12
Thiết kế các navigation control: menu, footer, search box, link, button,…
TKGDND
2/22/2022
15
Mục đích của navigation là gì?
TKGDND
2/22/2022
16
TKGDND
2/22/2022
18
2/22/2022
TKGDND
19
TKGDND
2/22/2022
20
Có các cách thiết kế navigation nào trên menu
để thể hiện “You are here” ?
TKGDND
2/22/2022
21
TKGDND
2/22/2022
23
TKGDND
2/22/2022
24
TKGDND
2/22/2022
25
TKGDND
2/22/2022
26
Người dùng cịn quan tâm gì trên trang chủ nữa?
TKGDND
2/22/2022
27
Cịn có gì?
TKGDND
2/22/2022
30
Tabs
TKGDND
2/22/2022
32