我要投稿
当前位置:首页 > 经验分享 > 3个小技巧帮你设计优秀的空白页面
3个小技巧帮你设计优秀的空白页面
2018-6-26 15:13:00   作者:诙谐小丑   人气:0次  评论(0)
所属标签: 学习经验 

  今天翻译的这篇文章,作者从用户首次接触产品,还没有内容/数据/好友的情况入手,分析并总结了一些空白页面设计的思路,应该能给各位产品设计者带来灵感。在我经历的设计项目中,所有的项目成员都会要求设计师优先制做所谓的,常见的就是产品的首页和详情页。
  
  用户你的产品时会遇到空白状态的页面,这也是用户由浅入深接触你的产品的必经之路。在这个过程中,一个优秀的空白页面应该达成三个目标:
  

学习经验


  教育用户 取悦用户 引导用户
  
  1. 教育你的用户
  
  空白的回收站页面——回收站里的东西将在60天后被删除。
  
  一个优秀的空白页面应该解决如下问题:
  
  何物(What):解释这个页面在说什么 何地(Where):告知用户当前的位置,以及接下来可以干什么 何时(When):解释此处空白在什么情况下将出现有效的数据
  
  空白的共享链接页面——你分享的东西会出现在这里
  
  2. 取悦你的用户

  
  空白的代码提交页面
  
  优秀的第一印象不仅仅与可用性有关,它也与产品的调性有关。
  
  问你自己这几个问题:
  
  你能让用户感到新鲜或者出乎意料吗? 你能让用户从心底绽开笑容吗? 你能让用户感受到你产品的优秀调性吗?
  
  空白的收藏夹
  
  空白的内容页面
  
  通过空白页面取悦用户,可以做这些:

  
  品牌(On brand):介绍并强化你的品牌元素
  
  亮点(Different):有创意或者展示你的幽默感
  
  共鸣(Relatable):展示你的产品温暖人性的一面
  
  空白的任务界面
  
  3. 引导用户行动

  
  空白的项目页面
  
  空白的关注列表页
  
  Airbnb 的空白的历史行程页面
  
  在空白页面上引导用户的下一步行动,需要包含这三点:
  
  动机(Motivate):向目标用户展示激励性的语言,例如: 劝说(Persuade):利益点不仅要在落地页上展示。当用户与你的产品交互时,也可以反复展示利益点。 直接(Direct):在一开始就向用户展示唯一且最优的路径。提供行动按钮或者给出引导。在用户初次接触 app 时并不适合让他们做选择题。你应该让初次接触的体验尽可能的简单。假如刚开始就需要用户创建一些内容,你应该提供一些模板之类的东西让用户可以借鉴。 增加空白页面的投入吧
  
  最棒的设计通常也是最具有挑战性的——它要求在信息呈现与操作上达成精巧的平衡。但是,一个空白状态的页面就可能阻断你的用户进一步探索你所设计的精妙界面。这些空白页面难道不值得你投入更多的时间和关注吗?