mobile-app-9-basic-status-1-1

编者按:用户在使用App 时通常会遇到9种状态,今天这篇好文把每一个状态的使用场景和注意事项都列了出来,用研新手可以拿来查漏补缺。

  1. 等待
  2. 初始
  3. 寻找
  4. 无数据
  5. 浏览
  6. 确认
  7. 错误
  8. 结束
  9. 中断

一,等待状态

其实iOS 人机交互手册里,Apple 建议开发者尽量不要展示闪屏。就比如国外的app我们能发现一个共同点:

uisdc-tysj-201609181

他们都没有引导页有没有!!那么,为什么国内的App 都有启动页呢?原因就是如同以上三个app一样,他们正在等待调接口刷数据,而这个时候用户可能会焦虑的等待,可能是接口的问题,也可能是网络的问题。而国内的app他们希望在这个3秒中的时间内不让用户看这一片白花花的页面,甚至可以利用这三秒钟打广告也好,宣传品牌也好,展示逼格也好。那么他们都有不同的目的:提高用户体验,减少等待焦虑;品牌效应;功能展示或者情怀。

当然不同的产品所展示的启动页必然不一样,而我们这里主要需要说的是等待状态,根据产品使用人群的以及产品自身的定位来考虑启动页的形式,不呆滞,有缓冲。但是真正优秀的产品是不需要启动页的,努力优化程序,合理的缓存技术适当的异步任务调度等,让用户一打开App 就停留在主页面只需要100-300毫秒的加载,这样优秀的产品还需要启动页?

二,初始状态

刚步入初始状态,对于第一次进入App 的用户来说其实是懵逼的,同时也是用户是否对这个App 感兴趣的最关键时刻,这个时候请拿出12万分的激情以及真诚来欢迎用户,将最精华的部分展示出来,就好比相亲,许多相亲的结果就在第一印象,好了咱们仔细想一想是不是这样。

uisdc-tysj-201609182

那么体验设计师如何做好初始状态的页面呢。这边我总结了四点:

1. 展示核心内容,并将其放大

毫无疑问一个产品的核心内容以及核心竞争力的体验便是在初始状态中,这个产品到底能为他解决什么问题,这就和产品所具有的功能所提供的服务相关,只有当用户能用该产品切实解决问题并且用起来爽了,那他才会一直用。所以,在这个阶段,对首页而言,核心功能的展示和好的交互体验显的尤为重要。

2. 告诉用户“他”在哪里

用户初次使用产品一般会出现两种情况,第一种-明确知道该产品功能但是第一次使用;第二种-不知道该产品只是听说好用好玩就下载下来。那么对于第一种用户你需要告诉他核心功能以及其他附加功能,但是第二种用户就只需要先明确告诉他核心功能,还有当前页面是在哪儿,不要让用户迷茫,因为没有人能花许多精力来研究你产品的所有功能。

3. 智能提供,让用户自己选择

对于深度使用用户而言,首页是信息的集合,用户希望只要打开首页就能知晓最近的活动和通知,并且能看到好的内容推荐。所以,内容的推荐和即时更新会让用户感到满足。同时用户能关注到自己为自己制定的推送内容。

4. 精致的UI界面

个性而不凌乱的配色,层次分明的信息展示,统一的控件及交互。对首次使用产品的用户而言,首页的好坏关系到用户对该产品的第一印象,用户第一眼看到的是界面,其次是内容。所以,在这个阶段,符合品牌的好的设计感和内容的丰富度会给用户的印象加分。

三,寻找(搜索)状态

当我们在设计信息架构时,需要考虑目标用户的信息需求,为不同的用户匹配不同的信息匹配方式。那么一般我们将搜索分为四种:

1. 目的性寻找(搜索)

举个例子,新房装修想买一组钢铁侠手办做装饰,那么我就打开淘宝输入钢铁侠手办1/4或者1/6,选择评价好的,价格低的店家就进行购买了,我知道在哪里能找到这样的手办,以及手办的类型,做工以及价格,所以我是带着明确的目标去寻找的。

