Chapter 3Menu Selection, Form Fill

Chapter 3
Menu Selection, Form Fill in, and Dialog Boxes
Copyright © 2005, Pearson Education, Inc.
Task-Related Organization
"The primary goal for menu, form-fillin, and dialog-box designers is to create a sensible, comprehensible, memorable, and convenient organization relevant to the user's task."
Copyright © 2005, Pearson Education, Inc.
Single Menus
• Asinglemenuisasimplelistofchoices • BinaryMenus
– Radio Buttons
– Button Choice
• Multiple-itemMenus
• Multiple-selectionmenusorcheckboxes
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
• Pull-down, pop-up, and toolbar menus – Pull-down menus
• Always available to the user by making selections on a top menu bar
– Types of pull-downs
• Key board shortcuts
– E.g., Ctrl-C important to support expert user efficiency (accelerators)
• Toolbars, iconic menus, and palettes
– Offers actions on a displayed object
• Pop-up menus
– Appear on a display in response to a check or tap with a pointing device.
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
• Radial Menus (from Neverwinter Nights)
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
• Menus for long lists
– Scrolling menus, combo boxes, and fisheye menus
• Scrolling menus display the first portion of the menu and an additional menu item, typically an arrow that leads to the next set of items in the menu sequence.
• Combo boxes combine a scrolling menu with a text-entry filed.
• Fisheye menus display all of the menu items on the screen at once, but show only items near the cursor at full size.
Copyright © 2005, Pearson Education, Inc.
Fisheye Menu
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
• Menus for long lists (cont.) – Sliders and alphasliders
• When items consist of ranges or numerical values, a slider is a natural choice to allow the selection of a value.
• The alphaslider uses multiple levels of granularity in moving the slider thumb and therefore can
support tens or hundreds of thousand of items.
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
• Menus for long lists (cont.) – Two-dimensional menus
• “Fast and vast” two-dimensional menus give users a good overview of the choices, reduce the number of required actions, and allow rapid selection.
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
• Embedded menus and hotlinks
– Embedded menus are an alternative to explicit menus
– It is natural to allow users reading about people, events, and places to retrieve detailed information by selecting menus in context.
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
Copyright © 2005, Pearson Education, Inc.
Combination of multiple menus
• Linear menu sequences and simultaneous menus – Linear
• Guide the user through complex decision-making process.
– E.g. cue cards or "Wizards"
• Effective for novice users performing simple tasks
– Simultaneous
• Present multiple active menus at the same time and allows users to enter choices in any order
• Frequently used in web pages
Copyright © 2005, Pearson Education, Inc.
Combination of 
 multiple menus (cont.)
• Tree-structured menus
– Designers can form categories of similar items to
create a tree structure
• E.g., fonts, size style, spacing
– Fast retrieved if natural and comprehensive
– Use terminology from the task domain
– Expanding menus maintain the full context of each choice
• E.g., Windows Explorer
Copyright © 2005, Pearson Education, Inc.
Combination of 
 multiple menus (cont.)
• Menu Maps
– Menu maps can help users stay oriented in a large menu tree
• “site maps”
– Effective for providing overviews to minimize user disorientation.
• Acyclic and Cyclic Networks
– Useful for:
• social relationships
• transportation routing
– Can cause confusion and disorientation.
Copyright © 2005, Pearson Education, Inc.
Audio Menus and Menus for 
 Small Displays
• Menu systems in small displays and situations where hands and eyes are busy are a challenge.
•
Audio menus
– Verbal prompts and option descriptions
– Input is normally verbal or keypad
– Not persistent, like a visual display, so memorization is required.
– Request users can avoid listening to options
Copyright © 2005, Pearson Education, Inc.
Audio Menus and Menus for 
 Small Displays (cont.)
• Menu for small displays
– E.g., entertainment, communication services
– Learnability is a key issue
– Hardware buttons
• Navigation, selection
– Spatial design is extremely critical on small screens • Every word counts!
– GPS and radio frequency identification provides some automatic input
Copyright © 2005, Pearson Education, Inc.
Audio Menus and Menus for 
 Small Displays (cont.)
