做好用户体验,掌握这些要素就够(一)

我在人人都是产品经理这个平台上,没看到更全面概括原则与思想的文章,所以我想在这系统的说说。考虑到篇幅太长,用户看的可能会比较费劲,所以我会分成几篇文章来讲。


我在人人都是产品经理这个平台上,没看到更全面概括原则与思想的文章,所以我想在这系统的说说。考虑到篇幅太长,用户看的可能会比较费劲,所以我会分成几篇文章来讲。

做好用户体验,掌握这些要素就够(一)

有时我们在做用户体验或交互设计时,怎样做到易用性?怎么才会让用户觉得这是好体验?其实这个要遵循一些设计原则,懂些设计思想,然后将这些要素融入产品中,才能让用户感受到好的体验。

个人理解的用户体验与交互设计,他们是包含与被包含的关系,即:用户体验包含交互设计,而交互设计是用户体验的其中一块重要内容。

设计不仅在产品中,它也充斥着我们的生活,所以,在接下来的内容里,会结合生活中的一些事,体验别人的产品,以及个人设计过的产品,来说说我对用户体验的认识。

以下是,个人从事交互设计这么几年,学习及感悟到的一些思想,或者说方法论吧。

主要更多的是交互设计层面的设计,如果之后有空,我也希望从情感角度来说说用户体验。废话少说,看下图

做好用户体验,掌握这些要素就够(一)

1.惯例

这词意思简单说就是,通常方法,习惯的做法。再深入点解释就是,人大脑的神经元,对人的行为或思考,经过多次的连接之后,已经形成一种固定的连接模式,而且再次重复这段连接的时候,则几乎不怎么需要大脑能量,换句话说,不用思考的轻松搞定。我们在使用产品时,大脑不需要重新学习,不需要去思考,上手直接就能使用的。

而那些不符合惯例的,我们就得重新学习,得思考,得记忆,就是为了我们的神经元能够重新产生连接,然后固定下来形成习惯。这个过程相对辛苦的,如果是一个新的注册页面,意味着会流失一些新用户。

2.标准化

简单说就是,在一定的范围内获得最佳秩序,要是每个标准化,那很多东西会让人痛苦不已,前两天家里浴霸中间的灯泡不亮了,老婆催着我买灯泡,然后大晚上的,换了个衣服,来到我们小区门口的五金店,老板也不问型号,轻松的给了我一个灯泡。当时我问老板,灯泡的头大小都一样吧?老板轻松的回答:是的,头大小都一样的。

上面说的这个例子,试想,如果灯泡没有标准化,每家做灯泡的工厂,头大小都不一样,没有个标准,那我买之前得琢磨下,头大大小型号,然后去了店里,老板在众多型号中,可能还拿错了。这时回到家里,老婆数落我一顿灯泡都买不好。然后我还得换上衣服重新跑一趟。但是这么一标准化之后,中间很多麻烦就可以直接省掉,效率也提高很多。

例如,下图归纳的是目前大家用的比较多的导航,而且大家基本上在无意中,已经将这几种导航方式标准化,因为确实为用户带来了方便、易用而且已经习惯。

做好用户体验,掌握这些要素就够(一)

3.文化

文化是人类所创造的物质财富与精神财富的总和。各个国家的文化也有独特的地方,比如咱们中国对红色是情有独钟。个人想到的是,为什么咱们互联网金融产品里的颜色,很多是以红色调为主,按国际上的比较共同认知来说,红色是危险的、愤怒的、且具有警示意义。所以咱们在做设计按钮的时候,把删除这种需要警示的按钮做成红色,弦外之意是,请慎重点击此按钮。

可是在咱们国家,红色用的是格外的多些。比如,在不少互联网金融产品里,总能看见红色调,包括红色的文字、红色的按钮。里面是不是有这个原因?因为咱们中国独特的文化,国旗、中国结、过年的红对联、红灯笼、有喜事的放的爆竹也是红的、新人结婚也是红衣裳、等等。由此衍生出,股票的上涨颜色,因为咱们中国独特的文化,已经把红色赋予了更多的寓意,如下图

做好用户体验,掌握这些要素就够(一)

小米金融和余额宝

4.用户心理模型

大家理解心理模型是指人们遵循生活中某些习惯或经验,而建立的最有效的方法。

也就是要把体验做好,就得符合用户的习惯和经验,这样用户就能够很轻松舒服的使用咱们设计的产品。

比如,前段时间我们单位组织去泰国旅游,到了当地,发现有一点让自己比较难受,那就是泰国路上开车上路,都是靠左行驶,作为咱们已经习惯在右侧行驶的人,当时坐大巴上,一转弯,直接上左道,那可是一个担心啊,这不是逆行吗?第一反应是不是要撞上了。虽然我没在那自己亲自开车,但是可以想象,如果是自己开车,那不出事故才怪呢。后来听我们的华人导游说,这边很多美国人,经常开车出事故,死伤不少,这也验证了刚才的说法。

