交互设计技巧:创造好的用户体验(1)(翻译)


点击上方「人人都是产品经理」立即关注


一个好的用户界面具有较高的转化率和易用性。换句话说,它既能满足商业用途也便于使用。以下是我们发现的一些想法清单。

译者:@谢尔鱼 译文地址:http://goodui.org/

翻译并授权人人都是产品经理社区发布,转载请注明来自人人都是产品经理社区并保留作者信息。

1. 尝试使用一列布局代替多列


一列布局会让你对全局有更好的掌控。它也能让你的用户预先对整体的内容从上到下有一个大致的了解。然而多列布局则会让用户从页面的核心内容上分散注意力从而增加额外的风险。最好的方法是用一个有逻辑的叙述然后在文末加上一个行动的口号来引导用户。

交互设计技巧:创造好的用户体验(1)(翻译)

2. 尝试用礼物代替直接销售


为客户提供一份礼物是一种友好的方式。然而,更深层次来说,礼物也是基于互惠原则的一种有效的说服策略。这听起来显而易见,给别人提供优惠,你在将来的活动中也能从中受益。

交互设计技巧:创造好的用户体验(1)(翻译)

3. 尝试合并相似的功能,而不是支离破碎的UI


在产品开发期间,我们很容易在无意中创建多个功能一样的模块,元素及专题。随着时间的推移,界面变得支离破碎。留意相同的功能以多种方式展示,因为它容易给你的客户带来压力。通常,UI碎片越多,你的客户的学习成本就越高。偶尔考虑通过合并相似的功能来重构你的UI。

交互设计技巧:创造好的用户体验(1)(翻译)

4. 尝试用客户评价来代替自吹自擂


客户评价是直接提高转化率的另一个强有力的说服策略。别人对你产品的支持和好评,是一种很好地号召客户行动的方式。所以试着提供一些证据来证明这些好评是真实可信的。

交互设计技巧:创造好的用户体验(1)(翻译)

5. 尝试多次重复您的主旨,而不是只展示一次


重复你的行动口号是一种更适用于长页面的策略,或者是在多个页面进行重复。当然你也不想让同样的信息在同一屏幕里重复上10次,这会让客户很沮丧。然而,长页面越来越普遍,将所有东西都展现“在一屏”上的想法也过时了。所以将一个不太显眼的行动列表放在顶部,另一个突出的行动口号放在底部并没有什么不妥。当用户到达页面底部,停顿并思考接下来改做什么的时候——一个潜在的区域或许就能完成一次报价或成交一笔交易。

交互设计技巧:创造好的用户体验(1)(翻译)

6. 尝试将可点击/可选择的样式区分开来,而不是将其模糊


视觉上的样式,例如颜色、层次和对比,可以用来帮助用户理解你最基础的界面导航语言:我在哪里,我可以到哪里去。为了与你的用户清楚地沟通,你的可点击行为(链接,按钮)、可选元素(可选项),以及单纯的文本应该清楚地区分开来,然后在这一套界面中保持一致性。在下面的例子中,我选择蓝色标识能被点击的元素,黑色标识已被选中的元素或表明当前所在的位置。正确运用这些标记,更便于用户学习和使用这些线索来导航界面。不要模糊这三种功能样式使产品使用困难。

交互设计技巧:创造好的用户体验(1)(翻译)

7. 尝试用推荐来代替罗列相同的选项


当展示多种服务时,一个强力的推荐或许是个好主意,因为用户有时候需要一点推动。一些心理学的研究表明,选择性越多,用户将想法付诸实践并行动起来的概率就越低。为了消除这种选择障碍,试着强调和突出显示某些选项。

交互设计技巧:创造好的用户体验(1)(翻译)

8. 尝试用撤销操作来代替提示确认


想象一下,你只是按下了一个操作按钮或者链接,撤销能让操作更流畅自然。另一方面,提示操作则在暗示用户不清楚用户在干什么,并一直质疑用户的意图。大部分情况下我会假设用户是明白自己的意图的,误操作只是偶然发生的。当提示窗口弹出时,用户必须重复地进行确认操作,一次又一次的提示其实是一种非常不人性化的设计。所以考虑让用户执行撤销操作来提高产品的友好度而不是一直提醒用户确认。

交互设计技巧:创造好的用户体验(1)(翻译)

9. 尝试写明产品使用人群而不是所有人


你的产品是面向所有人还是有精确地指明受众群体?明确指明你的产品或者服务的受众群是明智的。通过不断了解目标客户的需求及标准,你能获得更多与客户交流的机会,并且让客户觉得享受了产品的专属服务。这种策略的风险是你可能精简了自身,并缩小了潜在客户的范围。然而,透明建立信任,你可能因此获得客户更多的信任。

交互设计技巧:创造好的用户体验(1)(翻译)

10. 尝试直截了当而不是犹豫不决