• Guidelines for (small) information appliances
– Account for target domain
– Dedicated devices mean dedicated UIs
– Allocate functions appropriately; consider frequency and importance
– Simplify
– Design for responsiveness, plan for interruptions, provide continuous feedback
Copyright © 2005, Pearson Education, Inc.
Content Organization
• Task-related grouping in tree organization
– Create groups of logically similar items
– Form groups that cover all possibilities
– Make sure that items are non-overlapping
– Graph them out, so you know what menu selections take you where
– Use familiar terminology, but ensure that items are distinct from one another
Copyright © 2005, Pearson Education, Inc.
Content Organization (cont.)
• Item Presentation Sequence
– The order of items in the menu is important, and should take natural task-oriented sequence into account when possible:
• Time
• Numeric ordering
• Physical properties
– When cases have no task-related orderings, the designer must choose from such possibilities as:
• Alphabetic sequence of terms
• Grouping of related items
• Most frequently used items first • Most important items first.
• Consistency with other related systems
Copyright © 2005, Pearson Education, Inc.
Content Organization (cont.)
• Card (1982) experimented with locating text editing commands in a menu of 18 items.
Strategy
Alphabetic
Categorical Random
Mean Time (seconds)
0.81
1.28 3.23
Copyright © 2005, Pearson Education, Inc.
Content Organization (cont.) Adaptive menus vs most-recently-used combo box
Copyright © 2005, Pearson Education, Inc.
Content Organization (cont.) • Menu layout guidelines
Copyright © 2005, Pearson Education, Inc.
Content Organization (cont.)
• Menu layout (cont.) – Titles
• For single menus, use a simple descriptive title.
• For tree-structured menus, use the exact same words in the higher-level menu items as in the titles for the next lower-level menu.
– E.g. if a menu item is called Business and Financial Services, the next screen should have that phrase as its title.
Copyright © 2005, Pearson Education, Inc.
Content Organization (cont.)
• Menu layout
– Titles (cont.)
• Phrasing of menu items
– Use familiar and consistent terminology
– Ensure that items are distinct from one another – Use consistent and concise phrasing
– Bring the keyword to the left
» “Size of Type” vs “Set Type Size”
Copyright © 2005, Pearson Education, Inc.
Content Organization (cont.)
• Menu layout (cont.)
– Graphic layout and design
• Constraints
– screen width and length – display rate
– character set
– highlighting techniques
Copyright © 2005, Pearson Education, Inc.
Content Organization (cont.) • Menu layout (cont.)
– Establish guidelines for consistency of at least these menu components:
– Titles
– Item placement and separation – Instructions
– Error messages
– Status reports
Copyright © 2005, Pearson Education, Inc.
Content Organization (cont.)
• Menu layout (cont.) – Techniques
• Indentation
• Upper/lower case characters
• Symbols such as * or - to create separators or outlines
• Position markers
• Cascading or walking menus
Copyright © 2005, Pearson Education, Inc.
•
Fast Movement Through Menus
Keyboard shortcuts
– –
– –
Supports expert use
Can make translation to a foreign language more
difficult
• Localization tip: make sure accelerators get translated!
Bookmarks in browsers User configured toolbars
Copyright © 2005, Pearson Education, Inc.
Content Organization (cont.)
• Menu status
– An interesting recent article at http://www.asktog.com/
Bughouse/10MostPersistentBugs.html (Bruce Tognazzini) listed 10 (actually 7) design bugs
– Mysteriously dimmed menu items, or “Gray Doubt” (say it out loud)
– Proposed fix: give some indication about *why* an item is unselectable
• A status tip at the bottom is a good option
• Tog suggests leave them selectable but give status – Good or bad idea?
Copyright © 2005, Pearson Education, Inc.
Data Entry with Menus: Form Fillin, Dialog Boxes, and Alternatives
• Form Fillin
– Appropriate when many fields of data must be
entered:
• Full complement of information is visible to user.
• Display resembles familiar paper forms.
• Few instructions are required for many types of entries.
– Users must be familiar with: • Keyboards
• Use of TAB key or mouse to move the cursor • Error correction methods
• Field-label meanings
• Permissible field contents
• Use of the ENTER and/or RETURN key.
Copyright © 2005, Pearson Education, Inc.
Data Entry with Menus: Form Fillin, Dialog Boxes, and Alternatives
• Form-Fillin Design Guidelines
– Meaningful title
– Comprehensible instructions
– Logical grouping and sequencing of fields – Visually appealing layout of the form
– Familiar field labels
– Consistent terminology and abbreviations
– Visible space and boundaries for data-entry fields
– Convenient cursor mo

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

