如何打造极致用户体验

积少成多的细致用户体验才能打造颠覆性的产品,颠覆性产品不是一日而成,本文主要帮助大家深入思考用户体验。在移动app产品设计中我们追求2秒定律。即2秒内打开app就让用户知道它是谁?它能做什么。而这些设计中的疑问汇总到一起,就是产品的极致体验都来源一个考量指标:用户感知度。

如何打造极致用户体验

积少成多的细致用户体验才能打造颠覆性的产品,颠覆性产品不是一日而成,本文主要帮助大家深入思考用户体验。在移动app产品设计中我们追求2秒定律。即2秒内打开app就让用户知道它是谁?它能做什么。而这些设计中的疑问汇总到一起,就是产品的极致体验都来源一个考量指标:用户感知度。

首先、来看用户体验最主要的指标就是用户感知度。用户感知度越高,产品体验越高。用户感知度分为这样五个维度:

  1. 视觉:即是用户所看见产品。
  2. 触觉:产品人机交互的过程。
  3. 感觉:对产品的满意程度,所使用的服务是否让用户感觉到极致的快感。
  4. 逻辑:逻辑上是否用户习惯,是不是下个页面是用户能预测到的。
  5. 黏度:用户使用第一次后,用户是不是会再回来使用你的产品。

以上五个维度作为最主要判别指标。

获得指标后,我们先对自己的知识体系进行完善。以下三本书是产品设计中的良作,如果没有阅读过,那么后文对你帮助可能不是很大。

  • 《用户体验的五要素》:表现层、框架层、结构层、范围层、战略层。
  • 《简约至上》交互式设计四策略:删除、组织、影藏、转移。
  • 《不要让我思考》:广告设计的101法则、省略不必要的字、可用性测试。

然后,在设计产品时候先要学会多问自己这些问题?

  • 哪些的用户在使用我们的产品?(Who)
  • 用户最想要看到什么内容?(What)
  • 用户为什么要看这些内容?(Why)
  • 用户什么时候使用我们的产品?(When)
  • 用户在会在哪里使用我们的产品?(where)
  • 用户怎么使用我们的产品?(How)

以上5W1H需要在做产品设计的时候牢记,并且产品设计中时刻贯穿。

一、整体颜色一致性

app从下载完成开始从图标进入后,图标的确定就是对主色调的确定,也是对app内容的主色调确定。app色调在选择上也是十分有讲究的。电商app颜色选择上,多为红色(橘色)。红色主要能引起人的购买欲望。黑色也是电商的主要选择,那是因为黑色具有高贵神秘感,多为奢侈品电商app使用的主色调。比如蓝色具有自由感觉,适合旅游的app。又比如绿色更多都是社交IM产品使用。虽然颜色上也有会出入的,但总体的设计理念不会改变。当从点击app开始到进入app主界面后,整体色调要给人一种过渡和谐的感觉。所以这是我们所要说的颜色一致性。淘宝、京东在app图标和进入后主界面的主色调保持一致,就是为了这种过渡和谐的感觉。这种整体颜色感官体验大大增加用户的好感度。

二、全部结构整洁性

app整体在结构上保持视觉上整洁性。往往我们在浏览app时候,都会觉得电商或者O2O的首页整洁性比较差。因为业务承载量太大,所以无法保持绝对意义上的整洁。而电商首页设计遵循一定的规则,参考我以前写的移动端电商类页面设计说》文章,本人公众号第43篇。这一设计规则保障电商类app在设计上保持了一定的整洁度。整洁度并不是在一定程度上保持过分的简单,过分的简单可以保持app整洁度,但不能承载业务。所以在产品设计上,整洁度一定是在允许合理范围之内的。比如:微信的发现功能页面。它将朋友圈为一列,将扫一扫和摇一摇作为一列,附近的人和漂流瓶作为一列,购物和游戏作为一列。这是在展示上有一定整洁性,帮助用户快速找到想要的功能。假设这里只是单纯的list页面排序下来,没有这样的区别,那用户的感受会十分糟糕。所以结构整洁性是为了保障了用户操作的便利性。

三、首页展示内容完整性