所以我们设计产品的时候也是,尽量按照用户的心理模型来设计,按照他们的经验和习惯来设计产品。从而避免了犯错,让用户用的顺手,不别扭,舒服。

5.减少操作(输入文字、点击)

这个其实不用多说,大家都比较明白。理由很简单,移动端相对PC端的输入,因为场景、键盘上、屏幕大小的不同,输入相对比较费劲,为了用户方便,尽量减少用户的文字输入。取而代之的是一些省事点的操作。

6.图形化

图形对人来说更友好。毕竟最近几年信息爆炸式增长,人大脑对文字类信息,已经让我们大脑疲惫不堪。根据心理学研究,抽象的文字与图片,大脑更欢迎图片。毕竟,我们的世界主要还是以图形化的内容为主,如山林、树木、河流…,文字是最近几千年才出现的,而图形伴随咱们人类时间更长久,自然也更习惯于图形。基于人们大脑的思维习惯,更多的图形表现,对用户来说更加友好。

所以自己在设计产品的时候,也是尽可能的加入图形化元素,如下图:

做好用户体验,掌握这些要素就够(一)

上图中,在左侧嵌入图形化的示意图标,形象的表现,同时用图形化券的形式,表现赔偿内容和审核结果。尽量减少过多的文字表示。

7.映射

这是在《设计心理学》中诺曼博士,从数理理论中借来的一个词,使用在咱们产品设计中,意识是:标示两组事物要素之间的关系。一般遵守的是我们的现实世界的习惯。按照他的理论是,映射分:空间映射、文化映射。

比如空间映射,咱们笔记本电脑的鼠标滚轮,当在浏览网页时,按住滚轮往下滚的时候,我们的网页,也是从上往下的过程。还有笔记本电脑的触摸板区,当我们从左往右触摸移动时,屏幕的光标也是从左侧区域往右侧移动的。

在互联网产品中,这种映射关系也是十分丰富,比如“微信读书”中,在手机上阅读书籍时,看纸质的真实书籍,是往左一滑,跳到下一页,而往右一滑则跳到上一页。同样也将这种关系映射到电子书中,如目前市场上的微信阅读、京东阅读、网易阅读等都是按这种映射关系所设计。

如下图目前市面上几个产品的翻页形式。

做好用户体验,掌握这些要素就够(一)

下图是自己参与做的一款产品,该产品是一款面对企业办公的即时通讯软件,里面也是充满映射,将线下办公的组织架构、话题讨论、工作日程等,映射到此款产品中。

  1. 组织架构,按照现实工作中的架构,映射到产品软件中,以部门为单位,如:线下的技术研发部,有多少人,谁是部门总责任人,谁是小组责任人,都在架构中相应的表现出来;
  2. 讨论话题,工作中,有些问题需要讨论,召集一帮同事找会议室讨论,我们也将这种线下的工作方式,映射到软件中。
  3. 在比较早的时间,没有电子日程表,都是纸质的日程表,将日程中的代办事件,记录在相应日期内。而现在我们能将这种线下的行为和工具,映射到手机软件中。

做好用户体验,掌握这些要素就够(一)

8.熟悉

根据心理学的研究,人们对熟悉的人,一般都有几分好感,会心里觉得比较踏实放心,同样衍生到物体上,也是适用的,如,联想的电脑、小区旁边常去的一家菜馆,一首老歌等。还有那些不熟的东西,如,我有时候去立水桥的家乐福,里面的厨具区,总会看到一些自己从来没用过的东西,奇奇怪怪的造型,根本不知道这是干啥的,当时头脑是一片迷茫,找不到熟悉的操作方法,就在想,这是干什么的呢?这东西该怎么用呢?不仔细看说明书,根本没办法。延伸到互联网产品,更是没有几个人,会去看说明书,用户根本不愿意动脑子,所以,在做设计的时候,尽量设计出用户熟悉的内容,一看就知道怎么回事,无需思考就能操作的产品。

9.封闭式

说到这个词,大家很容易想到,一个封闭的空间,或者武侠片里,张三丰闭关之类的画面。把他运用到设计中,本质是不变的,就是将用户的操作流程封闭起来,将用户的注意力与操作过程,在没有干扰、分心的前提下,顺利的完成任务目标。特别是在一些关键任务的时候,封闭式使用的更多。如注册账号任务、购物付款任务、视频对话任务等,此时尽量将各种无关完成任务的链接跳转去掉。即使内部页面有跳转,也是为任务成功所服务的,最后还是得回到之前封闭的环节。咱们可以看看京东商城APP和淘宝APP的付款环节,都是按这种封闭式的思想所设计的。

