Tài liệu Phân tích và Thiết kế hệ thống - Thiết kế giao diện doc

Cac thanh phan thiét ké giao diện người dùng... < Một số định nghĩa # Kỹ thuật định hướng »> Theo cách những người sử dụng bảo hệ thống làm gì đt Kỹ thuật đầu vào > Theo cách hệ thô

PHAN TICH VA THIET KE HE

Cac thanh phan thiét ké giao

diện người dùng

< Một số định nghĩa

# Kỹ thuật định hướng

»> Theo cách những người sử dụng bảo hệ thống làm gì

đt Kỹ thuật đầu vào

> Theo cách hệ thông nắm bắt được thông tin

E Kỹ thuật đầu ra

»> Theo cách hệ thông cung cấp thông tin cho người dùng và các

hệ thông khác

ft Đô hoạ giao diện người dùng (GUI)

»> Sử dụng các đối tượng đồ hoạ (cửa số, biểu tượng, các nút, )

» Kiểu phổ biên nhất của giao diện

4.1- 3

Thiết kế định hướng

Một số nguyên lý cơ bản

<

ft Áp dụng cho những người dùng

»> Không hiểu thủ công

» Không được đào tạo

»> Không có trợ giúp bên ngoài dễ dàng bằng tay

ft Sự hướng dẫn sẽ là:

> Rõ ràng và dễ hiểu

» Dat trong vị trí trực giác trên màn hình

> Biết trước người dùng sẽ làm gì

ft Đơn giản hoá việc khôi phục từ lỗi

# Sử dụng thứ tự cú pháp phù hợp

4.1- 5

Một số nguyên ly co’ ban (cont)

# Ngăn cản sai sót

Giới hạn sự lựa chon

> Người sử dụng có thê tạo ra lỗi hoặc thải hồi hoàn toàn hệ

Một số nguyên ly co’ ban (cont)

<<

@ Don gian hoa viéc khôi phục từ lỗi

>» Nguoi su dung co thé sé tao ra sai sot

»> Nếu có thể, có chức năng "undo"

»> Thực hiện cuỗn ngược

> Tự động cập nhật

# Sử dụng thứ tự cú pháp phù hợp

»> Thông thường định rõ một hoạt động và một đối tượng

>» Có thê sử dụng Action-Object, hoặc Object-Action

» Cac ctra sé str dung Object-Action (cut and paste)

> Bái cứ khi nào bạn chọn, nó cũng được sử dụng thuận lợi

4.1- 7

Các kiêu của điều khiến định hướng (cont),

@ Menus

» Muc đích chung tại menu không sâu rộng

>» Xem xét việc sử dụng “khoá nóng”

@ Điều khiển trực tiếp

> Sử dụng các biểu tượng đề bắt đầu chương trình

> Sử dụng hình dạng và kích thước đồi tượng

»> Có thê không phải theo trực giác cho tất cả các lệnh

4.1- 9

« Một menu truyền thông trong UNIX

Bee erase Rete)

Connect Edit Terminal Help

+Í

ñ HELP - Get help using Pine |

C COMPOSE MESSAGE - Compose and send a message |

I FOLDER INDEX - Uiew messages in current folder

L FOLDER LIST - Select a folder to view |

A ADDRESS BOOK - Update address book |

Copyright 1989-1997 PINE is a trademark of the University of Washington

tk Help PreuEmd RelNotes

i] OTHER CHDS [Help] NextCmd KBLock

4.1- 10

Tool Bar with Buttons

SS] SS ==

h coh,

[jo ce ee | & L3 | 3 Se ee =# | =2 - c~ = G7 ||[ES

| Mormeal ~ Times New Roman =] EES | Ea - == —- A = | abl ~~ Fe

