如何利用“空状态”提升用户体验?

编辑      删除

前言

空状态,往往是设计师最不care的一环,大部分设计师(and me)都是整体设计全部完成后才会去考虑空状态界面,但是,空状态真的这么无足轻重吗?

实际上,空状态的存在很大程度上可以决定产品体验的好与坏!友好的空状态对于新用户会擦出不一样的火花!


空状态出现场景?

1、新用户使用web/app等产品

例如:用户初次使用产品,往往需要自主添加关注或者自我原创的界面为空界面。

2、产品自身出现错误

例如:网络出现错误、404页面等。

3、自主清空操作

例如:用户清空购物车、清空消息列表等。

4、用户某种操作未果

例如:搜索未找到相关选项等。


空状态设计需要具备哪些必要条件?

1、提供用户解决方案;

2、展示品牌元素,体现产品风格调性;

3、引导用户进行下一步操作,促成行为转化;

4、提供幽默风趣的文案,降低用户失落感


如何设计空状态页面?

1、默认缓存,有网状态下将页面部分内容提前缓存下来;

(截图来自好奇怪app)


2、运用占位图或者色块,让界面不单调的同时展示产品元素;

(截图来自淘宝app)


3、运用插画和俏皮文案,幽默风趣为用户提交反馈;

(截图来自支付宝app)


4、添加快捷操作按钮,引导用户进行下一步操作处理;

(截图来自哔哩哔哩app)


5、提供产品相关内容案例,引导用户快速创建页面内容;

(截图来自好好住app)


6、提供休闲游戏、展示公益广告、提供知识点学习等等,转移用户注意力;

(截图来自百度)


综上所述

通过一波分析操作后,已经对空状态界面有了新认识,优秀的产品不在于你和竞品同样有什么,而在于你不同于他的是什么!空状态至少算一个突破口吧,希望我们都可以完善、优化我们的产品,一起学习、进步!


*UI
UI/UE · 某公司