Chapter 2 Guidelines, Principles, a

Chapter 2 Guidelines, Principles, and Theories
Copyright © 2005, Pearson Education, Inc.
Guidelines
• Shared language
• Best practices
• Critics say:
– Too specific, incomplete, hard to apply, and sometimes wrong
• Proponents say:
– Encapsulate experience
Copyright © 2005, Pearson Education, Inc.
Navigating the interface
• Sample of the National Cancer Institutes guidelines:
– Standardize task sequences
– Ensure that embedded links are descriptive
– Use unique and descriptive headings
– Use check boxes for binary choices
– Develop pages that will print properly
– Use thumbnail images to preview larger images
Copyright © 2005, Pearson Education, Inc.
Some Accessibility guidelines
• Provide a text equivalent for every non- text element
• Information conveyed with color should also be conveyed without it
• Title each frame to facilitate from identification and navigation
Copyright © 2005, Pearson Education, Inc.
Organizing the display
• Smith and Mosier (1986) offer five high- level goals
– Consistency of data display
– Efficient information assimilation by the user – Minimal memory load on the user
– Compatibility of data display with data entry – Flexibility for user control of data display
Copyright © 2005, Pearson Education, Inc.
Getting the user’s attention
• Techniques for attracting attention: – Intensity
– Marking
– Size
– Choice of fonts – Inverse video – Blinking
– Color
– Audio
Copyright © 2005, Pearson Education, Inc.
Facilitating data entry
• Smith and Mosier (1986) offer five high- level objectives as part of their guidelines for data entry
– Consistency of data-entry transactions
– Minimal input actions by user
– Minimal memory load on users
– Compatibility of data entry with data display – Flexibility for user control of data entry
Copyright © 2005, Pearson Education, Inc.
Principles
• More fundamental, widely applicable, and enduring than guidelines
• Need more clarification
• Fundamental principles
– Determine user’s skill levels – Identify the tasks
• Five primary interaction styles
• Eight golden rules of interface design
• Prevent errors
• Automation and human control
Copyright © 2005, Pearson Education, Inc.
Determine user’s skill levels
• “Know thy user” Hansen (1971)
• Age, gender, physical and cognitive abilities, education, cultural or ethnic background, training, motivation, goals and personality
• Design goals based on skill level
– Novice or first-time users
– Knowledgeable intermittent users
– Expert frequent users
• Multi-layer designs
– Accommodate both novices and experts
Copyright © 2005, Pearson Education, Inc.
Identify the tasks
• Task Analysis usually involve long hours
observing and interviewing users
• Decomposition of high level tasks
•
Relative task frequencies
Copyright © 2005, Pearson Education, Inc.
Choose an interaction style
• Direct
Manipulation
• Menu selection
• Form fillin
• Command language
• Natural language
Copyright © 2005, Pearson Education, Inc.
The 8 golden rules 
 of interface design
1. Striveforconsistency
2. Catertouniversalusability
3. Offerinformativefeedback
4. Designdialogstoyieldclosure 5. Preventerrors
6. Permiteasyreversalofactions 7. Supportinternallocusofcontrol 8. Reduceshorttermmemory
Copyright © 2005, Pearson Education, Inc.
Prevent errors
• Make error messages specific, positive in tone, and constructive
• Mistakes and slips (Norman, 1983)
• Correct actions
– Gray out inappropriate actions
– Selection rather than freestyle typing – Automatic completion
• Complete sequences
– Single abstract commands – Macros and subroutines
Copyright © 2005, Pearson Education, Inc.
•
Automation and 
 human control
Successful integration:
– Users can avoid:
• Routine, tedious, and error prone tasks
– Users can concentrate on:
• Making critical decisions, coping with unexpected situations, and planning future actions
Copyright © 2005, Pearson Education, Inc.
•
Automation and 
 human control (cont.)
Supervisory control needed to deal with real world open systems
– E.g. air-traffic controllers with low frequency, but high consequences of failure
– FAA: design should place the user in control and automate only to improve system performance, without reducing human involvement
Copyright © 2005, Pearson Education, Inc.
•
Automation and 
 human control (cont.)