Chương 3Lựa chọn trình đơn, hình thức điền vào, và hộp thoạiBản quyền © 2005, Pearson Giáo dục, IncLiên quan đến nhiệm vụ tổ chức"Mục tiêu chính cho nhà thiết kế trình đơn, hình thức-fillin, và hộp thoại là tạo ra một tổ chức hợp lý, dễ hiểu, đáng nhớ, và thuận tiện có liên quan đến nhiệm vụ của người dùng."Bản quyền © 2005, Pearson Giáo dục, IncThực đơn duy nhất• Asinglemenuisasimplelistofchoices • BinaryMenus-Nút radio-Sự lựa chọn nút• Nhiều-itemMenus• Nhiều-selectionmenusorcheckboxesBản quyền © 2005, Pearson Giáo dục, IncĐơn Menus (tieáp theo)• Kéo xuống, cửa sổ bật lên, và thanh công cụ menu-trình đơn kéo xuống• Luôn luôn có sẵn cho người dùng bằng cách lựa chọn trên một thanh menu trên cùng-Loại kéo-thăng trầm• Phím bảng phím tắt-Ví dụ, Ctrl-C quan trọng để hỗ trợ hiệu quả thông thạo (máy gia tốc)• Thanh công cụ, biểu tượng trình đơn, và bảng-Cung cấp các hành động trên một đối tượng được hiển thị• Cửa sổ pop-up menu-Xuất hiện trên một màn hình để đáp ứng với một kiểm tra hoặc khai thác với một thiết bị trỏ.Bản quyền © 2005, Pearson Giáo dục, IncĐơn Menus (tieáp theo)Bản quyền © 2005, Pearson Giáo dục, IncĐơn Menus (tieáp theo)Bản quyền © 2005, Pearson Giáo dục, IncĐơn Menus (tieáp theo)• Menu xuyên tâm (từ đêm Neverwinter)Bản quyền © 2005, Pearson Giáo dục, IncĐơn Menus (tieáp theo)• Menu cho danh sách dài-Di chuyển menu, hộp tổ hợp và fisheye menu• Di chuyển menu Hiển thị các phần đầu tiên của trình đơn và một mục trình đơn thêm, thường là một mũi tên dẫn đến tập tiếp theo của các khoản mục theo thứ tự menu.• Hộp tổ hợp kết hợp một trình đơn di chuyển với muïc nhaäp vaên baûn nộp.• Fisheye menu Hiển thị tất cả các mục trình đơn trên màn hình cùng một lúc, nhưng Hiển thị các chỉ mục gần con trỏ tại kích thước đầy đủ.Bản quyền © 2005, Pearson Giáo dục, IncFisheye MenuBản quyền © 2005, Pearson Giáo dục, IncĐơn Menus (tieáp theo)• Menu cho danh sách dài (tiếp)-thanh trượt và alphasliders• Khi mục bao gồm phạm vi hoặc giá trị số, các thanh trượt một là một sự lựa chọn tự nhiên cho phép việc lựa chọn một giá trị.• Alphaslider sử dụng nhiều cấp độ chi tiết trong việc di chuyển thanh trượt ngón tay cái và do đó có thểhỗ trợ hàng chục hoặc hàng trăm ngàn mục.Bản quyền © 2005, Pearson Giáo dục, IncĐơn Menus (tieáp theo)• Menu cho danh sách dài (tiếp)-hai chiều thực đơn• "Nhanh và rộng lớn" hai chiều thực đơn cung cấp cho người dùng một tổng quan tốt đẹp của sự lựa chọn, giảm số lượng yêu cầu hành động và cho phép nhanh chóng lựa chọn.Bản quyền © 2005, Pearson Giáo dục, IncĐơn Menus (tieáp theo)Bản quyền © 2005, Pearson Giáo dục, IncĐơn Menus (tieáp theo)• Nhúng menu và hotlinks-Menu nhúng là một thay thế cho rõ ràng menu-Nó là tự nhiên để cho phép người dùng đọc về người, sự kiện, và những nơi để lấy thông tin chi tiết bằng cách chọn menu trong bối cảnh.Copyright © 2005, Pearson Education, Inc.Single Menus (cont.)Copyright © 2005, Pearson Education, Inc.Combination of multiple menus• Linear menu sequences and simultaneous menus – Linear• Guide the user through complex decision-making process.– E.g. cue cards or "Wizards"• Effective for novice users performing simple tasks– Simultaneous• Present multiple active menus at the same time and allows users to enter choices in any order• Frequently used in web pagesCopyright © 2005, Pearson Education, Inc.Combination of multiple menus (cont.)• Tree-structured menus– Designers can form categories of similar items tocreate a tree structure• E.g., fonts, size style, spacing– Fast retrieved if natural and comprehensive– Use terminology from the task domain– Expanding menus maintain the full context of each choice• E.g., Windows ExplorerCopyright © 2005, Pearson Education, Inc.Combination of multiple menus (cont.)• Menu Maps– Menu maps can help users stay oriented in a large menu tree• “site maps”– Effective for providing overviews to minimize user disorientation.• Acyclic and Cyclic Networks– Useful for:• social relationships• transportation routing– Can cause confusion and disorientation.Copyright © 2005, Pearson Education, Inc.Audio Menus and Menus for Small Displays• Menu systems in small displays and situations where hands and eyes are busy are a challenge.•Audio menus– Verbal prompts and option descriptions– Input is normally verbal or keypad– Not persistent, like a visual display, so memorization is required.– Request users can avoid listening to optionsCopyright © 2005, Pearson Education, Inc.Audio Menus and Menus for Small Displays (cont.)• Menu for small displays– E.g., entertainment, communication services– Learnability is a key issue– Hardware buttons• Navigation, selection– Spatial design is extremely critical on small screens • Every word counts!– GPS and radio frequency identification provides some automatic inputCopyright © 2005, Pearson Education, Inc.Audio Menus and Menus for Small Displays (cont.)• Guidelines for (small) information appliances– Account for target domain– Dedicated devices mean dedicated UIs– Allocate functions appropriately; consider frequency and importance– Simplify– Design for responsiveness, plan for interruptions, provide continuous feedbackCopyright © 2005, Pearson Education, Inc.Content Organization• Task-related grouping in tree organization– Create groups of logically similar items– Form groups that cover all possibilities– Make sure that items are non-overlapping– Graph them out, so you know what menu selections take you where– Use familiar terminology, but ensure that items are distinct from one anotherCopyright © 2005, Pearson Education, Inc.Content Organization (cont.)• Item Presentation Sequence– The order of items in the menu is important, and should take natural task-oriented sequence into account when possible:• Time• Numeric ordering• Physical properties– When cases have no task-related orderings, the designer must choose from such possibilities as:• Alphabetic sequence of terms• Grouping of related items• Most frequently used items first • Most important items first.• Consistency with other related systemsCopyright © 2005, Pearson Education, Inc.Content Organization (cont.)• Card (1982) experimented with locating text editing commands in a menu of 18 items.StrategyAlphabeticCategorical RandomMean Time (seconds)0.811.28 3.23Copyright © 2005, Pearson Education, Inc.Content Organization (cont.) Adaptive menus vs most-recently-used combo boxCopyright © 2005, Pearson Education, Inc.Content Organization (cont.) • Menu layout guidelinesCopyright © 2005, Pearson Education, Inc.Content Organization (cont.)• Menu layout (cont.) – Titles• For single menus, use a simple descriptive title.• For tree-structured menus, use the exact same words in the higher-level menu items as in the titles for the next lower-level menu.– E.g. if a menu item is called Business and Financial Services, the next screen should have that phrase as its title.Copyright © 2005, Pearson Education, Inc.Content Organization (cont.)
• Menu layout
– Titles (cont.)
• Phrasing of menu items
– Use familiar and consistent terminology
– Ensure that items are distinct from one another – Use consistent and concise phrasing
– Bring the keyword to the left
» “Size of Type” vs “Set Type Size”
Copyright © 2005, Pearson Education, Inc.
Content Organization (cont.)
• Menu layout (cont.)
– Graphic layout and design
• Constraints
– screen width and length – display rate
– character set
– highlighting techniques
Copyright © 2005, Pearson Education, Inc.
Content Organization (cont.) • Menu layout (cont.)
– Establish guidelines for consistency of at least these menu components:
– Titles
– Item placement and separation – Instructions
– Error messages
– Status reports
Copyright © 2005, Pearson Education, Inc.
Content Organization (cont.)
• Menu layout (cont.) – Techniques
• Indentation
• Upper/lower case characters
• Symbols such as * or - to create separators or outlines
• Position markers
• Cascading or walking menus
Copyright © 2005, Pearson Education, Inc.
•
Fast Movement Through Menus
Keyboard shortcuts
– –
– –
Supports expert use
Can make translation to a foreign language more
difficult
• Localization tip: make sure accelerators get translated!
Bookmarks in browsers User configured toolbars
Copyright © 2005, Pearson Education, Inc.
Content Organization (cont.)
• Menu status
– An interesting recent article at http://www.asktog.com/
Bughouse/10MostPersistentBugs.html (Bruce Tognazzini) listed 10 (actually 7) design bugs
– Mysteriously dimmed menu items, or “Gray Doubt” (say it out loud)
– Proposed fix: give some indication about *why* an item is unselectable
• A status tip at the bottom is a good option
• Tog suggests leave them selectable but give status – Good or bad idea?
Copyright © 2005, Pearson Education, Inc.
Data Entry with Menus: Form Fillin, Dialog Boxes, and Alternatives
• Form Fillin
– Appropriate when many fields of data must be
entered:
• Full complement of information is visible to user.
• Display resembles familiar paper forms.
• Few instructions are required for many types of entries.
– Users must be familiar with: • Keyboards
• Use of TAB key or mouse to move the cursor • Error correction methods
• Field-label meanings
• Permissible field contents
• Use of the ENTER and/or RETURN key.
Copyright © 2005, Pearson Education, Inc.
Data Entry with Menus: Form Fillin, Dialog Boxes, and Alternatives
• Form-Fillin Design Guidelines
– Meaningful title
– Comprehensible instructions
– Logical grouping and sequencing of fields – Visually appealing layout of the form
– Familiar field labels
– Consistent terminology and abbreviations
– Visible space and boundaries for data-entry fields
– Convenient cursor mo

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

