用超多案例,帮你避免交互设计中的「刻板印象 」

一直在看奇葩说,听到很多次的一个词叫“刻板印象 ”。而人之所以有“刻板印象 ”,是因为有categorical thinking(类别型思维),它往往使我们产生对事物的固有看法和理解,是在看到某些特定人、事、物时第一时间想到的,这些就形成了“刻板印象 ”。毋庸置疑,使用“刻板印象”(经验)能无形中提升工作效率;减少沟通和开发测试成本;也不会太多的打破用户习惯。然而,它也会带来负面影响,让我们对真实世界失去客观判断。

文章目录[隐藏]

用超多案例,帮你避免交互设计中的「刻板印象 」

一直在看奇葩说,听到很多次的一个词叫“刻板印象”。而人之所以有“刻板印象”,是因为有categorical thinking(类别型思维),它往往使我们产生对事物的固有看法和理解,是在看到某些特定人、事、物时第一时间想到的,这些就形成了“刻板印象”。毋庸置疑,使用“刻板印象”(经验)能无形中提升工作效率;减少沟通和开发测试成本;也不会太多的打破用户习惯。然而,它也会带来负面影响,让我们对真实世界失去客观判断。

那到底该如何避免它的消极作用呢?知乎上的某位回答者,给了一个答案,他说:多去发现类别中个体的不同就可以了。

因此,基于近几个月的工作和其他产品有趣的小案例,来尝试找到一些设计个体中的不同,如下。

一. 来自竞品:先立—再破—再立

前段时间,我们团队做了一款新产品,叫小团圆,定位是:用相片和视频记录家庭美好的瞬间。解决的问题是年轻妈妈记录宝宝成长。市场上这种类型的产品非常多,比如小时光,亲宝宝等。在做了大量竞品和用户研究后,得到产品的关键点:使用照片的拍摄时间和地点进行记录,方便妈妈们回溯。而结果是产品的设计和竞品没有特别大的区别,我们只做到了先立。

其实,蚂蜂窝也有类似的功能,即嗡嗡,它的设计却更易理解。比如,发布页面,嗡嗡的拍摄时间和地点用户很容易理解;而小时光的时间显示,根本不知道是什么时间。而嗡嗡的时间轴更适合回溯;小时光则太像以发布时间排序的动态流,更适合浏览,如下图所示。

用超多案例,帮你避免交互设计中的「刻板印象 」

因此,要跳出竞品带来的“刻板印象”,就不单单要立,还要破,然后再要立。也就是,先做研究;然后抛开竞品、基于自己的需求做设计;最后再回归竞品,看看自己的方案是否更好。

二. 用户操作效率:能不能再快一点

当大多数产品的消息提醒都是一级一级的红点,然后一级一级点击进去的时候,云音乐没有这样做——点击账号tab直达要提醒的消息,如下图所示。

用超多案例,帮你避免交互设计中的「刻板印象 」

就像这个案例带给我们的信息一样,到底能不能让用户再快一点,也许再快一点,就是一个微小的创新,比如能不能更快的发起群聊;能不能更快的发布动态;能不能更快的随手记录等等。

当我们去思考能不能更快的时候,其实已经开始打破“刻板印象”,寻求比其他产品更快的体验了。

三. 用户的角度和反馈:需要正确辨别

前段时间,在做一款TV和手机视频通话的应用。其中碰到一个难题,就是用户可能同时有手机和电视。最初的方案是:尝试站在用户角度去思考,当去联系某个人时,需先找到TA,然后再去想用什么样的联系方式;于是,方案也就自然产生了,选人—选TV端或手机端—呼叫。

然而,看似合理的方式却在实施过程中暴露出很多问题,比如用户每次都得选、手机端面临非激活状态等。而当我们抛弃了站在用户角度的“刻板印象”:为什么一定要先选人?如果不先选人,会有什么问题?后来发现,并不会有太多问题,还在TV助手中强调了TV端的概念,使用户理解起来更为顺畅,如下图中,好友tab分为手机端好友和电视端好友。

用超多案例,帮你避免交互设计中的「刻板印象 」

四. 各方的成本:牢记目标,综合平衡