你可以用不确定的带着颤抖的声音传达你的信息,也可以满怀自信地说出来。如果你经常用类似“也许”、“可能”、“感兴趣?”、“想要吗?”这样的疑问语气来结束信息的传达,或许你可以尝试用更权威的语气来表达。谁知道呢,或许更为舒缓的措辞来告诉用户接下来该怎么做也可以给用户留下更多思考的余地。

交互设计技巧:创造好的用户体验(1)(翻译)

11. 尝试用鲜明的对比代替相似性


将你的行动口号与周围的元素区分开来,使其更显眼一点,能让你的UI表达更强烈。你能轻易地通过多种方式让你的主旨口号更醒目。你能采用明暗色调的对比来凸显。你还能采用投影和渐变来实现层次上的对比。最后,你还可以从色轮上选取互补色(例如:黄色和紫色)来进一步提高对比度。综上所述,你应该考虑将你的行动口号与页面上其它元素明显区分开来。

交互设计技巧:创造好的用户体验(1)(翻译)

12. 尝试指明原产地


指明你的原产地,你的产品或者服务从哪里来的,可以将你与客户的关系拉得更近。具体提到产品的原产地的国家、州或者城市,就像人与人沟通时自我介绍一样。如果你在产品介绍时做到这点,你的界面显得更友好。通常,说明你的产品的产地也能让客户感觉产品的质量更有保证。这是一种双赢的方法。

交互设计技巧:创造好的用户体验(1)(翻译)

13. 尝试精简表单


人类天生就抗拒密集型劳动,并且这也体现在表单填写上。你要求用户填写的每一个字段都有让用户转身放弃的风险。每个人打字的速度都是不一样的,况且在移动设备端输入更是一件苦差事。确定是否每一个字段都是必需的,尽量删掉不必要的字段。如果你确实有大量的信息需要用户填写,考虑将它们分开到不同的页面填写,或者在提交之后还能继续补充。过多的字段会让你的表单臃肿,要想精简也很容易,减少字段就行了。

交互设计技巧:创造好的用户体验(1)(翻译)

14. 尝试暴露选项而不是隐藏它们


你使用的每一个下拉菜单隐藏的信息,都需要用户用额外的操作才能显示。假如那些隐藏选项对用户来说是贯穿整个操作的,你可能会希望它们展示得更明显一些。保留那些约定俗成的下拉菜单,比如说日期和时间(例如:日历)或者地理位置的选择。有时候下拉菜单在用户重复使用的地方也是可以使用的(例如:操作菜单)。在你需要进行页面跳转的地方,尽量避免为主要功能使用下拉菜单。

交互设计技巧:创造好的用户体验(1)(翻译)

15. 尝试分模块有条理地叙述而不是长篇大论的平铺直叙


长篇大论的平铺直叙是很容易失去客户的。是的,很长的滚动页面是很帅,但是要小心给客户这样一种感觉——在页面还没有结束的时候误以为内容已经结束。假如你的页面需要滚动,尝试设置一个可见的标识,让用户遵循这个规律看下去。其次,内容间的间隙也不能过大(当然我指的是一个区间范围,况且有这么多的设备尺寸)。

交互设计技巧:创造好的用户体验(1)(翻译)

16. 尝试保持焦点而不是滥用链接


为了尽可能满足更多客户的需求,很容易在一个页面上创建得到处都是链接。如果我们的重点是长文本底部那个行动口号的话,那就得三思了。其它任何链接都有可能使用户离开页面。注意你页面上链接的数量,尽可能平衡导航页面上的风格(更少的链接以及更高的转化率)。删除无关的链接更有可能让用户点击那个最重要按钮。

交互设计技巧:创造好的用户体验(1)(翻译)

17. 尝试显示进度状态


在用户界面上我们经常显示有不同状态的元素。邮件有已读、未读状态,发票有已付、未付的状态,等等。通知用户每一条记录的特殊状态,是提供信息反馈的好方法。界面状态能帮助用户很好地理解他们之前的操作是否成功执行,以及接下来的操作怎么处理。

交互设计技巧:创造好的用户体验(1)(翻译)

18. 显示对用户有利的按钮信息,而不是让用户觉得自己只是在完成任务


试想一下界面上有两个简单的按钮。一个按钮告诉你它将会“为你省钱”,而另一个要求你“立即注册”。我敢打赌,第一个按钮被点击的几率更大,因为注册没有自己内在的价值。而且,注册让人想到填不完的表单,过程特别费劲。假设表明,让用户感到有利可图的按钮更有可能被点击。另外,将好处写在操作按钮附近可以提醒用户这样操作的原因。当然,现在仍有为基于任务的操作按钮保留的空间,不过,这是预留给那些转化率不高但使用率很高的操作元素。

交互设计技巧:创造好的用户体验(1)(翻译)

19. 尝试直接操作而不是无上下文的菜单