以下是我之前设计的认证过程中的身份认证,考虑到用户人认证过程,不希望被别的信息干扰,也希望用户能快速的完成认证,所以把所有的干扰信息全部去掉,最后只剩下认证的流程,也就是咱们说的封闭式

做好用户体验,掌握这些要素就够(一)

需要封闭的功能,以封闭化设计,让用户更少干扰的情况下,更顺利的完成任务

10.超预期

何为超预期,描述下就是,产品有关的使用体验超过用户预期。吴晓波说过,近几年的现象级事件,就是雷军做的小米公司。雷军曾经作为我的领导,当年上下班有时也能在电梯里遇见。而且个人认为雷军的小米公司,确实在超预期是做的很好的。所以下面会多举些小米公司的例子。

1.当年,雷军做小米的时候,做的相当保密,外界对小米要出品的手机之前没什么了解,

比如小米的产品,大家都以为这种配置怎么也得卖到3500,可最后宣布的价格是1999,大大超过用户预期的一种体验。

2.2012前30万购买手机的粉丝,获得100元代金券,这确实大大超出了用户预期,谁能想到买完手机已经几个月了,小米公司还能记得我;

  • 粉丝们在论坛里的呼声,被小米公司的所有人重视.包括产品经理,开发工程师以及雷军本人。而且用最快的响应速度,将用户想法以实际行动,落实到产品上,比如最近出的小米手环2,就是倾听用户觉得跑步时候,因为手环不带屏幕,需要老拿着手机才能看到运动数据,心率、步数,不方便。然后迅速的出了小米手环2。
  • 对产品细节的极致追求。比如:小米手机铃声组件,当来电时声音由小变大,到最后几声会是最大音量,当用户拿起电话后会,铃声自动变小,以免用户不方便接电话的时候,让用户烦恼。同样也是超过用户的预期。

等等,考虑到篇幅有限,所以在这不做深入分析,看能否在将来的时间,专门用一篇文章讲超预期的体验。

总结

其实前面4000字说了那么多,说的再复杂,再如何繁琐,其实只要抓住简单的这几个要素:

1惯例 2标准化3文化 4用户心理模型 5减少操作 6图形化 7映射 8熟悉 9封闭式 10超预期。

问题就解决了,就这么简单。

 

作者:张铭,微信公众号:用户体验张铭。有空大家共同交流,谢谢。

本文由 @张铭 原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-19 12:32
下一篇 2017-05-19 14:25