User modeling for adaptive interfaces
– keeps track of user performance
– adapts behavior to suit user's needs
– allows for automatically adapting system
• response time, length of messages, density of feedback, content of menus, order of menu items, type of feedback, content of help screens
– can be problematic
• system may make surprising changes
• user must pause to see what has happened
• user may not be able to
– predict next change
– interpret what has happened
–
Copyright © 2005, Pearson Education, Inc.
restore system to previous state
Theories
• Beyond the specifics of guidelines
• Principles are used to develop theories
• Descriptions/explanatory or predictive
• Motor task, perceptual, or cognitive
Copyright © 2005, Pearson Education, Inc.
Explanatory and 
 predictive theories
• Explanatory theories:
– Observing behavior
– Describing activity
– Conceiving of designs
– Comparing high-level concepts of two designs – Training
• Predictive theories:
– Enable designers to compare proposed
designs for execution time or error rates
Copyright © 2005, Pearson Education, Inc.
Perceptual, Cognitive, 
 & Motor tasks
• Perceptual or Cognitive subtasks theories
– Predicting reading times for free text, lists, or formatted displays
• Motor-task performance times theories:
– Predicting keystroking or pointing times
Copyright © 2005, Pearson Education, Inc.
Taxonomy 
 (explanatory theory)
– Order on a complex set of phenomena
– Facilitate useful comparisons
– Organize a topic for newcomers
– Guide designers
– Indicate opportunities for novel products.
Copyright © 2005, Pearson Education, Inc.
Conceptual, semantic, syntactic, and lexical model
• Foley and van Dam offer a four-level approach – Conceptuallevel:
• User's mental model of the interactive system – Semanticlevel:
• Describes the meanings conveyed by the user's command input and by the computer's output display
– Syntacticlevel:
• Defines how the units (words) that convey semantics are assembled into a complete sentence that instructs the computer to perform a certain task
– Lexicallevel:
• Deals with device dependencies and with the precise mechanisms by
which a user specifies the syntax
• Approach is convenient for designers
– Top-downnatureiseasytoexplain
– Matchesthesoftwarearchitecture
– Allowsforusefulmodularityduringdesign

Kết quả (Việt) 1:

Chương 2 hướng dẫn, nguyên tắc và lý thuyếtBản quyền © 2005, Pearson Giáo dục, IncHướng dẫn• Chia sẻ ngôn ngữ• Thực hành tốt nhất• Nhà phê bình nói:-Quá cụ thể, không đầy đủ, khó có thể áp dụng, và đôi khi sai• Những người ủng hộ nói:-Đóng gói kinh nghiệmBản quyền © 2005, Pearson Giáo dục, IncĐiều hướng giao diện• Mẫu của các nguyên tắc viện ung thư quốc gia:-Tiêu chuẩn hóa trình tự nhiệm vụ-Đảm bảo rằng liên kết nhúng được mô tả-Sử dụng duy nhất và mô tả tiêu đề-Sử dụng hộp kiểm để lựa chọn nhị phân-Phát triển trang mà sẽ in đúng cách-Sử dụng hình ảnh thu nhỏ để xem trước hình ảnh lớn hơnBản quyền © 2005, Pearson Giáo dục, IncMột số nguyên tắc khả năng tiếp cận• Cung cấp một văn bản tương đương cho mọi phần tử phi văn bản• Thông tin chuyển tải màu sắc cũng nên được chuyển tải mà không có nó• Tiêu đề mỗi khung để tạo điều kiện từ nhận dạng và điều hướngBản quyền © 2005, Pearson Giáo dục, IncTổ chức các màn hình• Smith và Mosier (1986) năm cao cấp mục tiêu cung cấp.-Thống nhất của dữ liệu Hiển thị-Hiệu quả thông tin đồng hóa bởi người dùng-bộ nhớ tối thiểu tải về người sử dụng-Tính tương thích của dữ liệu Hiển thị với nhập dữ liệu-sự linh hoạt cho người dùng kiểm soát Hiển thị dữ liệuBản quyền © 2005, Pearson Giáo dục, IncNhận được sự chú ý của người dùng• Kỹ thuật để thu hút sự chú ý:-cường độ-Đánh dấu-Kích thước-Sự lựa chọn của phông chữ-nghịch đảo video-nhấp nháy-Màu sắc-Âm thanhBản quyền © 2005, Pearson Giáo dục, IncTạo điều kiện nhập dữ liệu• Smith và Mosier (1986) cung cấp năm mục tiêu cao cấp như một phần của nguyên tắc của họ cho nhập dữ liệu-Tính nhất quán của nhập dữ liệu giao dịch-Tối thiểu đầu vào hành động của người dùng-Tối thiểu bộ nhớ tải về người dùng-Tính tương thích của mục nhập dữ liệu với Hiển thị dữ liệu-sự linh hoạt cho người dùng điều khiển nhập dữ liệuBản quyền © 2005, Pearson Giáo dục, IncNguyên tắc• Cơ bản hơn, áp dụng rộng rãi, và bền vững hơn hướng dẫn• Cần làm rõ thêm• Các nguyên tắc cơ bản-Xác định các cấp độ kỹ năng của người dùng-xác định các nhiệm vụ• Năm chính tương tác phong cách• Tám quy tắc vàng của giao diện thiết kế• Ngăn chặn lỗi• Tự động hóa và kiểm soát của con ngườiBản quyền © 2005, Pearson Giáo dục, IncXác định trình độ kỹ năng của người dùng• "Biết thy người sử dụng" Hansen (1971)• Tuổi, giới tính, khả năng về thể chất và nhận thức, giáo dục, văn hoá hay sắc tộc nền, đào tạo, động lực, mục tiêu và nhân cách• Mục tiêu thiết kế dựa trên mức độ kỹ năng-Người mới hay thời gian đầu tiên người dùng-Hiểu biết người sử dụng liên tục-Chuyên gia người sử dụng thường xuyên• Nhiều lớp thiết kế-Phù hợp với cả người mới và các chuyên giaBản quyền © 2005, Pearson Giáo dục, IncXác định nhiệm vụ• Phân tích công việc thường liên quan đến nhiều giờquan sát và phỏng vấn người dùng• Phân hủy nhiệm vụ cấp cao•Tương đối tác vụ tần sốBản quyền © 2005, Pearson Giáo dục, IncChọn một phong cách tương tác• Trực tiếpThao tác• Lựa chọn menu• Mẫu fillin• Lệnh ngôn ngữ• Ngôn ngữ tự nhiênBản quyền © 2005, Pearson Giáo dục, Inc8 quy tắc vàng của giao diện thiết kế1. Striveforconsistency2. Catertouniversalusability3. Offerinformativefeedback4. Designdialogstoyieldclosure 5. Preventerrors6. Permiteasyreversalofactions 7. Supportinternallocusofcontrol 8. ReduceshorttermmemoryBản quyền © 2005, Pearson Giáo dục, IncNgăn ngừa lỗi• Kiếm lỗi thư cụ thể, tích cực trong giai điệu và xây dựng• Những sai lầm và phiếu (Norman, 1983)• Hành động đúng-Màu xám ra hành động không phù hợp-Lựa chọn chứ không phải là tự do gõ-tự động hoàn thành• Hoàn thành chuỗi-Đơn lệnh trừu tượng-macro và subroutinesBản quyền © 2005, Pearson Giáo dục, Inc•Tự động hóa và kiểm soát của con ngườiTích hợp thành công:-Người dùng có thể tránh:• Thói quen, tẻ nhạt, và lỗi dễ bị tác vụ-Người dùng có thể tập trung vào:• Làm cho quyết định quan trọng, đối phó với tình huống bất ngờ, và kế hoạch hành động trong tương laiBản quyền © 2005, Pearson Giáo dục, Inc•Tự động hóa và con người điều khiển (tieáp theo)Giám sát kiểm soát cần thiết để đối phó với thế giới thực hệ thống mở-Ví dụ như bộ điều khiển lưu lượng không khí với tần số thấp, nhưng các hậu quả cao của sự thất bại-FAA: thiết kế nên đặt người sử dụng trong điều khiển và tự động hoá chỉ để cải thiện hiệu năng hệ thống, mà không có giảm sự tham gia của con ngườiBản quyền © 2005, Pearson Giáo dục, Inc•Tự động hóa và con người điều khiển (tieáp theo)Người sử dụng làm mẫu cho thích ứng giao diện-theo dõi của người dùng hoạt động-điều chỉnh hành vi cho phù hợp với nhu cầu của người dùng-cho phép tự động điều chỉnh hệ thống• thời gian phản ứng, chiều dài của tin nhắn, mật độ của thông tin phản hồi, các nội dung của menu, thứ tự của mục trình đơn, loại thông tin phản hồi, nội dung của màn hình trợ giúp-có thể là vấn đề• Hệ thống có thể thực hiện thay đổi đáng ngạc nhiên• người dùng phải tạm dừng để xem những gì đã xảy ra• người dùng có thể không có khả năng-dự đoán sự thay đổi tiếp theo-giải thích những gì đã xảy ra–Bản quyền © 2005, Pearson Giáo dục, Inckhôi phục Hệ thống về trạng thái trưṍcLý thuyết• Ngoài các chi tiết cụ thể của hướng dẫn• Nguyên tắc được sử dụng để phát triển lý thuyết• Mô tả/giải thích hoặc kiểu• Động cơ nhiệm vụ, perceptual, hoặc nhận thứcBản quyền © 2005, Pearson Giáo dục, IncLý thuyết giải thích và kiểu• Giải thích lý thuyết:-Quan sát hành vi-Mô tả hoạt động-Thụ thai của thiết kế-So sánh các khái niệm cấp cao của hai thiết kế-đào tạo• Tiên đoán lý thuyết:-Kích hoạt thiết kế để so sánh các đề xuấtthiết kế cho thời gian thực hiện hoặc tỷ lệ lỗiBản quyền © 2005, Pearson Giáo dục, IncNhiệm vụ Perceptual, nhận thức, và động cơ• Perceptual hoặc nhận thức subtasks lý thuyết-Dự đoán đọc lần miễn phí văn bản, danh sách, hoặc định dạng hiển thị• Động cơ-nhiệm vụ thực hiện thời gian lý thuyết:-Dự đoán keystroking hoặc chỉ lầnBản quyền © 2005, Pearson Giáo dục, IncPhân loại (giải thích lý thuyết)-Đặt hàng trên một tập phức tạp của hiện tượng-Tạo điều kiện hữu ích so sánh-Tổ chức một chủ đề cho người mới-Hướng dẫn thiết kế-Chỉ ra cơ hội cho các sản phẩm mới lạ.Bản quyền © 2005, Pearson Giáo dục, IncMô hình khái niệm, ngữ nghĩa, cú pháp và từ vựng• Foley và van Dam cung cấp một cách tiếp cận bốn cấp-Conceptuallevel:• Người dùng mô hình tinh thần của hệ thống tương tác-Semanticlevel:• Mô tả ý nghĩa chuyển tải bởi người sử dụng lệnh đầu vào và màn hình hiển thị đầu ra của máy tính-Syntacticlevel:• Xác định như thế nào các đơn vị (từ) mà truyền đạt ngữ nghĩa được lắp ráp vào một câu hoàn chỉnh mà chỉ thị máy tính để thực hiện một nhiệm vụ nhất định-Lexicallevel:• Thỏa thuận với thiết bị phụ thuộc và với các cơ chế chính xác củamà người dùng chỉ định cú pháp• Phương pháp tiếp cận là thuận tiện cho nhà thiết kế-Đầu-downnatureiseasytoexplain-Matchesthesoftwarearchitecture-Allowsforusefulmodularityduringdesign