有时候,直接在元素上进行操作比无相关的菜单罗列要更有用。举个例子来说,当展示数据列表的时候,我们通常允许用户在列表的项上进行相关的操作。在列表项上点击,或者是鼠标滑过都能被用来表达一种特定的操作(删除,重命名,等等)。直接操作的另一个例子是点击一个数据项(例如说一串文本地址)后,然后文本框变成可编辑的状态。使用这样的交互,减少了一些不必要的步骤。不过对于一些一般性的操作(比如说前进、后退),使用无上下文的菜单是没有错的。

交互设计技巧:创造好的用户体验(1)(翻译)

20. 尽量显示全部内容而不是创建额外的页面


当创建登录页面时,在转换页面上显示全部表单字段会更好。与单独创建额外的注册页相比,将注册表单与登录页合并有更多的好处。首先,我们减少了流程操作中的额外步骤,这样操作将花费更少的时间。其次,通过显示表单字段的数量,我们也向客户展示了注册表单的实际长度。当然,前提是我们的表单比较短(当然表单也应该尽量简短)。

交互设计技巧:创造好的用户体验(1)(翻译)


交互设计技巧:创造好的用户体验(1)(翻译)

↓↓↓ 点击"阅读原文" 下载人人都是产品经理Android

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/32769/

(0)
TinadminTinadmin
上一篇 2017-08-01 04:46
下一篇 2017-08-01 05:25

相关推荐

  • App收银台交互设计思考

    数十万互联网从业者的共同关注!作者:柒0。作者授权早读课转载。来源:简书编辑:Juvae最近完成了“app收银台设计重构”的需求(一期为“账户充值”),作为一个刚毕业的交互新人,踩了一些坑,总结了这次思考的过程与…

    2017-08-01
  • 卡片短信:如何把交互设计做成一门生意?

        点击信息与交互设计关注我们! 欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn最近使用安卓手机走查竞品,发现安卓的短信大变样,变成了卡片式短信,经过深入了解发现,卡片式短信的背后…

    2017-08-01
  • 艺计回忆录 | 交互求职

    前几天和胡老板聊起我们这一代人在北上广深踟蹰前行即将奔三时的焦虑,不可避免地说到了职业规划这个话题。 对我们这些刚工作但残留一张学生脸的职场小腊肉来说,现状基本是满意的,前路虽不暗淡却也少不得早早谋划…

    2017-03-07
  • 交互设计的三大铁律规范!

    科幻爱好者们没有人不知道阿西莫夫的机器人三定律,在交互设计中,我们也需要三条铁律来规范一切行为。本文来自UI中国主站,由IFEC成员翻译作品分类: 经验/观点/自译外文 原作者:Diogenes Brito 译者:十萬個為什…

    2017-08-01
  • 看了都说好!如何建立交互设计自查表?

    强烈推荐!很多同学做设计的时候经常会漏掉这个漏掉那个,等到开发来问的时候才想到。现在有了网易同学自创的自查表,可以把一些问题提前预防起来,文章系统全面,条理性强,是不可多得的实用好文呦。飞灵:对于移…

    2017-08-01
  • 工业设计与交互设计的关系

          工业设计是一个很宽泛的概念:它的设计构思上需要考虑到产品整体外型线条、各种细节特征的相关位置、颜色、材质、音效、人因工程等;产品范围上包括杯子、电脑、交通工具等实体产品。认为「工…

    2017-08-01
  • 近五年新起的十大热门职业,交互设计5年增长了22倍!

    6,交互设计师/用户体验师
    5年内22倍增长需求。在我几年前选择交互设计这个专业的时候还没有什么人知道是什么。还是蛮有趣的,就是想尽一切办法让用户满意。国内以前只有浙江大学才有这个专业,现在应该很多大学都有了。

    交互专题 2016-10-25
  • 交互设计:补上学校不教的这一环

    作者:郦橙 锦妖链接:https://zhuanlan.zhihu.com/p/25279058不知道其他专业有多么具体和细致,我自己的专业(CMU Mii-PS)是典型地抓大放小,各种设计实操细节统统不讲,全靠自己摸索。我也曾经狂看blog,看书,…

    2017-08-02
  • 【交互设计】信息图(infographic)的圆形表达

    信息图形(Infographic),又称为信息图,是指数据、信息或知识的可视化表现形式。信息图形主要应用于必须要有一个清楚准确的解释或表达甚为复杂且大量的信息。公元1958年,Stephen Toulmin提出了一种图形化的理论…

    2017-08-01
  • 一次关于梦想、音乐和代码的交互设计体验

    ▲ Arcade Fire··[Way to Go] 这是树林里的一次漫步, 这是一次惊人的互动体验。 一个不安分的全景, 一次手工制作动画, 用360度视频(精选)拍摄, 混合着音乐、梦想、还有…

    2017-08-02