相关推荐

  • 交互实战|Web端表单项目总结

    本文作者分享了其所参与的Web端表单项目,enjoy~在拖放期间,需要处理许多特定的状态。我们把这些状态称为趣味瞬间(interesting moment)。书中提到,趣味瞬间是由15个事件与6个相关元素组合而成。

    2017-04-29
  • 写给新手的情感化UI设计简明指南

    “仔细看这个情感色轮,你会发现,距离中心越远,情感的强度越弱,但是在进行色彩的设计之时,几乎没人探讨这个问题。我们在做设计的时候,常常会探讨如何传递或者影响基本的情绪,但是我们从未探讨过用户的情绪是否会被强化或者逐步减淡。”

    2017-05-17
  • APPLE WATCH 中文手册:WatchKit使用iOS语言

    WatchKit应用扩展可以使用绝大多数iOS技术。由于应用扩展和应用还是有一些不同,因此某些技术的使用可能会受到限制,或者不受到推荐。下面是决定是否使用特定技术的准则: · 避免使用需要用户权限的技术,比如Core …

    2015-06-15
  • Axure软件实现登录界面交互小教程

    先上效果图先首先在Axure里面布局好登录页面以及登录成功的页面(也就是红色的那个页面),在布局的过程中请输入账号以及请输入密码两个元件选择使用文本框元件。并编组好整个登录成功页。在布局好界面之后选中请输入账号的元件进行命,请输入密码的文本框也是一样的需要进行命名如图,将登陆成功页面进行编组命名,并且进行隐藏。然后选中账号输入框进行用例设置,选择获取焦点用例进行设置,选择用例动作中的设置文本如图步骤所示进行设置。同样的针对密码输入框进行...

    2018-04-07
  • 想做动效,可是你的需求写清楚了么?

    精美的动画对于提升产品体验有很大帮助,如促进用户理解功能,缓解用户情绪,调动用户积极心理,为产品提供亮点等等。诸如此类的文章相信各位已经看过不少了,不少人已经开始越来越重视动效在产品中的应用了,还没有看过的同学不用急,谷歌官方的动效指南讲解得很详细,建议只看这个就够了,配合一些动画理解起来更容易。说明:

    1.优化直播间分享面板,增加特效

    2.当用户点击分享按钮时(*包括传统直播间主播面板的分享按钮和上方分享按钮,手机直播间的分享按钮*),从下方弹出分享面板,逐个弹出分享icon,并淡入显示分享奖励。

    3.用户关闭分享面板时,分享icon从右到左依次下落淡化消失
    相关参数:

    1.分享面板减速弹出,运动时间225ms
    2.分享icon从左到右依次弹出,运动时间225ms。带有奖励图标的,当对应分享icon弹出后,分享图标淡入显示(时间225ms),第二个图标比第一个迟100ms开始运动

    eg:如图第一个为qq图标,当用户点击分享按钮,分享面板弹出后,qq图标开始弹出(时间225ms),100ms后第二个图标(qq空间)弹出,当qq图标完全弹出时,淡入显示分享奖励图标,时间225ms。
    3.分享icon从右往左依次收回,分享面板收回,所有运动的时间减少30毫秒,如分享面板收回时间195ms,分享icon收回时间195ms。

    andorid端动画曲线采用系统自带:AccelerateDecelerateInterpolator(在动画开始与结束的地方速率改变比较慢,在中间的时候加速)

    iOS端动画采用系统自带:kCAMediaTimingFunctionEaseInEaseOut (在动画开始和结束的时候速度稍慢些)
    具体效果可参考附件视频

    2017-05-08
  • 防火防盗防父母:95后隐私观报告

    今天,结合QQ大数据以及对95后的采访,我们共享一份有趣的——《95后迷之隐私观报告》。 来,看看95后们是如何“防火防盗防父母,相爱相杀为自由”: 看来,95后对家长的怨念,收集起来都可以发电了。但魔高一尺,道高…

    2016-05-09
  • 【设计竞赛】2018UIA-霍普杯竞赛开题!扎哈事务所新任掌门人帕特里克 · 舒马赫担任主席

    编者按 :期待已久的2018UIA-霍普杯国际大学生建筑设计竞赛题目新鲜出炉啦!扎哈 · 哈迪德建筑师事务所(ZHA)负责人帕特里克 · 舒马赫担任本次竞赛主席并拟定题目。帕特里克 · 舒马赫Patrik Schumacher扎哈·哈迪德建筑师事务所负责人竞赛主题演变中的建筑Architecture in Transformation竞赛题目城市共生:定制化社区模块Urban Co-living: Customizing Modules...

    2018-02-02
  • 设计原则中的5种信息组织方式

    要以用户能够轻松使用和理解的方式组织信息。用数据来回答用户的疑问。以更贴合用户目标的方式来呈现信息,就能创造出更好用的产品。“信息或许是无限的,但是……组织信息的方式是有限的,因为它们只能通过LATCH原则来组织:位置(Location)、字母表(Alphabet)、时间(Time)、分类(Category)、层次(Hierarchy)。”——Wurman, 1996“我做了太多次尝试,试图用某种其他方式来组织信息,但最终都会回归这5种之一。”——Wurman, 1996比如说,设计一套特别的服务时,我们应该考虑不同物品的位置关系,它们如何分布。超市货架的设计就是很好的例子,在物理空间中组织信息。比如字典和通讯录,无论是虚拟的还是物理的。举例:日历和会议日程、邮箱收件箱、项目计划、有趣的Facebook时间线、电商平台的订单列表、消息应用,还有许多。这种信息组织方式充斥着真实世界和虚拟世界。从购物与工业,到Pinterest上的分类和Twitter的标签。例如:从小到大,从低到高,从开心到不开心等等。给服务和产品标星打分、计分表、能效等级、尺寸等等。

    2017-08-04
  • 空状态的设计值得更多关注

    空状态,或称零数据状态,很多时候不太招设计师的待见。我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善一下,因为从表现上来看,空状态给人的感觉就是临时性的,有些微不足道。“用户会尝试多个同类app,然后在接下来的3到7天内决定其中的哪些不合适。对于’像样的’app,一旦用户决定保留超过7天,那么将会比较长久的存留下去。成功的关键在于怎样使产品在这3到7天当中保持与用户的良好互动。” Ankit Jain – Quettra“很多时候,人们放弃一款产品的原因其实都是我们可控的,例如他们无法一目了然的看出与你的app产生互动之后能给他们带来什么好处。” – Patrick Mckenzie

    2017-06-05
  • 我的设计流程|学会这3招,跟反复改稿Say No!

    设计师要想摆脱反复改稿的噩梦,自身就必须要更加专业以及见多识广,要么你能选择去跟一群专业的人共事,要么是你能用你的专业引导或配合别人按你的思路走。

    2017-05-15