Chương 3
Chọn danh bạ, Form Điền vào, và Dialog Boxes
Copyright © 2005, Pearson Education, Inc.
Tổ chức
Task-Related: "Mục tiêu chính cho menu, thiết kế mẫu-fillin, và hộp thoại hộp là tạo ra một hợp lý, dễ hiểu, tổ chức đáng nhớ, và thuận tiện có liên quan đến nhiệm vụ của người sử dụng ".
Copyright © 2005, Pearson Education, Inc.
Single Menus
• Asinglemenuisasimplelistofchoices • BinaryMenus
- Radio Buttons
- Nút Choice
• Nhiều-itemMenus
• Nhiều-selectionmenusorcheckboxes
Copyright © 2005, Pearson Giáo dục, Inc.
Single Menus (cont.)
• Pull-down, pop-up, các menu và thanh công cụ - menu kéo xuống
• Luôn luôn có sẵn cho người dùng bằng việc lựa chọn trên thanh menu trên cùng
- Các loại kéo trầm
• Key phím tắt bảng
- Ví dụ, Ctrl-C quan trọng để hỗ trợ hiệu quả chuyên dùng (gia tốc)
• Thanh công cụ, menu mang tính biểu tượng, và bảng màu
- Cung cấp các hành động trên một đối tượng hiển thị
• menu Pop-up
- Xuất hiện trên một màn hình hiển thị để đáp ứng với một kiểm tra hoặc chạm với một thiết bị trỏ.
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
• Radial Menus (từ Neverwinter Nights)
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
• Thực đơn cho danh sách dài
- menu cuộn, hộp combo, và fisheye menu
• Scrolling menu hiển thị phần đầu tiên của trình đơn và một mục trình đơn thêm, thường là một mũi tên mà dẫn đến các tập tiếp theo của các mục trong dãy menu.
• Hộp Combo kết hợp một menu di chuyển với một văn bản nhập cảnh nộp.
• menu Fisheye hiển thị tất cả các mục menu trên màn hình cùng một lúc, nhưng chỉ hiển thị các mặt hàng gần con trỏ ở kích thước đầy đủ.
Copyright © 2005, Pearson Education, Inc.
Fisheye đơn
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont. )
• Thực đơn cho danh sách dài (tt) -. Sliders và alphasliders
• Khi mặt hàng bao gồm các phạm vi hoặc giá trị số, một thanh trượt là một sự lựa chọn tự nhiên để cho phép lựa chọn một giá trị.
• Các alphaslider sử dụng nhiều mức độ chi tiết trong việc di chuyển các thanh trượt ngón tay cái và do đó có thể
hỗ trợ hàng chục hoặc hàng trăm ngàn mặt hàng.
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
• Thực đơn cho danh sách dài (cont.) - đơn hai chiều
• "Fast và rộng lớn "menu hai chiều cung cấp cho người dùng một cái nhìn tổng quan tốt của sự lựa chọn, giảm số lượng các hành động cần thiết, và cho phép lựa chọn nhanh chóng.
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
Copyright © 2005, Pearson Giáo dục, Inc.
Single Menus (cont.)
menu • Embedded và Hotlinks
- Embedded menu là một thay thế cho menu rõ ràng
- Đó là tự nhiên để cho phép người dùng đọc về con người, sự kiện và địa điểm để lấy thông tin chi tiết bằng cách chọn menu trong ngữ cảnh.
Copyright © 2005, Pearson Education, Inc.
Single Menus (cont.)
Copyright © 2005, Pearson Education, Inc.
Combination nhiều menu
• chuỗi đơn tuyến tính và đơn đồng thời - Tuyến tính
• Hướng dẫn người sử dụng thông qua các quyết định phức tạp làm cho quá trình.
- thẻ cue Eg hoặc "Wizards"
• Hiệu quả cho người dùng mới làm quen với thực hiện nhiệm vụ đơn giản
- Simultaneous
• các menu hoạt động hiện tại cùng một lúc và cho phép người dùng nhập vào các lựa chọn trong bất kỳ thứ tự
• Thường được sử dụng trong các trang web
Copyright © 2005, Pearson Education, Inc.
Combination nhiều menu (cont.)
menu • Tree-cấu trúc
- Thiết kế có thể tạo danh mục các mặt hàng tương tự để
tạo ra một cấu trúc cây
• Ví dụ, font chữ, kích thước phong cách, khoảng cách
- Fast lấy ra nếu tự nhiên và toàn diện
- Sử dụng thuật ngữ từ các miền công việc
- Mở rộng menu duy trì bối cảnh đầy đủ của mỗi sự lựa chọn
• Ví dụ, Windows Explorer
Copyright © 2005, Pearson Education, Inc.
Combination nhiều menu (cont.)
• Menu Maps
- bản đồ thực đơn có thể giúp người dùng luôn theo định hướng trong cây menu lớn
• "trang web bản đồ"
- hiệu quả cho việc cung cấp tổng quan để giảm thiểu sử dụng mất phương hướng.
• mạch hở và Cyclic Networks
- viết cho:
• các mối quan hệ xã hội
• Vận chuyển
tuyến. - Có thể gây nhầm lẫn và mất phương hướng
Copyright © 2005, Pearson Education, Inc.
Audio Menus và Menus cho Displays nhỏ
• hệ thống Menu trong màn hình nhỏ và các tình huống nơi bàn tay và đôi mắt đang bận rộn là một thách thức.
 •
