1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 交互设计 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

如何在新用户引导流程中用好空状态界面?--九分科技

时间:2020-06-25   分类:交互设计    作者:网络   来源:网络整理   点击:142

如何在新用户引导流程中用好空状态界面?

内容采集来自9fen.net

本文来自九分网络

当新用户打开你的APP的时候,最初的几个界面将会直接影响用户对你的网站的预期。为了确保用户不会在第一次打开之后就卸载APP,你应该用好最初的空状态页面,通过引导,帮助用户完成关键性任务,获得成就感,达成目标,并不断回来,成为你的APP的回头客。换句话说,要在第一次交互之后,成功吸引用户,让他们流连忘返。 内容采集来自9fen.net

新用户引导流程是这当中的关键。创造第一印象,你只有一次机会。今天的文章,我们将会提供一些使用空状态来优化新用户引导的策略和技巧。 本文来自九分网络

什么是空状态

对于许多APP而言,内容是它的核心价值。无论是新闻类APP,还是效率类应用,均是如此,因为对于用户而言,绝大多数时候是为了内容而使用引用。这样一来,一开始使用的时候所面对的空状态界面,就显得至关重要了:当用户还没有看到内容也没有内容填充APP的时候,它将如何引导用户完成从无到有的过程?

copyright 9fen.net

对于默认为空的状态,或者仅仅只有基本默认设定的设置界面,也非常适合引导新用户熟悉产品。除了给用户对内容的期待之外,空状态界面还适合教用户使用APP。即使新用户引导流程在这里被压缩到一个步骤,它也能够称职地引导用户做正确的事情。

九分网络

如何在新用户引导流程中用好空状态界面?

www.9fen.net

www.9fen.net

在 Expensify 这个APP当中,空状态教会用户如何起步,让他们安全地使用产品。 www.9fen.net

引导流程中空状态的价值

作为用户首次使用所打开的界面,空状态界面对于用户熟悉产品有这毋庸置疑的价值。你应该利用这个机会尽可能地吸引用户,教育用户。 copyright 9fen.net

教育用户

首先,空状态界面应该帮助用户了解上下文情况,让用户熟悉当前的状况,为什么会发生这样的情况,安抚用户的情绪。此时应该这样展现信息:向用户展示界面有内容时候的样子,或者向他们告知此时应该如何操作来获取内容。 内容采集来自9fen.net

提供行动指示

绝大多数空状态界面会告诉你,为什么会遭遇这样的情况。但是真正有效的空状态,会告诉你下一步要做什么。教育你的用户很重要,但是在用户最初遭遇空状态的时候,你要驱动他们前进,前进了才是初步的成功。空状态界面就是最佳的起点,你可以通过设计来鼓励用户前进。

copyright 9fen.net

创造愉悦的体验

虽然绝大多数的APP都是功能性的(解决具体问题),也是可用的(易于学习,易于使用),同时它也应该是令人愉悦的。空状态是你的APP同用户构建起情感联系、塑造个性的绝佳机会。

本文来自九分网络

如何设计绝佳的空状态

空状态能够吸引用户,但是在产品和UI设计的过程中,常常会忽略它的这一属性,甚至会忽略对空状态的设计。因为在绝大多数时候,我们所设计的都是填充好内容的界面,布局都被精心挑选的内容塞满了。但是,当内容还未来得及加入界面的时候,我们要如何展现界面呢?空状态界面,其实是展现创造力和可用性的优秀舞台。 内容采集来自9fen.net

避免走入死胡同

当用户进入空界面之后,发现整个交互和操作都走入了死胡同,不管怎么操作都无法改变现状,这才是最糟糕的局面。且不说陷入这样的僵局给用户带来的混乱感和无效的多余操作,它本身的不可用让用户对APP所产生的失望情绪,才是最致命的。

本文来自九分网络

看看 Modspot 两个界面设计案例吧。第一个界面是用户首次使用的空状态页面,巧妙的借助这个界面来引导用户发布作品: copyright 9fen.net

如何在新用户引导流程中用好空状态界面? 本文来自九分网络

www.9fen.net

而第二个界面则是忽略空状态界面设计时候的样子,没有演示,没有引导,也没有说明,对于不会主动尝试的用户而言,这就是个死胡同。 本文来自九分网络

如何在新用户引导流程中用好空状态界面? www.9fen.net

本文来自九分网络

让空状态界面视觉上简单清晰

空状态本身内容并不多,即使加上说明和指引,也应该足够简单。将最重要的引导和说明突出展示,减少无关内容,降低干扰。简而言之,需要将清晰直观的文案,和强引导性的视觉设计结合起来。下面iOS版 Dropbox 的离线文件空状态界面,就非常值得学习,简单清晰的文本加上有趣的插画,让用户瞬间明白了这个功能如何使用。 内容采集来自9fen.net

标签: 引导页设计 经验分 Onboarding 引导页 新用户引导

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----