2. 无目的性寻找(搜索)

举个例子:最近有了闲钱想置办一些手办,但是不知道买哪一种,随手输入了手办这个关键词,跳出来许许多多的手办,有些甚至称不上手办的玩偶也被列入了其中,这里就是信息不对称的结果。那么探索性搜索的局限性也非常大,那就是他对于平台的资源要求非常高。

3. 全面性寻找(搜索)

举个例子,我想买一个海贼王手办,但是我想尽量搜索到我希望得到的全部内容,这时候用户(我)将会自己创造关键词进行搜索,例如万代海贼王手办,眼镜厂海贼王手办,tsume海贼王,海贼王手办景品等等。

4. 重复性寻找(搜索)

举个例子,某一天我正在寻找我的钢铁侠手办,我找到了一家店铺卖的钢铁侠手办好评多,价格实惠,但是这时我被一件事打断了,导致之后我在想找这家店铺的名字我已经想不起来。所以这里对于用户的重复性寻找我们需要给出一个历史搜索记录来提供给用户。

uisdc-tysj-201609183

四,无数据状态

这边无数据状态不仅仅是搜索之后没有相应数据的状态,也包括前后台通信错误,或者网络中断等一系列让数据无法正常展现在用户面前的状态。首先作为设计者我们应该明确知道,无数据此处应该是什么内容,导致没有内容的原因是什么,如何获得内容的途径以及解决方法。

和Web 端一样,移动端的空白页面越来越受到重视,不单单是视觉层面,空白页承载着更多内容,起到更多功效。同时,我们也将无数据页面分成三种情况:

1. 初次使用

初次使用的洁面应该算比较特殊的空白页面,它虽然有时候并不是空白,但实际对于用户来说,确实“无数据”状态,因为初次进入的初始状态用户对于此产品的功能架构并不熟悉,所以初状态空白页面也分为三种:1. 起引导作用的空白页;2. 提示文字+操作按钮;3. 示例

uisdc-tysj-201609184

2. 完成或清空内容

用户主动触发清空内容的操作,实际表明用户知道自己在做什么,误操作的可能性不高。这时候只需要给予用户结果的反馈就可以。但是有时清空内容并没有太多实际意义,却花费时间和精力,因此我们更倾向于给用户一些正面的反馈。同时需要思考用户在使用时的心理和目标,用户是否需要频繁的清空数据,如果是的话,可以考虑给出多种空状态页面,随机出现增强趣味性。

uisdc-tysj-201609185

3. 出错页面:

出错页面其实是可以被原谅的,但是请注意,不要进一步让用户迷惑,焦虑。需要做的是说明错误原因,并告诉用户接下来如何解决或者其他选择。

一般的用户遇到无法读取数据的时候第一个操作总是刷新网络,他们甚至会切换网络或者关闭重开网络来试图重新获取数据,但是在开发人员眼中,并不是所有状态都是网络造成的问题,只是用户觉得所有问题都是来自于网络。还有一种是在网络差读取数据慢的时候可以做一个预加载,提前告知用户将要出现的内容,这样也能缓解用户等待时的焦虑。

uisdc-tysj-201609186

欢迎关注微信公众号:雷神U部落,分享产品设计好文。

lsublqr

「超实用的渐变色零基础自学指南」

  1. 上篇:《一份全面系统的渐变色自学指南》
  2. 中篇:《如何用渐变色绘制高格调的背景+球体》
  3. 下篇:《人气教程最终版!写给非科班设计师的渐变色学习指南》
  4. 实战:《超好用!简单5步帮你做出优雅大气的渐变色背景》 
  5. 番外:《POKEMON GO图标教程!教你绘制一枚可爱的卡比兽图标》
  6. 名片制作指南:《超实用!写给非设计师的名片制作基础指南》

yestone-uisdc-2

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

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量150万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

点赞
收藏 4

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
相关推荐
评论 收藏