![]() 在我经历的设计项目中,所有的项目成员都会要求设计师优先制做所谓的「典型页面」,常见的就是产品的首页和详情页。 而空白页面,或者说缺省数据页面(例如没有任何联系人的通讯录和没有任何聊天记录的微信),通常都是在设计过程的最后阶段才作考虑。有些时候,甚至会被遗忘。直到某个开发同学提出来,『这个页面,如果没有数据的时候,该显示什么鬼东西啊?』 今天翻译的这篇文章,作者从用户首次接触产品,还没有内容/数据/好友的情况入手,分析并总结了一些空白页面设计的思路,应该能给各位产品设计者带来灵感。下面进入译文。 用户「首次使用」你的产品时会遇到空白状态的页面,这也是用户由浅入深接触你的产品的必经之路。在这个过程中,一个优秀的空白页面应该达成三个目标: 教育用户 取悦用户 引导用户 教育你的用户
空白的回收站页面——回收站里的东西将在60天后被删除 一个优秀的空白页面应该解决如下问题: 何物(What):解释这个页面在说什么 何地(Where):告知用户当前的位置,以及接下来可以干什么 何时(When):解释此处空白在什么情况下将出现有效的数据空白的共享链接页面——你分享的东西会出现在这里 取悦你的用户空白的代码提交页面
优秀的第一印象不仅仅与可用性有关,它也与产品的调性有关。 空白的收藏夹
空白的内容页面
通过空白页面取悦用户,可以做这些: 品牌(On brand):介绍并强化你的品牌元素 亮点(Different):有创意或者展示你的幽默感 共鸣(Relatable):展示你的产品温暖人性的一面空白的任务界面 引导用户行动 空白的项目页面
空白的关注列表页
Airbnb 的空白的历史行程页面
在空白页面上引导用户的下一步行动,需要包含这三点: 动机(Motivate):向目标用户展示激励性的语言,例如:『现在就开始!』 劝说(Persuade):利益点不仅要在落地页上展示。当用户与你的产品交互时,也可以反复展示利益点。 直接(Direct):在一开始就向用户展示唯一且最优的路径。提供行动按钮或者给出引导。在用户初次接触 app 时并不适合让他们做选择题。你应该让初次接触的体验尽可能的简单。假如刚开始就需要用户创建一些内容,你应该提供一些模板之类的东西让用户可以借鉴。 增加空白页面的投入吧最棒的设计通常也是最具有挑战性的——它要求在信息呈现与操作上达成精巧的平衡。但是,一个空白状态的页面就可能阻断你的用户进一步探索你所设计的精妙界面。这些空白页面难道不值得你投入更多的时间和关注吗?
以上译文仅代表原作者观点。 原作者?Dina Chaiffetz 原文?Why empty states deserve more design time #专栏作家#zhucbeta,微信公众号:设计译言,人人都是产品经理专栏作家。前产品汪现线框仔,关注以用户为中心的产品设计。Trying to make a Duang in the universe. 本文系作者授权发布,未经许可,不得转载。 |
|手机版|
APP推广97928.com
( 粤ICP备18134897号 )
GMT+8, 2021-2-25 15:15 , Processed in 0.036679 second(s), 17 queries .
Powered by Discuz! X3.4
Copyright © 2001-2020, Tencent Cloud.