设计原则

基于设计理念衍生出的一些设计技巧。

简洁

  • 样式一致:视觉采用简洁的图形、一致的风格、色彩、材质、图标与字体;
  • 交互一致:同一功能的操作行为保持一致;
  • 信息直白:每一项设计元素都应该富有意义,直白的语义可以帮助用户快速进行语境转换。

聚焦重点

  • 重点明确:每个页面都应有明确的重点,以便于用户每进入一个新页面的时候都能快速地理解页面内容。
  • 减少干扰:减少页面中与用户决策无关的信息,用户的浏览动作不是读,不是看,而是扫。
  • 视觉对比:对比是增加视觉效果最有效方法之一,让用户快速聚焦重点信息。
  • 视觉亲密:亲密性的根本目的是实现组织性,让用户对页面结构和信息层次一目了然。

符合习惯

  • 操作和选项都应该是可见的,减少用户对操作目标的记忆负荷
  • 信息的展示应该是符合直觉的,用户在使用过程中无需思考
  • 相同的元素在产品中不断重复,不仅可以有效降低用户的学习成本,也可以帮助用户识别出这些元素之间的关联性

习惯与创新

新的设计改动会影响老用户,但某种程度会造福新的用户,所以要衡量该设计对老用户和新用户的影响。

当我们要权衡用户的使用习惯与新的设计时,可以考虑:

  1. 该设计是否有效加快了用户的效率、解决了用户的问题?
  2. 评估该设计的易用性指标?
  3. 该设计犯错率是否低于之前的设计?
  4. 新用户少于老用户的情况下,该设计能否被老用户所接受?

避免迷失

  • 清晰明确地告知用户身在何处
  • 可以往何处去

流畅

为了达到极致的用户体验,系统应该是流畅、无阻的。

  • 能在这个页面解决的问题,就不要去其它页面解决,因为任何页面刷新和跳转都会引起变化盲视,导致用户行为被打断
  • 尽可能在当前页面验证用户的输入,同时也要避免过于频繁的用户输入验证,这样能够提高用户的输入速度和愉悦感
  • 尽可能减少页面中直接出现元素的频率,如果出现全屏范围覆盖的元素,则需要考虑使用平滑的过渡,避免直接出现导致闪烁感

反馈机制

及时反馈

  • 系统应该让用户知道目前的状态, 并及时给予相对应的反馈;
  • 当不可避免的出现了加载和等待的时候,需要予以及时的反馈以舒缓用户等待的不良情绪;
  • 另外需要考虑部分场景下重复、无效通知对用户造成的干扰,根据用户真实的佩戴情况做通知处理。

延时反馈

延时反馈是针对数量较多的重复性条目时,辅助用户进行视觉定位的一种手段。

尤其针对模态,当用户点选某项条目进行操作时,屏幕大部分可视面积被弹出的模态遮盖,在关闭模态的瞬间。用户需要在数量众多的条目中快速定位到刚才操作的条目,以便于进行下一项操作(也许是从之前操作的条目定位至下一条继续进行操作),用户对于操作位置的感知,对延续下一步的操作有很大的作用。

人性化帮助

  • 如果系统不需要使用帮助文档是最好的,但是有必要提供帮助和文档。帮助性提示最好的方式是:

    1. 无需提示;

    2. 一次性提示;

    3. 常驻提示;

    4. 帮助文档

  • 应按照正向积极的思维去帮助用户发现问题、解决问题,并可在恰当的时候通过勋章等奖励激发用户的自我正面意识,获得成就和喜悦感。

  • 持续地为用户提供贴心易用的「轻功能」,让用户从情感上感知产品温度。

处理错误

防止错误发生

比出现错误信息提示更好的是更用心的设计防止这类问题发生。在用户选择动作发生之前,就要防止用户容易混淆或者错误的选择。

容错性

如果用户知道自己的操作是可以被重置的,这项特性会鼓励他们大胆地进行探索,例如:

  • “撤销”,“重做”功能就让用户更有安全感,从而进行更多功能的探索和不同场景的应用;
  • 消息发送时可以撤销已经发送的消息;对于已经发送的消息可以进行编辑;
  • 网络失败后发送的消息应该临时保存在当前的对话框中;
  • 长时间编辑的信息也需要自动保存,以防信息的丢失。

错误帮助

错误信息应该用语言表达而不是比如404的代码。需要准确地反应问题所在并提出建设性的解决方案, 帮助用户从错误中恢复将损失降到最低, 提供详尽的说明文字和指导方向。

智能

结合产品周边环境、用户状态,以简单、易于理解的方式呈现复杂的数据和操作。

减少用户不必要的输入,给用户提供更多有意义的默认值。

Copyright © 2021-2022 UCloud 优刻得科技股份有限公司