赞助商
立即赞助

高手常用这5个方法,快速提升空状态设计价值!

交互设计3年前 (2021)发布 流光
2.1K 0 0

我们做验设计的时很容易忽视空状态设计价值与可能性,常用张插画,句文案完成了所有空状态页设计。

空状态设计 ≠插画+文案

实上空状态体验是可以有更多可能,首先我们要了解空状态是指在用户体验产品流程中现的除流程状态反馈外没有他数据展示的情况,而缺数据或容的原因有很多种,例如搜索无结果、无络、默认初始无数据状态等。

应不原分场景展示应内容有助于提升用户体验,时提升业务转化。接下来我们来看看提升空状态设计价值 5 个:

行动指令引导用户进入体验流程

在款品新手用户使用流程,经常出现各类初始数据空状态场景,比如空着物,空着关注列表,空着书架等等。

时的新用户对产品没有,需要我们引导告用户接下来该做什么,让用户快速地进到产品使用中,减少新用户流失。比常见的做法是使用带有「行动指令」文案的操按钮。

行动指令是指给用户明确行为操的指令,「去使用」、「去逛逛」、「赞一个」等等,明确的行动指令比其他文案更引导用户点击。

高手常用这5个方法,快速提升空状态设计价值!

△ 滴答清单:「试试情」引导用户完成一笔录

除了常规的操作按钮以外,我们也可以试摒弃显易见的空状态文案提示,试「行动性指令」的轻交互动效行用户引导。

高手常用这5个方法,快速提升空状态设计价值!

△ 抖音:动态气泡引导用户发布第一视频

预显示吸引用户注意力

很多特产品中,某些功能的使用与否直接影响整体业务运转,例如社交产品的关注功能、社区论坛类产品的发帖功能。如果用户对于这些功能不了解或者不感趣就会造很问题。

但大部这些功能在初始进入的候都是空数据状,那该如何在「空」的状下抓住用户的注力,让开始兴趣呢?可以把有趣的内容或者功能部直观地外放在空状页面,增对用户的吸引度。

高手常用这5个方法,快速提升空状态设计价值!

△ Instagram:显示相关用户息,吸引用户关注并开启产品使用

高手常用这5个方法,快速提升空状态设计价值!

△ 豆瓣:用户可滑动查记录功能格式话题卡片,吸引用户参兴趣的话题从而完成的动息发布

「猜你喜欢」提升业务转化

前 2 点如果还有同学觉得不过瘾,再上一波价值。

商设计考虑的核心在于务转,而同产都有自己对应务指标,如电商类产有商浏览率、单率等指标;招聘类产有简历投递率、面试撮合率等指标。

如要让设计真正赋能业务,在空状态设计我们也可以考虑加入业务转化有影响体验模块。这些过算法精确匹配荐模块可以有效激活用户操作,使体用户路径不会轻易终止,从而提升业务指标。

高手常用这5个方法,快速提升空状态设计价值!

△ 淘宝:空里「猜你喜欢」模块(很常见了)

高手常用这5个方法,快速提升空状态设计价值!

△ 勾:投递完个简历后会出现又波「键投递」荐

IP故事线打造品牌

上完体验商业价值观后,我们再来聊聊品视觉价值。

大部分设计师研究缺省页的方向在插画的样式,没有最看,只有更看。但比看的插画样式,一个以推动产品建立用户品牌心智的插画显更有业价值,因为它让用户更容易住一款产品,并对之产生一定情绪忆。

那么我们如何利用缺省页插画营造品牌感呢?可以试试用 IP 讲故事,故事的表演主会场就空状态页面,让每独立的空状态页插画都一连续故事中一画面,激发用户使用产品的好奇,同时让 IP 品牌的形象深入人。

高手常用这5个方法,快速提升空状态设计价值!

△ 多面-对标职场新人的产品:IP-Domi与他的朋友们-职场新人们的小友谊故事

全屏化创意带给用户惊喜

无论阿里的五度模型还 Google 的 heart 模型,都一条基于用户感官感受的标准就「愉悦度」/「满意度」,因此我们总谈交互体验设如何给用户惊喜,因惊喜绪中极致的愉悦与满足。

那如何在的缺页也能给用户带来惊喜而不是淡无奇呢?可以着在大屏/折叠屏的终端演变趋势下,将空状页的计思路拓展全屏化。

与普通的空状态设计相,全屏场景拘泥于小框的限制,把整个空状态页都当做一个场景画布布容,配备细节创有趣的案,可为户带来足量惊与视觉冲击。

高手常用这5个方法,快速提升空状态设计价值!

△ 猫呼:暂无好友消息空状态

高手常用这5个方法,快速提升空状态设计价值!

△ 阿里的「躺平」:暂时收藏空状态

小结一下

再的细节也可以创造价值

其实在用户体验设计的每一细小环节,哪怕空状态这样的小页面,都可能创造设价的。

因此除了每日沉浸在日常业需求的画图海中,也要学会抽离发现更多计驱提升的点做一些推进,养成关注细节、善于驱的习惯会对在座的职业晋升及钱兜都带来巨大的力量~

注作者的微信公众号:「Nana的设计锦囊」

高手常用这5个方法,快速提升空状态设计价值!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

用户调研这个事情能够帮助设计师更好地了解用户,只有同用户进行足够长时间、足够深入的互动,才会真正洞悉需求,作出真正令...
UX设计
很多人在这个信息爆炸的移动时代,更想看到一些所谓的「干货」,干货到底是什么,可以直接拿来上手的是干货吗?还是需要你经...
交互模式
按钮设计 为了设计正确的交互,我们需要回顾一下物理按钮的历史和起源。物理按钮是 UI 组件的前身,当今的数字产品都还在大量...
ui设计
设计「诱惑」绝对不是诱导和操纵用户 —— 而是在设计产品过程中给予更多用户想要的东西,甚至是用户没有想到的东西。就像原本...
情感化设计
设计师们要求没有 PRD 不开工,于是产品经理问了我一个灵魂问题:如果他把 Demo、文案和逻辑都写完了,还要交互设计师干什么...
交互设计
大家好,今天我们来聊一聊苹果和谷歌的设计语言。自从移动互联网开始兴起,我们的日常生活开始充斥着大量的移动设备,手机,P...
交互设计
@卫夕君 :产品炫酷到让人惊叹,但事实却是销量惨淡,让人爱不起来,这背后真正的原因到底是什么呢?本文笔者将通过实例分析...
产品设计
双十一大战刚刚落下帷幕,拼多多公布了2020年的第三季度财报。财报显示,拼多多第三季度营收超过142亿元,同比增长89%,净利...
产品