保证了整洁性的基础上,才能保障展示首页内容完整性的前提。作为app首页,你最需要展示给的用户是你最优质的内容(服务或商品、每个类别app不同)业务。而这个内容是你用户最大的痛点需求,这个痛点需求能牢牢地抓住用户心理。即可以达到2秒时间便可以留下来使用app。至于内容完整性,因为基于移动端屏幕小的关系,电商和O2O类产品多半会用Icon作为品类选择。虽然增加的用户路径,但保证了用户在首屏便能快速了解整体所有业务。而音乐类产品会把最主要的播放器的放在底部,一个是为了功能的快速播放,另一点也是内容完整性展示,如果将播放器移除首页,后果也不堪设想。包括新闻类app将所有的分类至于顶部,也是一种业务层面上的展示完整性的选择。首页内容展示完整性,保障了所有业务能最快速的触达用户内心。用户便留下了你app所能起到什么作用的第一印象。

四、逻辑思维正确性

人机交互上包括:点击、输入、滑动手势、重力感应、指纹等多种交互。特别是点击、输入、滑动手势上是交互逻辑最为关键的几个操作。我们要做到是用户可以知道点击后会展示什么内容页面。这种交互逻辑在用户体验上有着细致的快感。在电商app中,点击逻辑多半能构成一套用户购物路径。逻辑上的顺序必须有正确性,不然无法保证购物流程。在电商支付流程中,用户姓名、手机号、地址(地址中的从大到小的过程),都是输入上的逻辑顺序。如果先让你输入地址,再输入手机号,再输入姓名。这是输入上的逻辑不准确性,这个准确性中还包括了用户习惯的逻辑。滑动手势多用于返回和下拉刷新、上拉滑动登操作。其实简单的滑动手势也是很影响逻辑的。某喜欢推送下午茶的软件中,将刷新方式变为上拉方式,其实是很反人类的设计,逻辑上正确性也大大折扣。保障交互逻辑的正确,是用户体验中快感的最主要组成部分。

五、产品交互文案可读性

app内容中,文字占据了绝大部分内容。我们在产品设计中,会参杂很多产品交互文案。文案可读性保证了我们的app产品在使用过程中用户简单操作的认知度。比如最典型就是IOS或者Android系统级别弹出窗口就很有讲究。假设你需要让用户更新,你的文案一定是XXX1.01版本更新。然后下方是确定、取消按钮。但实际上,你多加一句:更新此本会有XX新功能。会帮助你提升用户升级版本几率,也保证了可读性。当然也可以将下方按钮改为单按钮:(知道了。)也是让用户不用思考进行选择。交互文案中多半使用通俗易懂的语句,在设计选择上尽量使用单线程的用户思考模式。文案可读性可以把握了更多得小白用户心里。

六、输入框便利性

从这里开始,是更加细小的关注点。首先是输入框,登录的时候,我们有输入框。聊天的时候有输入框。购买商品或服务的时候,支付填写信息的时候。输入框是除了按钮之外最多的组件。输入框的便利性是让用户使用下去的保证,在输入时绝对不能让用户出现有挫败感的心理。比如很多的输入框,登录名加上一条横线。当手指触碰点击登录名时候,并未点击到横线上时,居然没有弹出键盘。用户第一反应肯定是卡机了?第二反应是产生强烈的挫败感。在这种细节把握上,一定不能让用户出现挫败感心里。在登录的时候,输入用户名字的时候,弹出的是英文键盘。输入手机号的时候,弹出的是数字键盘。这些细小的差别,都是用户在输入时的便利性的体现。输入框不仅是技术上的数据交互和抓取,产品设计上的漂亮。更要关注让用户使用下去的动力。

七、按钮交互严谨性

按钮是app交互中最为常见的组件。包括底部导航上,确认或取消按钮,返回按钮等等。作为app核心的功能组件,没有了按钮几乎无法生存。手机触屏的诞生,更加注重了按钮交互的严谨性。严谨性不仅包括逻辑上的正确,也包括了用户文案简单理解的程度。按钮几乎是第四和第五的结合点。在电商购买页面中,我们会把按钮购买按钮作为吸底式按钮放在底部。一般性是左边是加入购物车右边是立即购买。因为这里有逻辑上严谨性,右边更为重要。还有也是用户操作习惯上的严谨性,右边多为更关键的操作。而客服,店铺,收藏等辅助按钮需要弱化,因为它对主购买流程不构成影响。这里这样做的原因还有需要去除用户过多的思考。按钮严谨性不言而喻,因为每一步流转,都是一次用户流失的过程。为了避免用户在按钮点击过程中流失,我们更需要关注按钮的严谨性。