menu Âm thanh
- nhắc nhở bằng lời và mô tả tùy chọn
- Đầu vào là bình thường bằng lời nói hoặc bàn phím
- Không dai dẳng, như một màn hình hiển thị trực quan, do ghi nhớ là bắt buộc.
- Yêu cầu người sử dụng có thể tránh nghe tùy chọn
Copyright © 2005, Pearson Education, Inc.
Audio Menus và Menus cho Displays nhỏ (cont.)
• Menu cho màn hình nhỏ
- Ví dụ, giải trí, dịch vụ thông tin liên lạc
- Learnability là một vấn đề quan trọng
- các nút phần cứng
• Navigation, lựa chọn
- Thiết kế không gian là vô cùng quan trọng trên màn hình nhỏ • Mỗi tội từ!
- GPS và xác định tần số vô tuyến cung cấp một số đầu vào tự động
Copyright © 2005, Pearson Education, Inc.
Audio Menus và Menus cho Displays nhỏ (cont.)
• Hướng dẫn (nhỏ) thiết bị thông tin
- Tài khoản cho tên miền mục tiêu
- các thiết bị chuyên dụng có nghĩa là UIS chuyên dụng
- Phân bổ các chức năng một cách thích hợp; xem xét tần số và tầm quan trọng
- Đơn giản hóa
thiết kế cho sự đáp ứng, kế hoạch cho sự gián đoạn, liên tục cung cấp thông tin phản hồi -
Copyright © 2005, Pearson Education, Inc.
Content Tổ chức
nhóm • Nhiệm vụ liên quan trong tổ chức cây
- Tạo các nhóm hạng mục hợp lý tương tự
- nhóm Form đó bao gồm tất cả các khả năng
- Hãy chắc chắn rằng mặt hàng này được không chồng
- Vẽ đồ thị cho chúng ra, để bạn biết những gì thực đơn lựa chọn đưa bạn nơi
- Sử dụng thuật ngữ quen thuộc, nhưng đảm bảo rằng các mục được phân biệt với nhau
Copyright © 2005, Pearson Education, Inc.
Content Tổ chức (cont.)
• Mục trình bày trình tự
- Trình tự các mục trong menu là quan trọng, và cần phải mất chuỗi nhiệm vụ theo định hướng tự nhiên vào tài khoản khi có thể:
• Thời gian
• đặt hàng Numeric
• Tính chất vật lý
- Khi trường hợp không có task- orderings liên quan, các nhà thiết kế phải lựa chọn khả năng như:
• trình tự chữ cái từ ngữ
• Nhóm các mặt hàng liên quan
• Hầu hết thường xuyên sử dụng các hạng mục đầu tiên • Các hạng mục quan trọng nhất đầu tiên.
• Tính nhất quán với hệ thống liên quan khác
Copyright © 2005, Pearson Education, Inc.
Content Tổ chức (cont.)
• Card (1982) đã thử nghiệm với vị lệnh chỉnh sửa văn bản trong một trình đơn của 18 mặt hàng.
Strategy
chữ cái
chủng loại Random
Mean Time (giây)
0,81
1,28 3,23
Copyright © 2005, Pearson Education, Inc.
Content Tổ chức (cont.) menu thích ứng vs gần đây nhất được sử dụng combo box
Copyright © 2005, Pearson Education, Inc.
Content Tổ chức (cont.) • Hướng dẫn menu bố trí
Copyright © 2005, Pearson Education, Inc.
Content Tổ chức (cont.)
• Menu bố trí (cont.) - Titles
• Đối với đơn duy nhất, sử dụng một tiêu đề mô tả đơn giản.
• Đối với các menu cấu trúc cây, sử dụng những từ chính xác cùng một trong các mục menu cấp cao hơn như trong các tiêu đề cho các tiếp theo menu-cấp dưới.
- Ví dụ, nếu một mục trình đơn được gọi là Kinh doanh và Dịch vụ tài chính, màn hình kế tiếp nên có cụm từ đó là tiêu đề của nó.
Copyright © 2005, Pearson Education, Inc.
Content Tổ chức (cont.)
• Menu bố trí
- tiêu đề (cont.)
• phân nhịp của các mục menu
- Sử dụng thuật ngữ quen thuộc và phù hợp
- Đảm bảo rằng các mục được phân biệt với nhau - Sử dụng phân nhịp nhất quán và súc tích
- Mang theo từ khóa bên trái
»" Kích thước của Type "vs" Cài Loại Size "
Copyright © 2005, Pearson Education, Inc.
Content Tổ chức (cont.)
• Menu bố trí (cont.)
- bố trí và thiết kế đồ họa
• Hạn chế
- màn hình rộng và chiều dài - tốc độ hiển thị
- bộ ký tự
- kỹ thuật làm nổi bật
Copyright © 2005 , Pearson Education, Inc.
Content Tổ chức (cont.) • Menu bố trí (cont.)
- Xây dựng hướng dẫn thống nhất của ít nhất là những thành phần menu:
- Tác phẩm
- Item vị trí và ly thân - Hướng dẫn
- Thông báo lỗi
- Tình trạng báo cáo
Copyright © 2005, Pearson Education, Inc.
Content Tổ chức (cont.)
• Menu bố trí (cont.) - Kỹ thuật
• lõm
• Upper / trường hợp thấp hơn nhân vật
• Các ký hiệu như * hoặc - để tạo ra dải phân cách hoặc vạch
• đánh dấu vị trí
• Cascading hoặc đi bộ menu
Copyright © 2005, Pearson Education, Inc.
 •