前两个月时,接到一个需求:一个活动的弹窗,我想大家应该在使用滴滴的时候有遇到过,打开app,出现一个活动弹窗;而当用户点击“叉”时,弹窗消失了;那该如何再次找到活动呢?很多产品都会在页面的某个位置还会放置这个广告或活动,如下图中网易支付首页所示。

用超多案例,帮你避免交互设计中的「刻板印象 」

我们也同样面临找不到的情况。于是,提出了将弹窗收起成小图标悬浮的方案;后来,因为各种动效、开发成本等,最终,并未这样做。

因为最近在反思,感觉自己被太多产品思路,成本,项目的思想束缚了,而忽略了更多体验的细节问题。而这些早已成了“刻板印象”。它们无形中束缚了设计师追求更极致用户体验的意识。当然这种“刻板印象”在工作中是必不可少的,但偶尔松动松动,想想初心,去综合平衡。

五. 普遍与特殊:我就是我

当很多产品的新手引导都是几个页面翻一翻,有些产品会选择用视频传达感受;当有些产品使用视频传达感受时,网易有钱做了对话式的新手引导,如下图所示。

用超多案例,帮你避免交互设计中的「刻板印象 」

而当很多产品内的功能引导都是“画条线,指一指,它是什么”时,网易邮箱大师做了直接在功能中做引导学习,蚂蜂窝则将产品目标和情感都融入引导中,如下图所示。

用超多案例,帮你避免交互设计中的「刻板印象 」

好的设计方案不是普遍的,而是:我就是我,不一样的烟火。因此,我们要去做一些不一样的设计。

六. 变化:这个能不能变成那个

新版淘宝将首页tab变化为“淘标志”,点击后再次变化为小火箭的设计,如下图所示。

用超多案例,帮你避免交互设计中的「刻板印象 」

从此,它变为一个个性化推荐功能的快捷入口。当很多产品的底部tab都是静止不变的时候,就需要思考,它能不能变化?能不能成为其他的东西?当易信晒一晒需要解决露出更多评论的问题时,我们发现了嗡嗡的设计,如下图所示。我们早已被顶部bar的“刻板印象”束缚了,大多数都会显示着页面标题,有些可能会没有顶部bar;而顶部bar其实可以像嗡嗡的“变化”一样,它可以显示更多:头像,名字,等级,发布时间。

用超多案例,帮你避免交互设计中的「刻板印象 」

所以,只要打破“刻板印象”的束缚,放飞想象,这个就可能变成那个!

七. 表象和根源:寻求背后的原因

最近,我们在尝试一些新的产品方向。其中遇到了一个问题,比如皇室战争、王者荣耀这些游戏的“快速开始”按钮,表象是个按钮,但是背后的匹配机制到底是怎样的?就像之前在玩“三国杀”,当时的模式是:进入房间—准备—游戏开始;如今,已经变成下图所示的流程了。

用超多案例,帮你避免交互设计中的「刻板印象 」

如果只看到表象的“开战”,不挖掘按钮背后的根源,就无法持续优化产品的体验。为什么去掉准备,为什么去掉了匹配中的返回?其实是在追求更快速的开始游戏的方式,从而尽量减少用户的等待。

最近也在研究实时随机视频的产品,如tiki和monkey。我们的设计师发现同样类型的产品,设计上却完全不一样,比如tiki是要主动去找人,而monkey是等别人找上门来,选择接受或不接受,如下图所示,这背后的根源是中西方人群的差异,还是两种模式带给用户的心理感受的差异?

用超多案例,帮你避免交互设计中的「刻板印象 」

如果只是看待表象,就更容易被“刻板印象”束缚,所以,当找到了躲在背后的原因,tiki还是monkey都不重要,自己该怎么做,才最重要。

八. 情感和贴心:最独特的温暖

情感化是每个设计师应该对自己的高要求,它往往能带来独特的温暖,也就无形之中打破了“刻板印象”,使用户对产品的“刻板印象”消失了,如下图“蚂蜂窝”的空白页和“严选”的边边角角。当然,这个很难,希望以后自己能探索到合适的方法。

用超多案例,帮你避免交互设计中的「刻板印象 」

九. 寻找空白空间:还有哪里可以利用

就像能不能再快一点一样,能不能再有更多的展示空间呢?

易信聊呗的“消息”就像很多产品的消息页一样,包含官方消息、评论、赞、通知;当时进行设计时,就这么做了;而易信晒一晒已经将官方消息露出,来占用空白区域进行导流,如下图所示。