八、表单列表简洁性

表单列表的组件在app中的使用会很少,即使在web端设计中也是需要更少的展示。因为现在用户在移动端养成的快速和碎片化浏览习惯非常不利于表单和列表展示和输入。app端中展示表单和列表组件更是对小屏幕一种展示的不简洁性。所以在app产品设计中,能避免就避免,能用别的方式展示就用别的方式。但是没有办法的时候,一定要展示的时候,就要十分注重简洁性。列表展示时,内容、文字展示要保持整齐。一般多使用除了列表外其他空间展示留白设计的方式。当表单需要填写时,一定要将填写内容进行逻辑上划分层次,让用户在输入完成时有种一个阶段完成的成就感在当中。还有就是能少填就少填,能点击选择则不选输入方式。表单列表的简洁性极大的帮助了用户在使用时不会产生厌烦感。

九、图片专注性

instagram的在国外的火爆印证了图片的重要性。微信朋友圈中直接发图片的设计也是图片重要性的体现。图片需要追求极致的专注性。图片在社交和电商等很多app上有着极大的重要性。在电商app中,你的商品图片、banner图片都是直接转化购买率最重要的先决条件。在社交app中,你的图片美观程度决定了你的点赞数目和浏览评论数目。图片也是更能抓住视觉最重要的体现。特别当你使用移动产品的时候,几乎一个屏幕就会展示一张图片或者半张图片。这里的图片的专注性不言而喻。特别是Airbnb那样通过专业的摄像图片提升了用户量的按钮后,也证明了图片的专业性也是十分重要的。一张好的图片展示,是很能影响用户的体验的。

十、错误分支回溯性

错误分支的多半体现在否定逻辑上。错误分支回溯不仅仅是让用户点击再浏览别的网页,更主要体现在返回和否定逻辑上。回溯性主要是让用户集中在主功能中进行很好的体验。这里回溯性设计上最优秀的是微信在通讯录和朋友圈上的聊天回溯性。(你可以去点击通讯录和朋友圈好友聊天,看返回到了哪里。)电商中的回溯,是对用户沉浸浏览的一种保障。包括从你不想购买的东西页面回到在选择想买东西的页面。还有就是你取消支付或者购买之后的页面返回的地方。每一步错误回溯都是对用户心里把控和认知的过程。

以上总结的十点主要针对移动端app,我们需要针对这些注意点进行打造细致的体验。PCweb端产品设计部分也适用。更多专业细节方面的设计,除了有利于我们在产品设计上用户体验的极致,也是从更多的细小点引发产品创新的原动力。更极致的专注打磨细节的产品设计,更是打磨我们心里的过程。

(阅读后提示:本文主要适用于产品经理,小部分内容适用UE/UI设计师。)

#专栏作家#

晓翼,微信公众号:上海人在北京。人人都是产品经理专栏作家。专注于电商、O2O的产品经理。会IOS开发、会P图、会运营的逗比一个。常关注社交、旅行类产品。

本文原创发布于人人都是产品经理,未经许可,不得转载。

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

(0)
CatherineCatherine
上一篇 2017-05-27
下一篇 2017-05-28