Phong trào nhanh Qua Menus
Keyboard shortcuts
- -
- -
Hỗ trợ sử dụng chuyên gia
có thể thực hiện dịch cho một ngôn ngữ nước ngoài nhiều
khó khăn
tip • Localization: đảm bảo các máy gia tốc để phiên dịch!
Bookmarks trong trình duyệt người dùng thanh công cụ cấu hình
Copyright © 2005, Pearson Education, Inc.
Content Tổ chức (cont.)
• Tình trạng đơn
- Một bài báo gần đây thú vị tại http://www.asktog.com/
tổ rệp / 10MostPersistentBugs.html (Bruce Tognazzini) liệt kê 10 (thực 7) lỗi thiết kế
- các mục menu một cách bí ẩn mờ đi, hoặc "Gray Doubt" (nói to)
- sửa chữa dự kiến: đưa ra một số dấu hiệu về * tại sao * một mục là unselectable
• Một mẹo trạng thái ở phía dưới là một lựa chọn tốt
• Tog gợi ý để lại cho họ lựa chọn nhưng cho tình trạng - Tốt hay xấu ý tưởng?
Copyright © 2005, Pearson Education, Inc.
Data Entry với Menus: Form trường nhắc, Dialog Box, và thay thế
• Mẫu nhắc mới
- Thích hợp khi nhiều lĩnh vực của dữ liệu phải được
nhập:
• Full bổ sung các thông tin được hiển thị cho người dùng.
• Màn hình giống như hình thức giấy quen thuộc.
• Rất ít các hướng dẫn cần thiết cho nhiều loại mục.
- Người dùng phải làm quen với: • Bàn phím
• Sử dụng phím TAB hoặc chuột để di chuyển con trỏ • Các phương pháp sửa lỗi
• Ý nghĩa Dòng nhãn
• nội dung trường cho phép
• Sử dụng các ENTER và / hoặc phím Enter.
Copyright © 2005, Pearson Education, Inc.
Data Entry với Menus: Form trường nhắc, Dialog Box, và thay thế
• Form -Fillin Hướng dẫn thiết kế
- có ý nghĩa tiêu đề
- hướng dẫn dễ hiểu
- nhóm logic và trình tự các lĩnh vực - bố trí trực quan hấp dẫn của hình thức
- lĩnh vực nhãn Familiar
- Phù hợp ngữ và chữ viết tắt
- không gian Visible và ranh giới cho các lĩnh vực nhập dữ liệu
- Thuận tiện trỏ mo