header_v1.7.40

7个提升UX策略的技巧

1年前发布

翻译文章 / UI / 教程
欧小风 翻译,如需商业用途或转载请与欧小风联系,谢谢配合。

如何优化改善用户体验

fc7d59b66ac7a801211d2594efd2.jpg

1、减少点击


为了提高效率,减少UI中的点击次数是一个很好的指导原则。减少用户完成任务所需的时间很重要,特别是对于频繁重复的任务。

对于频繁点击导致疲劳的产品,应该尽可能去考虑键盘快捷键——完全避免鼠标点击。例外是错误的点击或者动作的成本很高。在这些情况下,创建信息或者总结任务的时候将有助于防止用户出错。


确认/汇总相关的示例:

1、将资金转入你的银行账户;

2、完成在线交易;

3、作为表单流程的最后一步。


确认对话框是防止错误的一种方法,对于它的使用应该最小化尤其是在操作可恢复的情况下。

35cd59b66a1ea801211d254e30e4.jpg

Youtube 的简单界面突出了视频内容



2、视觉设计

良好的视觉设计通过以下方式提供价值:

- 提升用户对产品易用性的期望

- 提升用户愿意为产品支付的最终价值  

- 帮助提升产品品牌认知/传达品牌精髓

- 提供设计语言的一致性  

- 有助于用户对产品的第一印象和参与


视觉设计是通过使用图像、颜色、形状、排版和表单增强可用性、提升用户体验。这也是设计师之间的分歧话题。虽然有些人认为视觉设计是UI中剩余部分最漂亮的东西,但是它在伟大设计中扮演至关重要的角色。它是通过组织,颜色,大小和其他较小的细节来传达信息的手段,对用户上创造一个凝聚力的印象。


第一印象很重要。在数百万类似的产品展示中,像一个著名app的icon一样小或者突出的风格类似可以有所作为。虽然好的视觉设计可能会在设计完成时过度打磨的时候被放弃,但它仍然需要考虑适当的投入而不是放弃扔在一边。



3、后续建立的UI模式

对于产品中相似的用法,使用一致性在建立UI模式是很有意义的。无论是导航UI,定位UI或者其他习惯性元素的放置,遵守UI模式的一致性要比创建一个新的用法让用户学习更有意义。考虑什么是有意义的,并且适当使用模式。


在移动UX的领域,不要从不同平台(例如Android到iOS等)复制模式。由于每个平台都有一套独特惯例和特点,并且混合使用两套模式会让用户对UI和交互/ UI行为产生误解。

acd559b66a69a8012028a9febef1.jpg

Dropbox paper 对于新帖子的视觉效果最小化


4、简易

简易是功能性和可理解性之间的平衡。

简易是设计的一个很好的经验法则,容易理解的东西通常也易于使用。

无论设计如何聪明,如果无法理解,就会变得无用。

避免不必要的复杂性,使产品易于理解和使用,这当然是一个好处。但是,它不能牺牲功能性。



5、容错性

良好的设计是宽容的。


用户操作应该是可逆的,而在这种情况下,需要一个确认(提交)的操作来保护用户做出正确的选择。


预览模式可以在用户提交正确的结果之前看到他们操作的结果。可恢复操作的示例是“撤销”按钮。它允许用户撤销他们所做的大部分工作。许多浏览器也会在一个意外关闭的选项卡的情况下打开用户的最后一个会话。



6、避免杂乱

提供给用户的信息应该容易理解,并以适当的数量给出。想想Goldilocks的故事,把它当做是一个提醒,你不想显示太少的元素,就像给文章增加设计元素,但是显示太多又会给用户增加困惑。


冗余文字、缺乏空白、元素过多、多余的动画、缺少对比或组织等会造成杂乱。减少这种视觉或者交互杂乱获得更好的设计。

bd8a59b66a9aa801211d25fba93b.jpg

Facebook的新手教学页面


7、降低使用障碍

这个可以参考新手教学或者任务挑战时候的感知。如果有什么似乎难以解决(特别是用户第一次遇到产品或新功能时),那么他们很可能会放弃使用它。


降低使用障碍只是意味着新手用户在使用你的产品时会让他们觉得聪明。




让用户了解你的产品的内容和实质的最佳方法,是让他们快速理解你向他们提供了什么,采用和保留了什么。


0

    文章信息

    • 文章标签

    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功