从用户视角看设计:分享我从用户测试里吸取的5个教训

用户视角对于设计师来说,是需要学习的。


用户视角对于设计师来说,是需要学习的。

从用户视角看设计:分享我从用户测试里吸取的5个教训

我一直喜欢做用户测试,甚至为此写过一篇安利文《作为交互设计师,都应该尝试的低保真原型测试》。用户测试对设计师的能力提升来说最好的一点是,它能一点一点让设计师学会从用户的视角看设计。是的,用户视角对于设计师来说,是需要学习的。很多人以为自己也是别的产品的用户,所以能够想象得出,但其实并不是那样。

我每做一次用户测试,都感觉给自己上了一堂课,总是有新的发现。例如,设计师经常在一些用户不关心的规则或细节上纠结太久,而对用户真正有价值的东西,却往往在设计中被滞后,直到产品发布都忘记加上……

结合我虽然也没有太丰富,但每次都认真记录的经验,我在这里总结一下自己至今为止从用户测试里吸取到的教训:

1. 尽量用约定俗成的控件样式和交互形式

即便你能够设计出更好的方案,如果用户不能一眼领悟使用方法,产品就会面临流失用户的风险。像iPhone这种产品之所以经常能够推出独创的操作形式,其实是大量的忠诚用户所带来的特权。用户数量和市占比决定着该产品的设计是成为潮流的引领者,还是追随者。

从用户视角看设计:分享我从用户测试里吸取的5个教训

尽管左边的方案使用起来很方便,但是难以理解。

当然,如果用户群中熟练用户占比非常高,且从没有利用设计吸引用户的动力(如一些专业工具),则不需要遵循这一条。

2. 保持信息量的最小集

虽然让用户通过最便捷的方式获取获取最多信息是设计的目标之一,但是如果用户不能快速理解界面,顺利完成其最主要的任务,那么接下来的一切都毫无意义。

梳理信息架构,尽可能只在页面展示最顶层的主要信息,与其相关的辅助信息可以让用户必须通过点击等操作才能获取。这样虽然增加了用户的操作负担,但是更好地帮助用户理解信息,利大于弊。

从用户视角看设计:分享我从用户测试里吸取的5个教训

大部分用户只关心结果不关心过程,如果有人对过程感兴趣,需要进行操作才能看到。

3. 任何单击之外的特殊操作都需要特殊暗示

用户操作的时候通常很随意,如果他们想要对界面上的一个东西进行操作,第一反应就去点一下,如果没有反应,就再多点几次。直到点了很多次之后,才会有一部分人开始尝试其它操作形式(例如双击、右键、拖拽等),而另一部分则干脆放弃。

所以,如果有些操作不能通过单击实现,务必要提供暗示,哪怕只在第一次操作出现也好。

从用户视角看设计:分享我从用户测试里吸取的5个教训

如果没有暗示,用户只会尝试单击。

4. 相比文字,位置和形式更能表达操作按钮的功能

很多设计原则要求设计师既要表达明确,又要保证统一性,但其实这两种经常是相冲突的。对于用户来说,做到统一只需让同一功能在不同地方出现的时候一样就好了,不同的功能在一个地方用同一种形式展示对可用性而言其实并没有太大意义。

所以,在设计一个操作按钮时,第一想到的应该是什么位置和形式能让用户更好地理解,而不是看看其它同级别操作是怎样展示的。

从用户视角看设计:分享我从用户测试里吸取的5个教训

对的形式和位置,比文字更具表达力。

5. 用户不会想到展示信息是可以操作的,除非给出暗示

对于用户来说,除了空白和装饰之外,界面有两种东西组成:信息和操作。为了视觉上的简洁,很多设计都把信息和操作进行结合。这样的设计一旦理解,确实很好用,但是用户通常是不会任何展示信息是可以操作的。乐于尝试的用户也许会试着在各个位置都点一下,但是大部分用户扫一眼,如果找不到就会放弃。

所以,如果设计的展示信息,尤其是文字信息,如果可以操作的话,一定要给出暗示,如下拉箭头、色块等。

从用户视角看设计:分享我从用户测试里吸取的5个教训

下拉箭头比色块、加粗等形式都更能传递“可点”的暗示。

如果你觉得有帮助,请告诉我,以后可能会对这个话题继续更新。

 

作者:Z Yuhan

来源:https://zhuanlan.zhihu.com/p/25866761

本文由 @Z Yuhan 授权发布于人人都是产品经理,未经作者许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-05 01:30
下一篇 2017-05-05

