| A | B | C | D | E | F | G | H | I | |
|---|---|---|---|---|---|---|---|---|---|
1 | Objective | Category | Pattern name | Examples | 国际化和本地化方面的考量 | Cultural considerations for a global audience | Other language considerations | Research | Additional feedback |
2 | Design is clear and helpful | Recognizable purpose | Make the purpose of the page clear | ||||||
3 | Design is clear and helpful | Recognizable purpose | Use clear visible labels | ||||||
4 | Design is clear and helpful | Recognizable purpose | Use a familiar hierarchy and design | ||||||
5 | Design is clear and helpful | Recognizable purpose | Use clear visible labels | ||||||
6 | Design is clear and helpful | Distinguishable | Make it easy to find the most important features and tasks on the site | ||||||
7 | Design is clear and helpful | Distinguishable | Make it easy to find the most important actions and information on the page | ||||||
8 | Design is clear and helpful | Distinguishable | Ensure foreground content is not obscured by background | ||||||
9 | Design is clear and helpful | Distinguishable | Use white spacing | ||||||
10 | Design is clear and helpful | Consistent | Ensure controls and content do not move unexpectedly | ||||||
11 | Design is clear and helpful | Consistent | Use a consistent visual design | ||||||
12 | Design is clear and helpful | Consistent | Use a predictable hierarchy | ||||||
13 | Clear interactions | Informative | Clearly state the results and disadvantages of actions, options, and selections | ||||||
14 | Clear interactions | Informative | Do not rely on the user performing calculations | ||||||
15 | Clear interactions | Informative | Do not rely on the user memorizing information | ||||||
16 | Clear interactions | Informative | Notify users of fees and changes at the start of a task | All procing should include the international currency acronym. Example: USD for US dollar, instead of $, which is used for any dollar currency. | |||||
17 | Clear interactions | Informative | Notify users of fees and changes at the start of a task | ||||||
18 | Clear interactions | Informative | Provide information so a user can prepare for a task | ||||||
19 | Clear interactions | Informative | Provide feedback based on user action | ||||||
20 | Clear interactions | Informative | User knows if they are on a new URL/domain/space | ||||||
21 | Clear interactions | Logical clear path | Make short critical paths | ||||||
22 | Clear interactions | Logical clear path | Make each step clear | ||||||
23 | Clear interactions | Logical clear path | Provide step by step guidance | ||||||
24 | Clear interactions | Logical clear path | Separate each instruction | ||||||
25 | Clear interactions | Logical clear path | Make short critical paths | ||||||
26 | Clear interactions | Logical clear path | Provide step by step guidance | ||||||
27 | Clear interactions | Logical clear path | Provide instructions (but need word that also allows for non-word based ways of making path clear…) help for forms and non-standard controls | ||||||
28 | Clear interactions | Safeguarded | Design and build forms to prevent mistakes | ||||||
29 | Clear interactions | Safeguarded | Make it easy to recover undo fromform errors and undo actions | ||||||
30 | Clear interactions | Safeguarded | Let users go back | ||||||
31 | Clear interactions | Safeguarded | Help users understand how to go back | ||||||
32 | Clear interactions | Safeguarded | Help users restore focus and understand context | ||||||
33 | Clear interactions | Safeguarded | Limit interruptions | ||||||
34 | Supportive functionality | Supportive | Avoid data loss | ||||||
35 | Supportive functionality | Supportive | Avoid or support the user through "timeouts" | People with limited language skills will need more time to understand content and fill out forms, as they may have to look up terms while filling out a form. | |||||
36 | Supportive functionality | Supportive | Provide a login that is clear, single-step, does not rely on memory, reading, or other cognitive skills | ||||||
37 | Supportive functionality | Supportive | Provide reminders | ||||||
38 | Supportive functionality | Supportive | Provide help with geographic directions [is this in the right place?] | ||||||
39 | Supportive functionality | Supportive | A returning user is informed of UI changes | ||||||
40 | Supportive functionality | Flexible | Provide search | Search needs to work in every language that the website is available in. | |||||
41 | Supportive functionality | Flexible | Accept different input formats | ||||||
42 | Supportive functionality | Flexible | Forgiving spelling and formatting in entry fields, including search fields | ||||||
43 | Supportive functionality | Customizable | Let users control when the content moves or changes | ||||||
44 | Supportive functionality | Customizable | Support the use of APIs and extensions | ||||||
45 | Supportive functionality | Customizable | Support UI simplification | ||||||
46 | Supportive functionality | Customizable | Support a personalized interface | ||||||
47 | Understandable content | Concise | Keep content concise | ||||||
48 | Understandable content | Concise | Break content into chunks | ||||||
49 | Understandable content | Concise | One idea per block (sentence, paragraph, page) | ||||||
50 | Understandable content | Concise | Avoid too many links per page [maybe not keep?] | ||||||
51 | Understandable content | Direct meaning | Use clear words | ||||||
52 | Understandable content | Direct meaning | Use literal language | ||||||
53 | Understandable content | Direct meaning | Use a simple tense and voice | ||||||
54 | Understandable content | Direct meaning | Avoid double negatives or nested clauses | ||||||
55 | Understandable content | Direct meaning | Explain implied content | ||||||
56 | Understandable content | Direct meaning | Use clear, unambiguous formatting and punctuation | ||||||
57 | Understandable content | Decodable | Provide alternate content for complex information and tasks | ||||||
58 | Understandable content | Decodable | Provide alternatives for numerical concepts | ||||||
59 | Understandable content | Decodable | Use icons that help the user | ||||||
60 | Understandable content | Decodable | Avoid all caps in written content | ||||||
61 | Understandable content | Decodable | Avoid centering or full justifying text that is more than 2 lines | ||||||
62 | Understandable content | Decodable | Include symbols and letters necessary to decipher the words | ||||||
63 | Understandable content | Decodable | Use familiar metrics and units [maybe this should go under flexible?] | ||||||
64 | Backup help | Available | Make it easy to find help | ||||||
65 | Backup help | Available | Provide human help [maybe rename this to “Provide contextual human help” or “human help in context”? – discussion with John] | ||||||
66 | Backup help | Alternative paths | Let users avoid navigating voice menus | ||||||
67 | Backup help | Alternative paths | NEW provide easy read, etc. | ||||||
68 | Backup help | Alternative paths | Provide summary of long documents and media | ||||||
69 | Backup help | Accept user feedback/thoughts | Make it easy to give feedback | Feedback forms should be available in every language that the website is available in. A user selecting a feedback button should see a form in the same language as the page the button was on. |