用户体验设计:你必须知道的的9种状态(下)

眼看着年纪比我们小却成就比我们高的人来说,我们依旧需要不停的汲取知识来成长。所以这个假期也是撸了两篇文章出来,这是第二篇,希望大家一起来探讨。


眼看着年纪比我们小却成就比我们高的人来说,我们依旧需要不停的汲取知识来成长。所以这个假期也是撸了两篇文章出来,这是第二篇,希望大家一起来探讨。

用户体验设计:你必须知道的的9种状态(下)

上一篇的4种状态很多小伙伴都产生了,不一样的反响,对我来说也有很大的帮助。

让我们接下去讲后面的5种状态

五.浏览状态

移动端相比pc端有两个比较显著的特点:一是移动端应用的高情景驱动,也就是我们能在随时随地使用应用;二是移动端设备大小的多样性及限制性;这两点导致移动端应用都是暂态的,而移动端的内容展现形式也比pc端更多样化:列表、网格、轮播、卡片还有泳道,根据业务诉求以及用户诉求双重标准来设计内容的展示。

上篇有提到一点,用户浏览信息的时候,首先注意到的是结构(功能分布),其次再是内容(预期展示),最后是其兴趣点(核心诉求),具有代表性的几类app我们能分析出他们在设计产品的时候是如何考虑用户的浏览状态的:电商、新闻、外卖、资讯阅读。这边以最常见的列表举例:

用户体验设计:你必须知道的的9种状态(下)

那么如何设计框架结构和功能分布让用户浏览的效率和转化率大大提高呢?我们首先来看看以上6张图,我们发现既有左图右文的排版,也有左文右图的排版,还有上下的排版,这些都是z字形视觉流路径,而这个路径的形成其实就是视觉注意力的转移,通过不同因素的影响,视觉焦点也会随之变化,例如元素的静止和动画,颜色的冷暖,明暗,形状的大小方圆等等。

在做交互设计的时候我们需要考量的是如何能将信息让用户高效的获取,只有提高信息获取效率,用户才能更快的锁定兴趣点也就是核心诉求。

新闻类的app通常会将图片放置在左侧,文字放置在右侧,而实际情况是用户一进入首页首先扫一遍标题,图片反而是在扫完标题有兴趣之后再去关注的,为什么?因为图片虽然在视觉影响力比文字强,但是表意不明,看图片无法知道他要讲的究竟是一件什么事,而文字确能一目十行,但是不乏有些新闻是靠图片来吸引读者的,你们懂的。所以新闻也好,资讯类app也好,目的都是需要提高用户的信息获取效率,本质上来说谁左谁右都是有迹可循的。

做个小总结,如何提高用户获取效率方法:

  1. 了解用户获取内容时的视觉流及操作流(有条件可招募用户做可用性测试)。
  2. 内容层次分明,并将相关联信息一起展示。
  3. 清楚用户核心诉求并将其重点展示。
  4. 内容展示有节奏感。

六.确认状态

当用户浏览完了内容,终于找到了他们要找的东西之后,这时候要正真的获取到它,这时候我们需要注意3点:

1.告诉用户最后的结果,支付成功或者失败,成功之后还能获取奖励?分享他人?给用户一种成就感,毕竟好不容易走了前面5个步骤才到了这里。而失败了又是什么原因导致的?如何解决?

2.再次让用户确认所需内容

3.提供出口,但不要“轻易”让用户溜走同时完成结果流程一定要顺畅。

用户体验设计:你必须知道的的9种状态(下)

七.错误状态

好,重点来了。为什么说重点?这对于我们的用户来说往往是致命的。最近我们ued团队的用研同学做了一份以一个月为周期的用户流失研究,其报告中提到除了核心内容没办法满足用户之外,很大一部分流失用户是因为应用频繁出错或者试用早起出现致命错误导致的用户流失,甚至一个小小的认证失败也导致了其流失。

所以我们能预料到,除了刚性需求吸引用户外,其他用户的耐心程度可能并不高,有一部分用户在抱着试试看的态度使用产品时的内心是极其脆弱了,一出现错误或者无法解决错误的时候往往就是产生放弃使用的念头。(现在轻量型应用能更敏捷的抓住用户的诉求点)