相关推荐

  • 6个问题,带你全面了解交互设计

    随着行业的发展,只会图形 UI 设计和只会交互设计的设计师职业生涯都会遇到瓶颈。1. 什么是交互设计
    2. 当今UI 设计师的能力要求
    3. 交互设计主要做什么工作内容
    (1)产品UI框架设计
    (2)产品UI风格设计

    产品UI 框架选择
    简单式(单一内容)
    翻页式(多页内容)
    宫格式(较多入口)
    上导航
    下导航(4-5大类+分支内容)
    舵式
    抽屉侧边栏(1个重点+其他次要内容)
    隐藏式

    4. 线框原型图绘制方法

    方法一:黑白灰+色块
    方法二:黑白灰+高保真图形
    方法三:黑白灰+突出色+高保真图形

    5. 交互流程图绘制
    6. 动态交互原型设计

    2017-05-11
  • 【Mockplus教程】重命名

    对页面和分组的重命名可以选中单个页面,然后使用F2进入名字修改状态,改完之后鼠标随便 点击其它地方即可完成修改。 对于选中页面也可以双击页面节点进入修改状态。 完整演示如下:

    交互设计 2015-09-10
  • 免费 20个设计优秀的HTML网站模板

    在这个互联网时代,很多企业或是个人都搭建有自己的网站,用于宣传营销或个人网站博客等用途。而对于小企业、个人或不懂设计网站的用户来说使用网站模板将是最好的建站方式,设计达人网致力分享高品质免费素材,所…

    2015-03-17
  • 喊话优酷:求别再强奸用户体验了好吗

    之前,我给大家做过腾讯视频、爱奇艺视频国际版与国内版的应用对比,可以说,有着谷歌商店的规范,这些国内的视频软件巨头,几乎看不见广告。不管是视频开头那丧心病狂,长达120秒,两分钟的广告,还是应用内Banner处各种穿插的广告,都没有了。看视频没有广告,点开就看,这种感觉可以说是相当nice的。但是!谷歌商店里却没有优酷视频!emmm...颇有种老奸巨猾的既视感。所以,优酷用户不想忍受广告,好想只能开会员,破财消灾...但是!开了会员,也...

    2018-03-21
  • 用户行为的“及时”理论 【UXRen译#184】

    作者:Jeff Atwood   |  翻译:露露,校审:Chen Jing   我一直认为软件设计对用户在使用该软件时的行为有着深远的影响。 从两方面来讲: 有意地让“正确”的操作容易操作。 有意地让 “错误”的操作不容易操作。 无论…

    交互专题 2017-11-01
  • 被忽视的重彩-交互设计验证

    每次评审,都是一场高效的讨(si)论(bi)大会...届时,需求、设计、开发也会上演争霸对决。作为身经百战的设计师该如何从评审会中顺利脱身,逃离这场没有硝烟的战役呢?小子很高兴地告诉你:你是绝对跑不掉的!定性、定量挖掘数据我们知道产品都有一定的周期性,开发期-成长期-成熟期-衰退期。在不同的产品周期中用户也会随着时间的推移,对产品的使用深度和理解广度有了深浅的层次变化,而不同的时期设计师采用的定性定量研究方法也是不一样的,如:访谈、问卷...

    2018-04-18
  • 淘宝UED的设计流程

    国内知名 UED 团队的设计流程是怎样的? 淘宝 UED 的设计流程图 <img src="https://pic4.zhimg.com/75bcc954c5e1695eeeeb1710eb62c947_b.jpg" data-rawwidth="4000" data-rawheight="1678" clas…

    2016-06-01
  • 如何合理的在移动应用中使用动效

    译者语:本文是我在Smashing Magazine看到的一篇关于如何在移动应用设计中运用微动效的译文。初次翻译文章,很多词句用的可能不太妥当,在这里给大家作揖了!knock knock……

    2017-06-03
  • 如何设计可交互的email,调动用户的参与感?

    Email营销通常与市场推广活动挂钩,是帮助你达到推广目标的最有效途径之一。但如何确保你的营销邮件的内容与品牌紧密相连?这一直是营销人员面临的一个挑战。用来克服这一挑战的战术多如牛毛,而可交互的email正迅速崛起为最具创新性、动态性和最流行的方式,他们让用户深深着迷、参与其中,相关设计师和开发人员都应该引以为豪哦!

    2017-05-17
  • 在设计过程中,设计师如何输出一个更落地的动效呢?

    优秀的动效设计更能让用户从中感到惊喜,让用户感受到产品的温度和调性。

    2017-05-05