你真的够了解“空状态”吗?

整理了一下关于空状态的几种常见类型以及设计方法,也算是对自己现阶段所遇到的问题的思考与总结吧!文中图片均来自网络。

前言

空状态作为APP中不可或缺的一部分,有着举足轻重的作用。当新用户第一次使用产品的时候空状态的设计就显得尤为重要,据相关调查显示“平均下来,app在被下载之后的头3天时间里,日活跃用户(DAU)数量下降了77个百分点。30天内,下降比例达到80%”。

“用户会尝试多个同类app,然后在接下来的3到7天内决定其中的哪些不合适。对于’像样的’app,一旦用户决定保留超过7天,那么将会比较长久的存留下去。成功的关键在于怎样使产品在这3到7天当中保持与用户的良好互动。” Ankit Jain – Quettra。

当然这并不都是空页面的过错,但作为产品的一部分,空页面对新用户的影响程度可想而知。

出现场景

空状态出现的原因有很多种,最常见的原因有以下几种:

    1、用户主动或被动(几率很小)清空页面内的所有数据

    2、新用户初次使用产品并没有对产品内容进行操作

    3、特殊场景下的产品错误或者断网等

什么是空状态?

空状态是对没有数据页面的补充,一种对零数据的设计形式,比如购物车为空 、没有关注的人以及话题、没有收藏和喜欢等等这些页面就是所谓的“空状态”

空状态的设计方法

在Goolge的Material Design指南中给出的一些空状态的设计要求

使用图片:

1、淡淡的,颜色素净的,和背景色不造成冲突的

2、以活泼的方式传达应用的用途和潜能

文案需要遵循的规则:

1、文案传达出有用的信息

2、在不需要操作的情况下,告诉用户页面的作用

空状态常用的组合形式一般有:

1、提示性图文+操作引导按钮

2、提示性图文

3、纯说明文字

空状态的作用

1、教育用户

对于初次体验产品的用户,空状态界面最大的作用在于教育和引导用户,并帮助用户快速了解功能明确当前状态以及怎样解决当前所处的问题,通过什么样的方式能够获取内容,从而减少用户的迷失感,提升产品的体验。

示例空状态界面中,使用纯文字作为空界面核心,意在描述页面的功能或者信息,告诉用户通过怎样的方式才能够获取更多内容以及当前所处页面的状态,这里没有应用插图+文字或者插图的表现形式,可能是出于插图并不能直观的表达内容的主旨虽然有趣但是在认知上需要有一个思考的过程,另外,插图+文字的形式对于文字的限制较高,文字过多可能会造成页面臃肿,而单纯的插图可能缺乏更直接有力的解释说明需要用户自行思考猜测,无形中增加了用户的学习成本,这并不是产品想要的。所以大标题加上说明文字的设计形式更加直观,同时也减少了用户思考,有效的降低用户的学习成本,提升产品的整体体验。

2、用户引导

大多数空状态界面都会告诉用户为什么出现当前状况,但并没有引导用户下一步到底该怎么做,此时作为设计师应该去考虑,什么样的设计才能够驱动用户去前进,并且对产品留下深刻的记忆。

同样示例空状态界面利用纯文字的表现形式,但不同的是在文字下方加了一个CAT按钮,那么为什么要加这个CAT呢?究其原因是为了提高用户对产品的参与度,放个项目的CAT可以有效的引导用户去点击并且发布照片或者视频,极大程度的提高产品的易用性和可操作性。同时这种方式对于用户来说是一种鼓励形式,促进用户点击欲望,增加产品用户量,对产品来说是一种友好的设计手法。

3、取悦用户

通过情感化设计,可以更快的展现产品价值和差异化。体现产品个性化的一面,个性化的主要目标是不需要通过用户的努力,便可以理解所提供的兴趣内容。

空状态的可利用价值

Spotify的用户体验专家Tamara Hilmes提醒设计师们时说,空状态是一个展示产品个性化的机会,因此,在进行空状态设计时,需要认真考虑品牌和用户的目标和背景。

1、情感化表达产品差异化

空界面在某些时候是无法避免其存在的一种存在,但在信息爆炸的时代同质化的产品越来越多,设计差异化是几乎为零的存在,既然同类产品主内容页面差异化不明显,那么,我门就可以在空状态上面下一些功夫来做文章,以往的空状态有的只是放了一些单纯而又冰冷的文字作为空页面的内容,这样就丧失了一次让用户记住产品的绝佳机会。此时,我们可以在空页面里放一些有趣的插图或者把文案写的戏剧化一点,在能够清晰的让用户理解当前状态的同时,给用户带来一丝快感,以此来弥补空数据的页面给用户带来的负面情绪,与此同时,也让用户体会到产品的用心和差异化,增加用户的产品品牌认知和用户体验。但在考虑情感化表达的同时也要注意空页面对用户的引导操作等。

2、个性化设计

例如:谷歌浏览器对于空页面的处理手法是一个恐龙游戏,通过游戏的形式缓解用户对于断网等类似结果的负面情绪。展示品牌个性化的一面,给用户留下深刻印象,即使在断网的情况下也是一种“享受”。

总结:

1、空状态页面应该简洁明了,目标明确

2、通常是文案、插图或者CTA按钮(CTA全称Call-To-Action,它是Web和App上的   关键UI元素,例如购买、联系、订阅等等,其主要目的是引导用户采取某些行动,是页面提升转化。)

3、尽量减少空状态页面的存在,对用户来说它并不友好

以上是我对空状态的设计方法以及怎样站在产品的角度去解决空状态所给用户带来的困惑感等问题,肯定会有很多不足,希望大佬们多多指正,我会继续努力,也希望大佬们多多支持!

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,172评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,346评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,788评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,299评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,409评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,467评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,476评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,262评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,699评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,994评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,167评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,827评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,499评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,149评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,387评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,028评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,055评论 2 352

推荐阅读更多精彩内容