基于设计理念衍生出的一些设计技巧。
简洁
- 样式一致:视觉采用简洁的图形、一致的风格、色彩、材质、图标与字体;
- 交互一致:同一功能的操作行为保持一致;
- 信息直白:每一项设计元素都应该富有意义,直白的语义可以帮助用户快速进行语境转换。
聚焦重点
- 重点明确:每个页面都应有明确的重点,以便于用户每进入一个新页面的时候都能快速地理解页面内容。
- 减少干扰:减少页面中与用户决策无关的信息,用户的浏览动作不是读,不是看,而是扫。
- 视觉对比:对比是增加视觉效果最有效方法之一,让用户快速聚焦重点信息。
- 视觉亲密:亲密性的根本目的是实现组织性,让用户对页面结构和信息层次一目了然。
符合习惯
- 操作和选项都应该是可见的,减少用户对操作目标的记忆负荷
- 信息的展示应该是符合直觉的,用户在使用过程中无需思考
- 相同的元素在产品中不断重复,不仅可以有效降低用户的学习成本,也可以帮助用户识别出这些元素之间的关联性
习惯与创新
新的设计改动会影响老用户,但某种程度会造福新的用户,所以要衡量该设计对老用户和新用户的影响。
当我们要权衡用户的使用习惯与新的设计时,可以考虑:
- 该设计是否有效加快了用户的效率、解决了用户的问题?
- 评估该设计的易用性指标?
- 该设计犯错率是否低于之前的设计?
- 新用户少于老用户的情况下,该设计能否被老用户所接受?
避免迷失
- 清晰明确地告知用户身在何处
- 可以往何处去
流畅
为了达到极致的用户体验,系统应该是流畅、无阻的。
- 能在这个页面解决的问题,就不要去其它页面解决,因为任何页面刷新和跳转都会引起变化盲视,导致用户行为被打断
- 尽可能在当前页面验证用户的输入,同时也要避免过于频繁的用户输入验证,这样能够提高用户的输入速度和愉悦感
- 尽可能减少页面中直接出现元素的频率,如果出现全屏范围覆盖的元素,则需要考虑使用平滑的过渡,避免直接出现导致闪烁感
反馈机制
及时反馈
- 系统应该让用户知道目前的状态, 并及时给予相对应的反馈;
- 当不可避免的出现了加载和等待的时候,需要予以及时的反馈以舒缓用户等待的不良情绪;
- 另外需要考虑部分场景下重复、无效通知对用户造成的干扰,根据用户真实的佩戴情况做通知处理。
延时反馈
延时反馈是针对数量较多的重复性条目时,辅助用户进行视觉定位的一种手段。
尤其针对模态,当用户点选某项条目进行操作时,屏幕大部分可视面积被弹出的模态遮盖,在关闭模态的瞬间。用户需要在数量众多的条目中快速定位到刚才操作的条目,以便于进行下一项操作(也许是从之前操作的条目定位至下一条继续进行操作),用户对于操作位置的感知,对延续下一步的操作有很大的作用。
人性化帮助
如果系统不需要使用帮助文档是最好的,但是有必要提供帮助和文档。帮助性提示最好的方式是:
无需提示;
一次性提示;
常驻提示;
帮助文档
应按照正向积极的思维去帮助用户发现问题、解决问题,并可在恰当的时候通过勋章等奖励激发用户的自我正面意识,获得成就和喜悦感。
持续地为用户提供贴心易用的「轻功能」,让用户从情感上感知产品温度。
处理错误
防止错误发生
比出现错误信息提示更好的是更用心的设计防止这类问题发生。在用户选择动作发生之前,就要防止用户容易混淆或者错误的选择。
容错性
如果用户知道自己的操作是可以被重置的,这项特性会鼓励他们大胆地进行探索,例如:
- “撤销”,“重做”功能就让用户更有安全感,从而进行更多功能的探索和不同场景的应用;
- 消息发送时可以撤销已经发送的消息;对于已经发送的消息可以进行编辑;
- 网络失败后发送的消息应该临时保存在当前的对话框中;
- 长时间编辑的信息也需要自动保存,以防信息的丢失。
错误帮助
错误信息应该用语言表达而不是比如404的代码。需要准确地反应问题所在并提出建设性的解决方案, 帮助用户从错误中恢复将损失降到最低, 提供详尽的说明文字和指导方向。
智能
结合产品周边环境、用户状态,以简单、易于理解的方式呈现复杂的数据和操作。
减少用户不必要的输入,给用户提供更多有意义的默认值。