3个小技巧帮你设计优秀的空白页面
来源:阳光在线    发布时间:2017-07-03 13:24:32

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

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

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

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

  教育用户 取悦用户 引导用户

  1. 教育你的用户

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

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

  何物(What):解释这个页面在说什么 何地(Where):告知用户当前的位置,以及接下来可以干什么 何时(When):解释此处空白在什么情况下将出现有效的数据

  空白页面 空白页面设计 页面设计 网站设计

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

  2. 取悦你的用户

  空白页面 空白页面设计 页面设计 网站设计

  空白的代码提交页面

  译注:这是 Bitbucket 的代码提交记录页面,当它为空时,网站的拟人化形象——一个小桶子用幽怨的口气说道,『我这里没有任何提交记录,这让我显得毫无用处。我感到很难过。』(解决这个问题)

  优秀的第一印象不仅仅与可用性有关,它也与产品的调性有关。

  问你自己这几个问题:

  你能让用户感到新鲜或者出乎意料吗? 你能让用户从心底绽开笑容吗? 你能让用户感受到你产品的优秀调性吗?

  空白页面 空白页面设计 页面设计 网站设计

  空白的收藏夹

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

  空白页面 空白页面设计 页面设计 网站设计

  空白的内容页面

  译注:一个略显苦逼的熊猫脸,说道,『我们在周围啥也没找到看起来你周围没有什么特别的事情发生。你可以过一阵子再试试这个功能。』

  通过空白页面取悦用户,可以做这些:

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

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

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


阳光在线 除注明原创以外,其余均来自互联网以及微信朋友圈,如有侵权请联系站长立即删除!
文章地址:http://www.chinasportsshoes.com/CXKH/20170703297.html



上一篇:APP的未来在哪里? 下一篇:如何避免设计出“烦人”的登录和注册页面