空白页面设计的思路

2018年4月17日15:16:10 发表评论 586 views

在我经历的网站建设设计项目中,所有的项目成员都会要求设计师优先制做所谓的 典型页面 ,常见的就是产品的首页和详情页。网站建设

而空白页面,或者说缺省数据页面(例如没有任何联系人的通讯录和没有任何聊天记录的微信),通常都是在设计过程的最后阶段才作考虑,有些时候,甚至会被遗忘,直到某个开发同学提出来:这个页面,如果没有数据的时候,该显示什么鬼东西啊?

今天,我从用户首次接触产品,还没有内容、数据、好友的情况入手,分析并总结了一些空白页面设计的思路,应该能给各位产品设计者带来灵感。

用户 首次使用 你的产品时会遇到空白状态的页面,这也是用户由浅入深接触你的产品的必经之路,在这个过程中,一个优秀的空白页面应该达成三个目标:

1、教育你的用户

空白的回收站页面 回收站里的东西将在60天后被删除。

一个优秀的空白页面应该解决如下问题:

何物(What):解释这个页面在说什么?

何地(Where):告知用户当前的位置,以及接下来可以干什么?

何时(When):解释此处空白在什么情况下将出现有效的数据?

空白的共享链接页面 你分享的东西会出现在这里。

2、取悦你的用户

对于一个空白页面,要想取悦你的用户,你就需要做好以下几点:

(1)、空白的代码提交页面

译注:这是Bitbucket的代码提交记录页面,当它为空时,网站建设的拟人化形象 一个小桶子用幽怨的口气说道, 我这里没有任何提交记录,这让我显得毫无用处,我感到很难过。 优秀的第一印象不仅仅与可用性有关,它也与产品的调性有关。

问你自己这几个问题:

你能让用户感到新鲜或者出乎意料吗?

你能让用户从心底绽开笑容吗?

你能让用户感受到你产品的优秀调性吗?

(2)、空白的收藏夹

译注:一个仙人掌杵在那里,说道: 这儿看起来像是沙漠,你没有任何收藏的东西 ,接下还有一个引导用户去收藏的行动按钮。

(3)、空白的内容页面

译注:一个略显苦逼的熊猫脸,说道: 我们在周围啥也没找到,看起来你周围没有什么特别的事情发生,你可以过一阵子再试试这个功能 ,通过空白页面取悦用户,可以做这些:

品牌(On brand):介绍并强化你的品牌元素。

亮点(Different):有创意或者展示你的幽默感。

共鸣(Relatable):展示你的产品温暖人性的一面。

(4)、空白的任务界面

译注:看起来像是一个游戏的任务列表页面,一个潜水员在一条鲨鱼旁边,说道: 你还没有准备好,指挥官,回去再训练一下吧。

3、引导用户行动

对于空白页面,做好了 教育 ,做好了 取悦 ,还是不够的,因为这种页面还不能称之为一个优秀的页面,对于一个优秀的页面来说,做好用户引导才是最重要的。

(1)、空白的项目页面

译注:一个小人若有所思的看着右上角,念道: 唔 那个蓝色的按钮肯定很重要。

(2)、空白的关注列表页

译注: 你还没有关注任何人,关注其他人可以查看他们收集的故事,你关注得越多,Flipboard提供的服务就更好! 接下来就是一个引导用户去关注其他人的行动按钮。

(3)、空白的历史行程页面

译注: 当你结束一次旅行,你会在这看到它。 接下来就是一个引导用户去探索的行动按钮,在空白页面上引导用户的下一步行动,需要包含这三点:

动机(Motivate):向目标用户展示激励性的语言,例如: 现在就开始!

劝说(Persuade):利益点不仅要在落地页上展示,当用户与你的产品交互时,也可以反复展示利益点。

直接(Direct):在网站建设一开始就向用户展示唯一且最优的路径,提供行动按钮或者给出引导,在用户初次接触app时并不适合让他们做选择题,你应该让初次接触的体验尽可能的简单,假如刚开始就需要用户创建一些内容,你应该提供一些模板之类的东西让用户可以借鉴。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: