×

关于UI页面状态:空白状态

消耗积分:1 | 格式:rar | 大小:0.3 MB | 2017-09-26

分享资料个

  设计师必须让用户在 “首次使用“ 就有好的体验!本篇就要探讨设计师最常忽略的页面 – 空白状态(empty state) 页面。

  大多 app 平均会失去 77% 的用户(用户下载后三天)。更糟的是,在 30 天内, 将近 80% 的用户不再使用。造成如此低的用户留存率(retention rates)是因为 app 制作或概念不良吗?恐怕有其他原因。基本上,使用者会下载许多 app 试用,并在几天内就会决定该删除那几个。这代表怎么在这个期间内让使用者上瘾,是迈向成功的关键。而你的任务就是确保用户要经常使用你的app,且能心满意足。但在达到这个目标之前,你必须让他们在 “首次使用” 就有好的体验!本篇就要探讨设计师最常忽略的页面 – 空白状态(empty state) 页面。

  第一眼印象太重要了!

  设计师应该通常都会先设计内容齐全的代表页面,并在示意图上呈现最佳排列的效果。直到最后(或没有)才考虑可能遇到的空白状态(empty state) 。但重要的是,“空白状态” 的呈现具有能驱动用户继续使用的潜力,我们要把握这个与用户沟通价值的时机。

  什么时候使用者会遭遇 “空白状态“ ?

  首次使用: 首次开启 App

  发生错误:触发某事件

  使用者主动清除:当使用者把内容都清空时

  设计空白页面的效益并不仅是美学的提升,它能让用户预期接口可能要呈现的内容,也可增加使用者的黏着度,并告知使用者进行某些动作会发生甚么事情。设计 “空白状态” 页面,可达到下述三大效益:

  教学与帮助

  让使用者开心

  激励使用者行动

  1. 提供教学与帮助

  在 “空白状态“ 页面上可达成的第一个效益就是:指导使用者如何使用你的 app。如果他们不懂 如何操作,app 可能就会被打入冷宫。所以,你应该要协助他们理解下一步要干嘛?或让他们可期待会有种事件发生。

  

  Invoice app — 搭配双色的插画,来告知用户赶紧输入相关资料,以呈现你的销售表现,并开始经营客户。

  在发生 “错误” 的页面上,应该要提供有用的信息,如协助排除。此页面的设计需在 “友善的程度“ 与 “帮助的效益” 中取得平衡。当错误发生时,你应该向使用者解释为什么看不到内容,该怎么解决。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

评论(0)
发评论

下载排行榜

全部0条评论

快来发表一下你的评论吧 !