用户体验设计:你必须知道的的9种状态(下)

所以这里就需要讲的是产品可用性的三原则了:

1.有效性。这里的效是效果的意思,什么意思?就是用户想去京东买部手机,有效性就是指用户能够买到自己想买的手机,而如果这个京东手机店铺没有用户想要的手机,那这个店铺对于用户来说就没有存在价值了。

2.效率。用户如何能够快速方便的买到想要的手机,如果支付的流程繁琐,步骤多,这样就大大降低了用户购买手机的效率,导致用户体验下降,而下一次用户则不会选择这哥效率低下的产品。

3.满意度。即使满足了前两个方面,但是如果其他方面招致用户的抱怨,也将导致用户流失,比如数据加载慢,数据显示错误,以及操作步骤多等等。

一个产品的错误状态往往都是这三点而引发出来的,包括用户输错密码也好,网络中断也好,数据无法刷新也好,用户遇到错误无法解决也好。

那么既然出现了错误,我们理应向用户反馈原因,及处理方法,这边为什么要给用户反馈我们就不说了,不反馈用户就跑啦,我们来讲一讲反馈的形式以及内容:

1.反馈的形式。错误反馈的形式有很多种:情感化插画,顶部警告栏,弹窗,toast等等其实还有动画,如iOS解锁错误抖一抖,还有声音等等 .

2.反馈的内容。错误提示,告知用户为什么操作被中断,以及出现了什么错误。错误信息要尽量准确、通俗易懂。有效的错误提示信息要解释发生的原因,并提供解决方案,以使用户能够从错误中恢复。

用户体验设计:你必须知道的的9种状态(下)

八.结束状态

一个好的结尾意味着什么?意味着:客官,欢迎下次再来跟姐妹们聊天~

我们终于帮助用户达成了他的愿望,这就结束了吗?还远远没有,这世界上永远没有一次性的生意。所以给用户一个美好的结束体验,是他下一次再来愉快购物的保障,一个优秀的产品通常会有几个美好的结尾,来时刻帮助用户记得这个瞬间,举个结尾优秀的例子(格瓦拉,但是价格不便宜):

虽然我们用这个产品主要目的是为了购买电影票,本来购买完电影票流程也就结束了,但是格瓦拉还远远没有让你觉得结束,它基本上从你购票完成后能够进行时间提醒、影院交通选择、影院附近消费等各种服务(因为现在观影结束后观影小助手不能调出,所以凭记忆说出了几个我印象深刻的功能)。

很显然,格瓦拉电影是一个想要陪伴你从电影挑选、在线购票、观影路上交通、影院附近娱乐、影院取票、影院观影以及电影点评“一条龙”的应用。你会发现它重在体验,想要成为用户的一个朋友,而不是一个单纯的工具。据说在观看某些影片结束的时候还会温馨地提醒你片尾有彩蛋!直击影迷的痛点。时间提醒上,分为几次提醒,都是关键的几个时间点。

用户体验设计:你必须知道的的9种状态(下)

九.中断状态

中断状态其实没啥好说的了,应用要是经常中断也就没有用户用了,公司也就倒灶了。

想说的话:

那么以上就是用户体验设计中,我们需要注意的9点内容。

相关阅读:

用户体验设计:你必须知道的的9种状态(下)

一篇文章读懂用户体验(上)

一篇文章读懂用户体验(下)

 

作者:getjieyingjun,公众号:shejishiyj(UI设计狮联盟)

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

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

(0)
CatherineCatherine
上一篇 2017-05-18 15:23
下一篇 2017-05-18 17:11

