從小白到交互設計大牛的105條設計原則
https://mp.weixin.qq.com/s/OmpNtniUfL7kajg0Pg-CRQ
使用者介面應該基於使用者心理模型，而不是實現模型。
User interfaces should be based on user mental models rather than implementation models.
用戶體驗只有一個，即形式和行為的設計必須相互和諧。
There is only one user experience: Form and behavior must be designed in concert.
如果使用者願意操作，就值得程式記住。
If it’s worth it to the user to do it, it’s worth it to the application to remember it.
獨佔式應用程式可以使用豐富的輸入方式。
Sovereign applications should exploit rich input.
在獨佔應用程式中讓文檔視圖最大化。
Maximize document views within sovereign applications.
為中級用戶而優化設計。
Optimize for intermediates.
用戶只有獲得充分的回報，才會付出相應的努力。
Users make commensurate effort if the rewards justify it.
不論介面多酷，越少越好。
No matter how cool your interface is, less of it would be better.
多數人並不想知道得太多，只想成功地使用產品。
Most people would rather be successful than knowledgeable.
所有的習慣用法都需要學習，而好的習慣用法只需學習一次。
All idioms must be learned; good idioms need to be learned only once.
豐富的視覺回饋是成功的直接操作的關鍵。
Rich visual feedback is the key to successful direct manipulation.
自動保存文檔和設置。
Save documents and settings automatically.
把檔放在用戶能找到的地方。
Put files where users can find them.
行為不同的元素要在視覺設計上明顯區分。
Visually distinguish elements that behave differently.
從視覺上傳達功能和行為。
Visually communicate function and behavior.
一致不意味著僵化。
Consistency doesn’t imply rigidity.
將功能置於需要它們的視窗中。
Provide functions in the window where they are used.
禁用掉不適用的功能表項目。
Disable menu items when they are not applicable.
相同的命令要使用相同的視覺符號。
Use consistent visual symbols on related commands.
工具列為有經驗的用戶提供快速訪問常用功能的途徑。
Toolbars give experienced users fast access to frequently used functions.
所有工具列和圖示控制項都應該使用工具提示。
Use ToolTips with all toolbar and iconic controls.
流覽和選擇任務要同時提供滑鼠和鍵盤支援。
Support both mouse and keyboard use for navigation and selection tasks.
用游標形狀變化表明元鍵的用法。
Use cursor hinting to show the meanings of metakeys.
按一下意味選擇資料或物件，或改變控制項狀態。
Single-clicking selects data or an object or changes the control state.
按兩下意味著按一下再加上動作。
Double-clicking means single-clicking plus action.
在物件或者資料上按下滑鼠意味著選擇。
Mouse-down over an object or data should select the object or data.
在控制項上滑鼠按下意味著預備動作；滑鼠釋放意味著執行動作。
Mouse-down over controls means proposing an action; mouse-up means committing to an action.
要讓選中這種狀態，在視覺上明確而醒目。
Mouse-down over controls means proposing an action; mouse-up means committing to an action.
採用永久固定的頁眉來保持情境。
Use persistent headers to maintain context.
帶有橫向連結的“麵包渣”讓導航更快捷。
Breadcrumbs with lateral links help speed navigation.
自動填充、自動推薦、分面搜索可以讓用戶更快地找到所需的東西。
Auto-complete, auto-suggest, and faceted search help users find things faster.
連結用於導航，按鈕用於動作。
Use links for navigation and buttons for action.
用圖示來區分清單中重要的文本項。
Distinguish important text items in lists with graphic icons.
絕不要水準滾動文本。
Avoid scrolling text horizontally.
有界輸入要使用有界控制項。
Use bounded controls for bounded input.
對話方塊非常適合用來整理關於單一主題或應用程式功能的資訊。
Dialogs are appropriate for organizing controls and information about a single domain object or application function.
應用程式無回應狀態，必須通知使用者。
Inform the user when the application is unresponsive.
讓所有的動作都可以撤銷。
Make all actions reversible.
給用戶提供非模態回饋，避免用戶犯錯。
Provide modeless feedback to help users avoid mistakes.
#UX, 使用者體驗, 設計原則
https://mp.weixin.qq.com/s/OmpNtniUfL7kajg0Pg-CRQ
使用者介面應該基於使用者心理模型，而不是實現模型。
User interfaces should be based on user mental models rather than implementation models.
用戶體驗只有一個，即形式和行為的設計必須相互和諧。
There is only one user experience: Form and behavior must be designed in concert.
如果使用者願意操作，就值得程式記住。
If it’s worth it to the user to do it, it’s worth it to the application to remember it.
獨佔式應用程式可以使用豐富的輸入方式。
Sovereign applications should exploit rich input.
在獨佔應用程式中讓文檔視圖最大化。
Maximize document views within sovereign applications.
為中級用戶而優化設計。
Optimize for intermediates.
用戶只有獲得充分的回報，才會付出相應的努力。
Users make commensurate effort if the rewards justify it.
不論介面多酷，越少越好。
No matter how cool your interface is, less of it would be better.
多數人並不想知道得太多，只想成功地使用產品。
Most people would rather be successful than knowledgeable.
所有的習慣用法都需要學習，而好的習慣用法只需學習一次。
All idioms must be learned; good idioms need to be learned only once.
豐富的視覺回饋是成功的直接操作的關鍵。
Rich visual feedback is the key to successful direct manipulation.
自動保存文檔和設置。
Save documents and settings automatically.
把檔放在用戶能找到的地方。
Put files where users can find them.
行為不同的元素要在視覺設計上明顯區分。
Visually distinguish elements that behave differently.
從視覺上傳達功能和行為。
Visually communicate function and behavior.
一致不意味著僵化。
Consistency doesn’t imply rigidity.
將功能置於需要它們的視窗中。
Provide functions in the window where they are used.
禁用掉不適用的功能表項目。
Disable menu items when they are not applicable.
相同的命令要使用相同的視覺符號。
Use consistent visual symbols on related commands.
工具列為有經驗的用戶提供快速訪問常用功能的途徑。
Toolbars give experienced users fast access to frequently used functions.
所有工具列和圖示控制項都應該使用工具提示。
Use ToolTips with all toolbar and iconic controls.
流覽和選擇任務要同時提供滑鼠和鍵盤支援。
Support both mouse and keyboard use for navigation and selection tasks.
用游標形狀變化表明元鍵的用法。
Use cursor hinting to show the meanings of metakeys.
按一下意味選擇資料或物件，或改變控制項狀態。
Single-clicking selects data or an object or changes the control state.
按兩下意味著按一下再加上動作。
Double-clicking means single-clicking plus action.
在物件或者資料上按下滑鼠意味著選擇。
Mouse-down over an object or data should select the object or data.
在控制項上滑鼠按下意味著預備動作；滑鼠釋放意味著執行動作。
Mouse-down over controls means proposing an action; mouse-up means committing to an action.
要讓選中這種狀態，在視覺上明確而醒目。
Mouse-down over controls means proposing an action; mouse-up means committing to an action.
採用永久固定的頁眉來保持情境。
Use persistent headers to maintain context.
帶有橫向連結的“麵包渣”讓導航更快捷。
Breadcrumbs with lateral links help speed navigation.
自動填充、自動推薦、分面搜索可以讓用戶更快地找到所需的東西。
Auto-complete, auto-suggest, and faceted search help users find things faster.
連結用於導航，按鈕用於動作。
Use links for navigation and buttons for action.
用圖示來區分清單中重要的文本項。
Distinguish important text items in lists with graphic icons.
絕不要水準滾動文本。
Avoid scrolling text horizontally.
有界輸入要使用有界控制項。
Use bounded controls for bounded input.
對話方塊非常適合用來整理關於單一主題或應用程式功能的資訊。
Dialogs are appropriate for organizing controls and information about a single domain object or application function.
應用程式無回應狀態，必須通知使用者。
Inform the user when the application is unresponsive.
讓所有的動作都可以撤銷。
Make all actions reversible.
給用戶提供非模態回饋，避免用戶犯錯。
Provide modeless feedback to help users avoid mistakes.
#UX, 使用者體驗, 設計原則
留言
張貼留言