A pop-up menu [ee IỂẰ® 1 2 =E 1Er RE TH GUẸG ức GG

hMIenu design needs tc enu are hidden

suuthor : | 4lan Dennis and Barbara Haley

from users until they MH shallow (i-e-

PAlamager: |

each menu containing Company: [University of Georgia “ University of Virginia an narrow and deep (i-¢< each menu re layers of

Category: |

menus} “ broad anc Keywords: | mitially so that

he or she can see mat Sommeézents : trokes to perform an action “4S hidden behind

: J Hyper link |

menu items and requi base:

Template: Mor mal.dot [ Seve preview picture

Research suggests thi: [ox | SS | paam eischt items and it should take no more than two mouse clicks or keystrokes fom any menu to perform an =

=

oj eS = 4

l DBrawxe — Te & | AutosShapes - ~ “= [J <> <Q | > - =

Line Dividing Menu Group

4.1- 11

compass of stars, they found a place of almost celestial

p islands of Havrai'i VWhere the ocean turns

Today, youN

of Sheraton's Ha

at the heart of the i

f _ The Best Locations On the Best Beaches [ Alaba fakahiaka - Good Morning |

Monday Oct 26, 6:34am

ient navigators first crossed the Pacific by a

dsand glitters in ivory, gold, and obsidian

ay find its beauty in the sun-blushed vistas Val'i A vrorld of eight unique resorts, each anids' most legendary locations

4.1- 12

Kiều của menu

4.1- 15

@ Phai r6 rang, ngan gon va hoan chinh

#t Phải đúng đắn về mặt ngữ pháp và không ràng buộc

từ ngữ chuyên môn và tóm tắt

# Tránh phủ định và hài hước

4.1- 14

Kiều của các thông điệp

Thông bảo trợ giúp

4.1- 15

Ví dụ thông báo lỗi

Enter correct phone number

Stating the problem before the corrective

action is more intuitive

Phone Number Error Phone number is invalid

Enter correct phone number

The error message should be polite

Area Code Phone number area code not recognized

Please enter area code again

Error messages should include a message number

Area Code (1265) Phone number area code not recognized

Please enter area code again

4.1- 16

< Bal tap

@ Gia st rang ban dang thiét ké giao dién mdi cho hé

thong dịch vụ tại trường bạn

# Bạn sẽ ket hợp chặt chẽ các nguyên lý cơ bản của

thiêt kê đâu vào vào thiêt kê giao diện của bạn như thê nào?

4.1- 17

Thiét ké dau vao

4.1 - 18

Cac nguyên lý cơ bản

tt Mục đích là đơn giản và dễ nắm bắt các thông tin

dung dan cho hệ thong

ft Phản ánh tự nhiên của đầu vào

ft Tìm các cách đơn giản đề tập trung chúng

4.1- 19

ft Xử lý khối làm đơn giản hoá các giao dịch dữ liệu và

các quá trình khác, nhưng có nghĩa rằng việc kiểm kê

và các báo cáo khác là không chính xác trong thời gian thực

4.1- 20

«„ Nhận dữ liệu từ nguồn

E' Giảm công việc lặp lại lần 2

# Giảm thời gian xử lý

# Giảm gia

ft Giảm xác suất lỗi

4.1- 21

Tự động hoá nguôn dữ liệu

@ C6 thé dat dwoc bang cach str dung cac ky thuat sau:

» Nhan dang ky tu thi giác

>» Có sức lôi cuỗn loạt độc giả

» Thẻ thông minh

4.1- 22

Cuc tiéu viéc bam phim

Input Stvles Example — Netscape

File Eriit at ta lommunicator Help

tš Back Forvard Reload Home Search Guide Frrint Securit Sita fa

1 7 Bookmarks £4: Location: |fil=:zz AD) dant Ate

se 2 Instant bHilessaqe [E) Internet £9) Lookup CỐ MNewS.Cool (Sa) Metcaster

Slat is your major:

(Check one only)

Radio a BIS

Buttons — Accounting

£" Wiarketins

“~~ Computer Science WWianacement Wat sofmeare do you feel comfortable using:

(Check all that apply}

I “Word Mm WordPerfect [` Excel FTF Lotus 1-2-3 Ww Access

4.1- 25

Thiét ké dau ra

4.1 -27

Các nguyên lý cơ ban

Thời gian thực hoặc các báo cáo xử lý theo khối?

# Quản lý hàng loạt thông tin

» Tất cả cần thông tin hoặc không

@ Cuc tiểu xu hướng

4.1- 28

Cac kiéu bao cao

4.1- 29

Artist Name (last, first) | *'

4.1- 30

| Artist Name (last, first) |=]

Full Search

Browse by Music Type

Special Deals Show Shopping Cart

| Artist Name (last, first) [=]

Full Search

Browse by Music Type

Special Deals Show Shopping Cart

24 Carrots by Al Stewart (1993)

CD Price: $11.97 Shipping Cost: $2.00 : Usually ships within 2 days Al Stewart

Buy it Now | Add to Cart Ì

Tracks:

1 Running Man 7 Rocks in the Ocean

2 Midnight Rocks 8 Paint by Number

3 Constantinople 9 Optical Illusion

4 Merlin’s Time 10 Here in Angola

5 Mondo Sinistro 11 Pandora

6 Mumansk Run 12 Indian Summer Ellis Island

More Information = Í

cÐ)

Tom tat

<

#' Mục đích nên tảng của thiết kế định hướng là tạo ra hệ

thông đơn giản đề sử dụng

tt Mục đích của cơ chê đầu vào là đơn giản và dễ nắm