Thiết kế giao diện người sử dụng

Giao diện người sử dụng  Các giao diện người sử dụng phải được thiết kế phù hợp với kỹ năng, kinh nghiệm và mong đợi của người sử dụng chúng..  Người sử dụng thường đánh giá một hệ th

Thiết kế giao diện người sử dụng

Mục tiêu

thiết kế giao diện người sử dụng

và cách sử dụng chúng

thông tin bằng đồ hoạ và khi nào thì sử dụng cách diễn tả thông tin bằng văn bản

thiết kế giao diện người sử dụng

Giao diện người sử dụng

 Các giao diện người sử dụng phải được thiết kế phù

hợp với kỹ năng, kinh nghiệm và mong đợi của người sử dụng chúng.

 Người sử dụng thường đánh giá một hệ thống qua

giao diện của nó hơn là chức năng của nó.

 Một giao diện được thiết kế kém cỏi có thể sẽ khiến

người sử dụng gây ra những sai sót rất lớn.

 Thiết kế giao diện tồi là nguyên nhân tại sao nhiều

hệ thống phần mềm không bao giờ được sử dụng.

Những yếu tố con người trong

thiết kế giao diện

 Hạn chế của khả năng ghi nhớ nhanh

• Con người chỉ có thể nhận ra ngay được khoảng 7 mục thông

tin Nếu trong một giao diện có nhiều hơn thế thì có thể gây ra cho người ta những nhầm lẫn.

 Con người có thể mắc sai lầm

• Khi người sử dụng bị nhầm lẫn và hệ thống chạy sai những

cảnh báo và thông báo lỗi có thể sẽ gây thêm căng thẳng và lại càng mắc lỗi nặng hơn.

 Con người là khác nhau

• Con người có những khả năng về trí tuệ khác nhau Do đó các

nhà thiết kế không nên chỉ thiết kế cho năng lực riêng của mình.

 Con người có những sở thích đối xử khác nhau

• Có người thích tranh ảnh, có người lại thích văn bản.

Các nguyên tắc thiết kế UI

 Thiết kế UI phải tính đến các nhu cầu, kinh nghiệm

và năng lực của người sử dụng hệ thống.

 Những người thiết kế cần phải am hiểu về những

hạn chế về vật lý và trí tuệ của con người (e.g

limited short-term memory) và phải thừa nhận rằng con người có thể mắc lỗi.

 Các nguyên tắc thiết kế UI là cơ sở cho thiết kế giao

diện mặc dù không phải tất cả các nguyên tắc đều

có thể áp dụng cho tất cả các thiết kế.

Các nguyên tắc thiết kế UI

Principle Description

User familiarity The interface should use terms and concepts which are drawn

from the experience of the people who will make most use of the system

Consistency The interface should be consistent in that, wherever possible,

comparable operations should be activated in the same way Minimal surprise Users should never be surprised by the behaviour of a system Recoverability The interface should include mechanisms to allow users to

recover from errors

User guidance The interface should provide meaningful feedback when errors

occur and provide context-sensitive user help facilities

User diversity The interface should provide appropriate interaction facilities for

different types of system user

Nguyên tắc thiết kế

• Giao diện phải dựa trên ngôn ngữ của người sử dụng chứ

không phải các khái niệm của máy tính Ví dụ, một hệ thống văn phòng nên dùng các khái niệm các bức thư, các tài liệu, kẹp tài liệu và không nên dùng thư mục, tệp, v.v.

• Hệ thống nên hiển thị trên màn hình theo một cách nhất

quán Các lệnh và các menu nên có cùng một khuôn dạng

• Nếu một lệnh hoạt động theo một cách quen biết thì người

sử dụng sẽ có thể đoán được hoạt động của những lệnh tương tự.

Nguyên tắc thiết kế UI

 Tính có thể khôi phục được

• Hệ thống nên cung cấp cho người sử dụng khả năng khôi

phục lại trạng thái trước khi họ làm một động tác sai

Chẳng hạn như khả năng undo, khẳng định trước khi làm một động tác mang tính huỷ bỏ, xoá mềm, v.v

 Hướng dẫn

• Một số hướng dẫn cho người sử dụng như hệ thống trợ

giúp, tài liệu on-line v.v cần phải được cung cấp

 Nhiều kiểu người sử dụng khác nhau

• Những khả năng tương tác đối với những kiểu người sử

dụng khác nhau nên được hỗ trợ Ví dụ, một số người sử dụng có thể bị kém mắt vì vậy nên dùng cỡ chữ to hơn chẳng hạn.

Những vấn đề trong thiết kế UI

 Hai vấn đề phải được đặt ra trong thiết kế các hệ

thống tương tác

• Thông tin từ người sử dụng phải được cung cấp cho hệ

thống máy tính như thế nào?

• Thông tin từ máy tính phải được trình bày như thế nào

cho người sử dụng?

 Tương tác với người sử dụng và trình bày thông tin

phải được tích hợp lại trong một khung chặt chẽ.

Các phong thái tương tác

Các phong thái tương tác

Interaction

style Main advantages Main disadvantages Application examples

Direct

manipulation Fast and intuitiveinteraction

Easy to learn

May be hard to implement

Only suitable where there is a visual metaphor for tasks and objects

Video games CAD systems

Menu

selection Avoids user errorLittle typing required Slow for experienced users.Can become complex if many

menu options

Most general-purpose systems

Form fill-in Simple data entry

Easy to learn Checkable

Takes up a lot of screen space

Causes problems where user options do not match the form fields

Stock control, Personal loan processing

Command

language Powerful and flexible Hard to learn.Poor error management Operating systems,Command and

control systems

Trình bày thông tin

Information to

be displayed

Presentation software

Display

Các thông báo lỗi

Những thông báo lỗi tồi có thể gây cho người dùng từ chối tiếp tục sử dụng hệ thống.

phù hợp và có tính cách xây dựng.

dụng sẽ là yếu tố quyết định trong thiết kế

Qui trình thiết kế UI

vào sự thống nhất giữa người sử dụng và người phát triển.

làm gì với hệ thống;

thí nghiệm;

người sử dụng.

Qui trình thiết kế UI

Executable

Design prototype

Produce paper-based design prototype

Produce dynamic design prototype

Evaluate design with end-users

Implement

Evaluate design with end-users

Analyse and

understand

user activities