用超多案例,帮你避免交互设计中的「刻板印象 」

还有很多的例子,比如我们可能都没有看过qq新注册时进入的新手页面;而正常的“我”tab,也会像片刻一样,给用户看一些内容,如下图所示。

用超多案例,帮你避免交互设计中的「刻板印象 」

因此,界面本来就是一张空白纸,就看我们如何挥洒最独特的笔墨。

十. 探索多样方案:到底可以有多少种布局

之前在做易信聊呗话题主页的探索时,根据“刻板印象”,用最快的效率完成了方案,就像下图所示的布局一样,和贴吧等产品的兴趣主页很相像,也就没那么独特。但是,其实很多产品有更多的布局,比如same、黄油相机和in。方案可能是很多样化的,根据最刻板的印象来设计的方案可能不会有太多问题,但也不够创新,只有探索足够多样化的方案,才会在无形中打破“刻板印象”,形成新的经验和印象。

用超多案例,帮你避免交互设计中的「刻板印象 」

结语

刻板印象有好有坏。在合适的场景、时间、项目中,去最大化它的积极作用,尽量避免它的消极作用,才能真正的平衡设计、工作,甚至生活。当然,到底该如何避免设计中“刻板印象”的消极作用,除了以上总结的10条,可能会有更多方法,还是值得持续探索的,希望自己也能在后面的工作中,吸取经验和教训,并打破经验,创造新的经验,再打破经验。

欢迎关注网易UEDC 的微信公众号:「网易UEDC」

用超多案例,帮你避免交互设计中的「刻板印象 」

「设计师思维好文」

  1. 让你脑洞大开的创新思维方法系列:水平思维
  2. 让你脑洞大开的创新思维方法系列:奔驰法
  3. 为什么设计师需要理解产品业务?聊聊结构化思维的应用

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/20400/

(0)
震天下震天下
上一篇 2017-06-15 13:30
下一篇 2017-07-01 14:16

