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

一直在看奇葩说,听到很多次的一个词叫“刻板印象 ”。而人之所以有“刻板印象 ”,是因为有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-05-08
  • 设计师的必备技能!你需要学会设计有意义的动效

    编者按:关于动效设计,我们探讨过很多次。直到现在,我们越来越清楚地意识到,动效设计已 经无处不在,已经成为了设计师们必须掌控的一个重要技能。参加过今年的Google I/O大会之后,设计师Paul Stamatiou 也充分…

    2014-12-03
  • 交互设计-网站页面视差效果(Axure RP 7.0 源码下载)

    很多(想)学习Axure的朋友,都是伸手党,这是一条不争的事实,直接拿过来省事又省时;
    能真正学会并驾驭这款软件的毕竟是少数(其他软件也一样,这似乎是一条无法打破的规律),不过金乌老师还是希望想使用这款工具帮你应付差事(实现梦想)的小伙伴儿们加油,自学是很辛苦的,只有经历了挫败、枯燥、郁闷的适应期才能真正适应并喜欢上自学这种方法,不积跬步无以至千里。

    IxD案例 2015-01-05
  • AR与用户体验简析

    说道AR想必大家都不陌生,所谓AR就是增强现实技术,现在普遍的应用是在移动端,通过相机拍摄现实场景,并通过AR技术在屏幕上生成想要的图案,使能够栩栩如生的浮现在屏幕上,好似实物就在眼前一样。首先我们值得注意的是个人电脑和智能手机是所有人都想要拥有和使用的产品,一旦产品价格进入消费者能够承受的价位,爆发是完全没有问题的;其次,两者的核心技术其实都集中在CPU、显示屏等电子元件相关领域,这些产品的发展基本上都遵循摩尔定律,即18-24月性能...

    2018-02-27
  • 【设计作品分享】一个让你丢掉负能量的产品——BICH

    作者:梁雅婵,授权载于我是UE网。

    2015-11-27
  • 电子邮件怎么能和用户体验勾搭上?

    人们总是愿意相信,他们自己的创作本身就能够说明一切。 由于电影《梦幻成真》里 “车到山前必有路” 的这种心态,加上非理性的恐惧,通常这类思想会影响到产品的设计,造成用户体验脱节,这个过程中又很少与用户交流…

    2015-12-06
  • WEB用户体验

    点击标题下「智业人」可快速关注摘要:随着软件行业的迅速发展,各种软件产品更是形形色色,用户不再满足软件对其所需要的功能实现,更追求一种使用过程中的心里感受,因此用户体验足够好的才能走向最前端。用户体验的定义有很多,用一种比较简单的说法就是“用户对访问网站的感受”。本文主要从用户体验角度出发,从网站的构建到数据渲染完毕的过程提高用户体验。关键字:加载速度、动画、用户体验、布局一个好的网站离不开对用户体验的追求。因为良好的用户体验才能增加用...

    2018-02-03
  • 微交互的设计案例与思考(上篇)

    作为一名交互设计爱好者,在此抛砖引玉,用6类约30个案例供大家参考,本文先分享前面两部分,即为懒而做的设计和为等待而做的设计。

    2017-05-03
  • 2016天猫双11背后的品牌故事:全民剁手“All in one”

    2016 双11,“All in 1” 主标识,意为“精彩不止一点”。让我们随着阿里小编一起了解2016天猫双11背后的品牌故事。All in 1!将全平台、全品牌、全球融合到一点,迸发出更精彩的世界!

    2017-05-17
  • 6种转化率分析模型,提高产品转化率、用户体验

    在微观层面(实战方法论)通过6种转化率分析模型提高产品转化率、用户体验; 大家如果能掌握好增长方法论和提升转化的秘诀,就一定可以通过实现业务快速增长。以下为数极客CEO @谢荣生 在【起点学院公开课】演讲实录,编辑有修改:1. 为什么转化率越来越重要?1.1 流量红利渐失,竞争日益激烈目前新平台、新应用发展起来的难度比十年前要难数十倍,主要有三方面的原因:增长率下降;流量集中于BAT等少数大平台;同行竞争激烈。根据CNNIC统计报告显示...

    2018-03-28