相关推荐

  • 如何在Sketch中快速创建调色板?

    今天我将会教你如何在Sketch中快色的创建调色板。这是个很棒的技巧,是年前我从Marc Edwards那里学到的。首先我们先创建三个正方形,它们是可以被三整除。在我们的例子中,我们将先创建一个240pt高和240pt宽的正方形。我们将重命名这些图层为红色、绿色和蓝色。让我们将红色图层的填充改为#FF6161,绿色图层为#4F953B和蓝色的图层为#0076FF。选中这3个图层,然后按“A”快捷键来选择画板工具。我们现在从右边的检查器上...

    2018-04-17
  • 如何识别和避免“暗黑用户体验”

    作者:Emily Stevens | 翻译:沙喵〜 审校:Moli用户体验设计是一门创造独特奇妙体验的学问——但设计的产出并不都是像彩虹一样美好灿烂的。即便是本质上强调用户友好的设计产业也会有黑暗的一面,而这些黑暗的欺骗性的设计模式比你想象的更为普遍。去年,用户体验设计公司Sigma点名指出,好几家知名零售商利用欺验性的暗黑用户体验设计从用户那儿赚了更多的钱。出现在耻辱榜上的有电商巨头Amazon、快时尚电商Boohoo.com(英国)...

    2018-03-20
  • Axure实例:即刻 app 产品需求文档

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放不了了之冰淇 - 分手快乐作者:T.zh来源:简书以下我的Axure原型截图:目录:1.概述1.1产品介绍1.2需求整理2.版本信息2.1修订历史2.2版本规划3.产品逻辑3.1产品信息图3.2产品结构图3.3部分业务流程图4.产品设计4.1全局说明4.2部分功能需求说明4.3部分交互设计1. 概述1.1 产品介绍1.1.1 文档属性1.1.2 产品综述1.2 需求整理1.2.1...

    2018-03-08
  • Axure遇见大数据

    本期介绍数据可视化工具:Echarts工具地址:http://echarts.baidu.com/examples/Echarts图表适用于哪些大数据可视化场景体重分析访问来源分析下载统计指标分析公交线路分析Echarts图表可满足哪些实际需求和交互效果满足需求:支持对图表标题修改支持对图表数据进行修改支持对图表数据进行可视化调整支持代码的获取支持图表的高清原图下载基础交互:点击主题色块,切换主题配色点击色块,可打开或关闭开关数据展示项...

    2018-04-06
  • 这就是你们期望得到的:自动抢红包神器

    红包抢到100个,一共10元。

    屏幕:猝~!

    2016-02-03
  • Axure RP 8.0安装图解

    Axure RP 8.0下载链接:链接:https://pan.baidu.com/s/1jJFQwLK 密码:3d1yAxure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专门的原型设计工具,它比一般创建静态原型的工具如Visio、Omnigraffle、Illu...

    2018-03-24
  • 2017年移动端用户体验设计趋势【UXRen译#167】

    作者:Hannah Levenson   |  翻译:雪代巴,校审:小四   先看下在过去的这些年有哪些变化!两年前,移动端应用的专业人士还在研究操作手势的问题,交互设计师仍专注于手指触发研究,大家才刚刚开始意识到极简设计…

    交互专题 2017-08-07
  • 应届毕业生要从事交互设计,需要具备的3种能力

    这次的文章解决的是一个问题,主要是关于应届毕业生应该具备怎么样的能力才能从事交互设计工作。我从比较浅的入口切入,然后简单谈谈我的认识。(这篇文章会比较有趣)我努力工作,几年后要自己创业。吃得苦中苦,方为人上人。(鸡汤了一下)

    2017-05-08
  • 在网页设计中,图片常用的五点技巧

    图片在网页中所扮演的角色越来越重要。作为最常见也是最早使用的网页多媒体,图片对于网页设计师而言至关重要。如何用好图片已经成为了一项成熟、完善而又讲究的技巧,而在高清屏幕无处不在的今天,稍有瑕疵的图片都在高密度的像素下无所遁形,而不合理的图片设计也不会逃过访客的双眼。很简单,色彩会让观看者分心。

    2017-05-07
  • 交互设计--需求分析的20条法则

    来源:UI新动态对商业用户来说,他们后面是成百上千个供货商,前面是成千上万个消费顾客。怎样利用软件管理错综复杂的供货商和消费顾客,如何做好精细到一个小小调料包的进、销、调、存的商品流通工作,这些都是商…

    2017-08-02