2 Các chuẩn cho thiết kế Icons

Prepared by MSc Luong manh Ba



11.2 Các chuẩn (tiếp)



Update 8-07



 Dept. of SE,



HCI – Four.



Prepared by MSc Luong manh Ba



Các cách tiếp cận các chuẩn

•



• Các chuẩn ISO hướng xử lý (Process-Oriented ISO

Standards)

–

–

–

–



ISO 9241-11 Hướng dẫn tính dùng được

ISO 13407 : Các quá trình thiết kế người dùng trung

tâm cho các hệ thống tương tác

ISO/TR 18529 : Công thái học cho tương tác người dùng

– hệ thống . Các mô tả quá trình , chu trình , vòng đời

hướng người dùng

ISO/TR 16982 : Công thái học cho tương tác người dùng

– hệ thống. Các phương pháp tính dùng được hỗ trợ cho

thiết kế hướng người dùng



• Các chuẩn ISO hướng sản phẩm (Produit-Oriented

ISO Standards)

–

–



ISO/IEC 9126 – 1 : mô hình cho chất lượng của sản

phẩm dựa trên công nghệ , kỹ thuật

ISO/IEC 9126 – 2 : tính dùng được trong các thước đo

chất lượng bên trong và bên ngoài



Update 8-07



 Dept. of SE,



HCI – Four.



Prepared by MSc Luong manh Ba



Chuẩn ISO 9241 cho tính tiện dụng



Update 8-07



 Dept. of SE,



HCI – Four.



Prepared by MSc Luong manh Ba



Chuẩn ISO 11581 cho thiết kế ICON

• ISO/IEC 11581: 6 phần

– ISO/IEC 11581 – 1 : Tổng quan về các biểu tượng

– ISO/IEC 11581 – 2 : Các biểu tượng đối tượng

– ISO/IEC 11581 – 3 :Các biểu tượng con trỏ

- ISO/IEC 11581 – 4 các biểu tượng điều khiển

- ISO/IEC 11581 – 5 các biểu tượng các thanh công cụ

- ISO/IEC 11581 – 6 : Các biểu tượng hành động.



Update 8-07



 Dept. of SE,



HCI – Four.



Prepared by MSc Luong manh Ba



Chuẩn ISO 11581 cho thiết kế ICON(tiếp)



Update 8-07



 Dept. of SE,



HCI – Four.



Prepared by MSc Luong manh Ba



Biểu tượng đối tượng

• Chú ý

"Biểu tượng đối tượng là một thuật ngữ

được sử dụng trong ISO/IEC 11581 để

miêu tả các biểu tượng biểu diễn các chức

năng bằng cách liên kết với một đối

tượng và có thể được di chuyển hay mở

ra. Các kiểu biểu tượng khác được mô tả

trong các phần khác của chuẩn này ".

Update 8-07



 Dept. of SE,



HCI – Four.



Prepared by MSc Luong manh Ba



7 nguyên tắc thiết kế

1. Approach Icon Design Holistically

"If you need to draw several

icons, you need to think over

images for the whole set of

icons before proceeding with

illustrating activities." This is

one of two major points made

in this article on icon design.

He goes on to explain how

failing to plan how the whole

set of icons will work together

from the beginning will ensure

a huge waste of time, as

redesign will be inevitable.



Update 8-07



 Dept. of SE,



HCI – Four.



Prepared by MSc Luong manh Ba



7 nguyên tắc thiết kế (tiếp)

2. Consider Your Audience

Symbols may differ for common

elements you may use for your

designs.

An important aspect here is

national characteristics. Cultural

traditions, surroundings and

gestures can differ radically from

country to country."



Update 8-07



 Dept. of SE,



HCI – Four.



Prepared by MSc Luong manh Ba



7 nguyên tắc thiết kế (tiếp)

3. Design for the Size the Icon will be Used

At



Update 8-07



 Dept. of SE,



HCI – Four.



Prepared by MSc Luong manh Ba



7 nguyên tắc thiết kế (tiếp)

The approach taken for small icons and large icon

design is immensely different. Firewheel has a good

article that covers the scaling subject called Icon Design:

Bitmap vs Vector. Also, review this article on Icon

Design Sizing over at Mezzoblue. It covers some

inherent issues with designing icons for small sizes.



Update 8-07



 Dept. of SE,



HCI – Four.



Prepared by MSc Luong manh Ba



7 nguyên tắc thiết kế (tiếp)

4. Keep Icons Simple and Iconic

The icons below look really

cool. It requires a judgment,

though, as to whether the

loss of some of the quick

recognition of the symbol is

worth the added design

around the symbol. At a

large size it works just fine,

as they function similar to

illustrations. At smaller sizes

though, a less-dressed

solution may be preferable.



Update 8-07



 Dept. of SE,



HCI – Four.