interface design - peerawich.compeerawich.com/dc282/images/stories/2556/dc282-id_interface...

Interface Design

อ.พรีาวชิญ ์ ภาคนนทกุ์ล คณะสารสนเทศและการสือ่สาร

DC282: Human Computer Interaction

http://www.peerawich.com/dc282

UI & UD

UI : User Interface

Interface Design

Interaction Design

UD: Universal Design

Universal Design

equitable use

flexibility in use

simple and intuitive to use

perceptible information

tolerance for error

low physical effort

size and space for approach and use

ผลส ำรวจ: กำรใช้ทูลบำรแ์ละปุ่ มต่ำงๆ ใน Firefox

93.1% 54.1%

ผลส ำรวจ: กำรใช้ทูลบำรแ์ละปุ่ มต่ำงๆ ใน Firefox

Exam: Interface Design

เรยีนรูง้า่ย +ใชง้านงา่ยและมปีระสทิธภิาพ + รปูแบบน่าสนใจ

Thumbnail

Image Zoom

Directory Navigation

Navigation Tabs

Double Tab Navigation

Vertical Dropdown Menu

Horizontal Dropdown Menu

Accordion Menu

Selection Tree

Pop-up Menu

Toolbar

Fisheye menu

Pagination

Scrolling Menu

Continuous Scrolling

Frame

Home Link

http://www.infocomm.mju.ac.th/icnew/dc282/

To-the-top Link

Footer

Wizards

List Builder

Breadcrumbs

Status Information

Input Prompt

Input Feedback

Checkbox

Radio Button

Spinner

Slider

Captcha