GUI BLOOPERS 2.0 pptx

GUI BLOOPERS 2.0
CHƯƠNG 3 & 4
Nhóm 01- Topic# 12
1
STT MSSV HỌ & TÊN
1 1041142 Nguyễn Minh Tiến
2 1041105 Lê Hữu Phước
3 1041115 Đặng Tiến Quân
4 1041015 Lưu Chí Bình
5 1041160 Trương Quốc Trưởng
6 1041004 Đoàn Thị Vân Anh
1. Chương 3: Navigation Bloopers
- Mô tả các lỗi phổ biến làm cảng trở người sử dụng
phần mềm
2. Chương 4: Textual Bloopers
- Mô tả các lỗi khi trình bày TEXT trong phần mềm trên
giao diện người dùng.
2
Chương 3: Navigation Bloopers

Not showing users where they are
›
Blooper 13: Window or page not identified
›
Blooper 14: Same title on different windows
›
Blooper 15: Window title doesn’t match command or link

Leading users astray and not showing the way
›
Blooper 16: Distracting off-path buttons and links

›
Blooper 17: Self-links
›
Blooper 18: Too many levels of dialog boxes

Poor search navigation
›
Blooper 19: Competing search boxes
›
Blooper 20: Poor search results browsing
›
Blooper 21: Noisy search results
3
1041004 – Đoàn Thị Vân Anh – Trình bày

Not showing users where they are
›
Blooper 13: Window or page not identified
›
Blooper 14: Same title on different windows
›
Blooper 15: Window title doesn’t match command or link
4
1.2 Blooper 13: Window or Page not identified!
- Desktop applications: No window title
- On the Web: Page not identified
- Avoiding blooper 13.
5
1.2 Blooper 13: Window or Page not identified!
1.2.1 Desktop applications: No window title

6
1.2 Blooper 13: Window or Page not identified!
- On the Web: Page not identified
7
1.2 Blooper 13: Window or Page not identified!
- Avoiding blooper 13:
›
Desktop applications should title all windows,
including dialog boxes.
›
Use this format:
<Application name>: <window title>
8
1.2 Blooper 13: Window or Page not identified!
- Avoiding blooper 13:
9
1.2 Blooper 13: Window or Page not identified!
- Avoiding blooper 13 on web:
■ Navigation bar: đánh dấu mục của trang hiện tại trên thanh
navigation bar.
■ Page title: đặt tiêu đề nổi bật, phía trên nội dung của trang.
10
1.2 Blooper 13: Window or Page not identified!
- Avoiding blooper 13 on web:
■ Page title:
11
1.2 Blooper 13: Window or Page not identified!
- Avoiding blooper 13 on web:
›
Navigation bar

12
1.2 Blooper 13: Window or Page not identified!
- Avoiding blooper 13 on web:
›
Navigation bar
›
Page title
13
1.3 Blooper 14: Same title on different windows!
1.3.1 Window titles name application only.
1.3.2 Programmer copied code but forgot to edit title
1.3.3 Programmer didn’t know title was in use elsewhere
1.3.4 Programmer thought title fit both.
1.3.5 Avoiding blooper 14.
14
1.3 Blooper 14: Same title on different windows!
1.3.1 Window titles name application only.
15
1.3 Blooper 14: Same title on different windows!
1.3.1 Window titles name application only.
16
1.3 Blooper 14: Same title on different windows!
1.3.2 Programmer copied code but forgot to edit title
17
1.3 Blooper 14: Same title on different windows!
1.3.3 Programmer didn’t know title was in use
elsewhere
18
1.3 Blooper 14: Same title on different windows!
1.3.4 Programmer thought title fit both.

19
1.3 Blooper 14: Same title on different windows!
1.3.5 Avoiding blooper 14:
a. Every window or Web page should have a unique title.
b. Message files can help.
c. Special cases.
20
1.3 Blooper 14: Same title on different windows!
1.3.5 Avoiding blooper 14:
a. Every window or Web page should have a unique
title.
21
1.3 Blooper 14: Same title on different windows!
1.3.5 Avoiding blooper 14:
b. Message files can help.
22
1.3 Blooper 14: Same title on different windows!
1.3.5 Avoiding blooper 14:
c. Special cases.
23
Blooper 15: Window title doesn’t match command or link.

The blooper in desktop software.

A common cause of the blooper.

The blooper on the Web.

Avoiding Blooper 15.
24

1.4 Blooper 15: Window title doesn’t match command or link.

The blooper in desktop software.
25