相关推荐

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

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

    2017-05-17
  • 未来的汽车用户界面将会让人惊叹

    如果有一天让你来设计汽车?未来的汽车会是什么样的呢?

    2017-05-12
  • 清华美院交互设计考研经验分享:考试要懂得“扬长避短”

    2018年清华美院交互设计-黎娜大家好,我叫黎娜,我本科毕业于广州美术学院工业产品设计系。产品设计主要是偏向于生活家居类的小产品。我大概是在去年快毕业的那段时间第一次从考研的同学那里了解到“信息艺术设计交叉学科”,2017年6月底就决定报考这个专业。接下来我想与大家分享的是自己的一些备考经验,希望能对你们有一些帮助。第一部分是关于专业一“上机”考试。我认为上机考试最重要的两部分分别是app和ppt。  app的练习方法有很多,这里我想分...

    2018-04-23
  • 混合型界面:对话式UI会走向何方?

    2016年是对话式设计之年。消息应用正以惊人的好评度和参与率,占领世界和app store的排行榜。每个社区产品、应用市场、点播服务、约会应用、社交游戏和电商产品,为了提高好评度、参与率和销量,都已经或即将加入消息功能。

    2017-05-11
  • 场景化体验设计的新思路:语音交互

    语音交互在场景化的体验中能发挥更好的效果,是因为语音本身就是一个对话的过程。当你置身于特定场景下时,你的语音指令才具备特殊的意义!当你在骑行的时候,Siri在你耳边提醒你临近会议的准确时间和地点,并为你语音导航,同时为你口述刚刚收到的短信息—所有的动作都没有打断你的骑行运动。第二个倒计时设定40分钟,现在开始倒计时。你的倒计时已经运行,还有9分42秒,想要更改它吗?引导强于记忆。User: Alexa, add milk to the shopping list.
    Alexa: I’ve added milk to your shopping list.
     
    User: Alexa, add eggs to the grocery list.
    Alexa: Eggs added to your shopping list.
     
    User: Alexa put butter on the shopping list.
    Alexa: I’ve added butter to your shopping list.
     
    User: Alexa add cereal to the shopping list.
    Alexa: I’ve added cereal to your shopping list.
     
    User: Alexa put cheddar cheese on the shopping list.
    Alexa: Cheddar cheese added to your shopping list
     
    User: Alexa put sugar, flour and salt on the shopping list.
    Alexa: I’ve added sugar flour salt to your shopping list.

    2017-05-17
  • 这个按钮不简单

    Slack 将保存时的「状态提示」设计在了同一按钮中。Flava 通过按钮的不同状态将「删除」与「确认」两个操作结合在了一起。Arent & Pyke 巧妙的将进度提示设计在了提交按钮中。Fantastical 2 利用了 iOS 的 Switch Button 来对 Event 和 Reminder 两种类型进行切换,并在按钮中加入了相应的图标用以识别。Wifeel 将 iOS 和 Android 版 App 的下载按钮统一设计在了一个按钮中。Tidy 在进行「归档」和「添加至相册」操作时,会在顶部以同色的方式来标识所对应的操作按钮。在 Tumblr 中关注某个用户时,「Follow」按钮会变为当前用户的头像并以一个小动画来作为关注成功的提示。

    2017-06-05
  • 交互设计与服务设计视角下,谁才是用户,什么又是产品?

    服务设计,是2017-2018比较火热的一个专业了,相比于交互设计或工业设计,服务设计更关注与利益相关者之间的关系。今年的Aalto New Media 专业的申请中,有明确要求需要根据两篇文章的读后感写一篇Essay(1),其中一篇是“How to Fix Facebook—Before It Fixes Us(2)”,深入阅读之后,有一个明确的观点想和大家分享一下。之前从交互式设计角度或者用户研究角度对于 Facebook 的分析文...

    2018-05-02
  • 网易考拉海购APP产品体验报告(可下载)

    干货分享:网易考拉海购APP产品体验报告,33张幻灯片解析产品体验

    2016-08-23
  • 互联网+时代,让用户体验到你的专业性

    物质种类丰富之后,市场要面对的新重点就成了“用户体验”。只有“功能”的商品即使做成百宝箱也只能昙花一现,能够让客户用得舒心用得愉悦才是现代产品的应有魅力。在企业竞相提升体验的大潮中,“别让我等、别让我想、别让我烦”的用户三大心态仍然是大部分厂商的改良依据,然而总有一些人可以在这一基础上做得更加精细周到,成为“体验战”的大赢家。01曾经被无视的用户体验如今是神兵利器在计划经济时代,消费者的选择余地很小,导致了厂商只注重“功能”不注重“体验...

    2018-05-07
  • 良好的用户体验不一定是品牌成功的关键

    一项针对品牌魅力的新研究表明,良好的用户体验不一定是成功的关键,因为品牌完整性受损可能会超越公众的看法。 这是对四个市场10,000名消费者的在线调查的结果。这项研究从认知、目的、诚信、慷慨,勇气和交付的六个维度检查了知名品牌。分析表明,与消费者的动态关系是短暂的受欢迎,还是长期的忠诚之间存在的真正区别。乐高式最具实力的品牌,一直让顾客感到满意。相反,FIFA被评为得分最低的品牌。另外,苹果在美国排在前十位,在英国排在第十六位。尽管其创...

    2018-02-26