9、要表现出哪些元素可点击或可以交互
用户应该能够识别出哪个元素是可以交互的以及如何与之交互。如果你熟悉UX/UI设计,那你可能清楚 Don Norman 在《设计心理学》一书中提出的视觉信号、情景支持及通俗化。
(1)使用3D特性设计按钮

(2)添加一些纹理来表明可拖曳元素

(3)使用图标和符号传达一个交互动作的意义
你可以在PowerPoint或者Keynote中使用多种形状来构建出大部分这类图标。

10、使用用户熟悉的文字和符号来传达信息
在大多数情况下,清晰的表达要胜过具有创造性和专业的表达。
(1)请说人话,而非系统语言

(2)当出现外语时提供一个翻译按钮

(3)选择语义一致(合适)的颜色
颜色不协调的时候,用户就会在处理过程遇到麻烦。现在, meetup.com 有很不错的易用性,不过他们还在使用红色来确认用户的出勤率(应该使用绿色更符合人们的认知)。

11、最大化你的界面的可浏览性
大多数用户通过浏览信息来处理信息。你不应该排斥这种行为,应该迎合它才对,要让你的界面更有利于用户浏览。
(1)保持段精简,突出关键术语

(2)把重要的信息放在列表项的开始位置

(3)表格的每一行添加底纹

(4)子标题单独写出来

(5)让纯文本呈现多种视觉样式

12、最大化文本的可读性
显然地,对于一段文本信息来讲,其基本要点应该是可读的,下面是一些可以增强可读性的温馨提示。
(1)在文本和其背景间设置强烈对比度
在一定背景上显示文本时要注意,你可能需要考虑通过叠加或模糊的效果来突出对比度。比如在我的头像背景上添加文字:

(2)正文的绝大部分要保持左对齐

13、整个界面使用一致的设计模式
如果不同界面间使用不一致的设计模式,用户将会需要更多成本来熟悉和学习,因此请在保持一致性布局和外观的前提下尽量简化你的界面。
文章源自 设计联盟 www.DesignLinks.cn 中国最具影响力的创意设计综合网站