相关推荐

  • 用户体验才是真正的“一句顶一万句” 安徽燕之坊食品公司用勤哲软件实现生产、经营和管理数据的互联互通

    统计数据显示,截止2017年底,国内食品工业企业超过4万家,主营业务收入占全国工业的比重十分之一强。在实施制造强国战略和推进健康中国建设中,食品工业作为传统的“以食为天”的民生产业占据着不可或缺的重要位置。当前,食品行业在实现快速发展的过程中,面对城乡居民安全、多样、健康、营养、方便的食品消费需求时,与其他行业一样面临着转型、升级的动能和压力。尤其是在食品质量安全水平和高品质食品有效供给方面,利用现代信息技术创新消除安全和质量隐患等领域...

    2018-02-13
  • 如何设计一个素材列表

    最近在设计一个新的拍摄玩法,用户点击拍摄后,首先会进入一个素材列表页,选择对应的素材后进入拍摄页面开始拍摄。经过一个版本上线后收到的定性和定量的用户数据反馈都显示,在素材列表页的选择阶段,用户的流失率较高,用户对于素材选择行为的目的性明显不足。

    2017-04-29
  • 交互设计完全学习指南

    交互设计起源于网站和平面设计,但已成长为单独的一个领域。工作内容不仅仅有文本和图片,交互设计现在负责创造屏幕上用户可能会划动、点击、按压或输入的每一个元素,简而言之,就是体验的互动。这篇文章为对交互设计感兴趣的人提供了几个好的点可以开始行动。为了这个目的,我们简要的介绍了交互设计的历史、指导原则、值得注意的贡献者和与这个极具吸引力的学科相关的工具。即使你已经是一个交互设计师,阅读下这篇文章然后在下方评论区分享你的想法吧!目录什么是交互设...

    微信热点 2018-05-06
  • 前Apple员工谈交互设计的未来

    作者:Bret Victor  |  翻译:包子,校审:Chen Jing本文长度2731字,建议阅读5分钟现在,有很多流行的有关未来交互设计的想象。机缘巧合下,设计未来的交互界面成为了我的工作。我有机会用真正能工作的原型来做设计,而不是如图所示用绿光屏和After Effects合成的特效。我对视频中的一些交互表示怀疑,因为我尝试过实现它们,而制作视频的动画师显然没有。但是,这不是这个视频真正存在的问题。我觉得这个视频真正出了问题的地...

    2018-01-30
  • 我们都在交互稿中放了些什么?

    作为一名交互设计师,在输出交互稿件之时,要考虑的不仅是如何将需求转为具体页面,而且还要清晰的将其中的思想传达给对方。

    2017-05-08
  • AR交互设计

    AR增强现实通过实时的在现实环境中渲染虚拟数字信息,通过现实和虚拟的结合来帮助用户完成某项任务和活动。AR中的虚拟数字信息通过与现实环境以及用户的实时互动来向用户传递有价值的信息。相比“传统的”2D层面的交互(手机app,web等),AR可支持的是更加丰富的三维层面的交互方式;并且这种方式不再仅限于主动式的交互(点击,滑动)方式,它还包括用户行为的被动触发。DHL的Vision
    Picking
    拣货系统使用了增强现实技术来帮助仓储拣...

    2018-04-12
  • 全新的交互体验 | 三星Bixby中文版首发体验视频

    在三星盖乐世 S8 | S8+发布之时,三星还发布了全新语音助手“Bixby”,但中文适配需要时间所以让国内的星粉久等了!为了可以让国内小伙伴快速上手,饼饼特地做了 Bixby中文版体验视频,快速了解 Bixby来这里看就对了!三星Bixby不同于一般的语音助手,在满足一般功能操作的同时还可以进行更深度操作,比如发微博、微信发红包、打开相机自动拍照以及导航等;有关更多Bixby的深度功能,我们期待与大家共同挖掘!点击下方“阅读原文”,了...

    2018-01-30
  • 从GUI到CUI,谈谈智能时代的用户体验

    用户体验分为三个层面:有用性、易用性与美观性。有用性是用户体验的根基,美观性属于锦上添花,易用性则与用户对产品的“操作体验”直接相关。User:买一张明天去北京的机票,要国航的;五点前到达,尽量便宜。

    Bot:好的,查到CA XXXX航班,16:00到达,票价XXX元。来自携程。

    User:买了吧。

    Bot:好的。User:订一张明天去北京的机票。

    Bot:好的,还是国航五点前到的最便宜的吧?

    User:对的。

    Bot:好的,已经预定了CA XXXX,16:30到,XXX元。来自携程。

    Bot:另外这次要和上次一样预定当天的万豪酒店吗?

    User:订边上的汉庭,这次公司不报销。

    Bot:好的。User:我要去北京,定个明晚的酒店。

    Bot:好呀好呀,是否要订华贸的万豪酒店?

    User:订边上的汉庭。

    Bot:听起来好杯具,摸摸~

    Bot:话说“边上的汉庭”是什么酒店?

    User:#WTF……(关掉了应用)User:你可爱吗?

    Bot:很可爱呢~

    User:约吗?

    Bot:我们大约有20款车。(难免出现理解不到位的情况)

    User:#hhh果然很SB……User:你可爱吗?

    Bot:您好,这里是XXX汽车经销商,我可以回答你购车相关的问题。

    User:锐腾16款有些什么颜色?

    2017-08-04
  • 需要产品经理用心做好的交互体验:「开关」

    现在的产品越发变得精细且有人情味,一个小小的弹框,提示都是接触用户,实现人机交互的入口,善用弹窗、提示让用户感知你的贴心和用心,往往是产品被用户喜欢并快速爱上的美好开始。不要忽视产品体验的每一个细节,在尽可能做好的点都用心做,产品也才会有生命和呼吸。

    2017-05-04
  • 百度UED:让上帝讲真话——聊聊用户访谈几个细枝末节的问题

    来源:百度UED由于商业产品的特殊性,我们的用户是我们的客户,就是我们常说的上帝。那么,与上帝沟通需要注意哪些技巧呢?本文所讨论的技巧并非访谈技巧类的“技术流”文章,也非方法论,主要讲获取客户真实情况的访谈准备、数据收集及数据整理过程。我们在做调研时,希望了解上帝沟的目标、需求及行为。但在我们的调研中,往往发现这样的现象:1. 客户不配合我们的调研,不愿意跟我们讲话?2. 客户跟我们聊,却发现,答非所问,无论如何我们都没法在同一个平面对...

    2018-01-31