网页设计手把手教你空白页面应当怎样设计
在我阅历的设计项目中,所有的项目成员都会要求设计师优先制做所谓的「典型页面」,常见的就是产品的首页和详情页。
而空白页面,或者说缺省数据页面(例如没有任何联络人的通信录和没有任何谈天记载的微信),平常都是在设计历程的最后阶段才作考虑。有些时候,甚至会被遗忘。直到某个开发同窗提出来,『这个页面,要是没有数据的时候,该显示什么鬼东西啊?』
今天翻译的这篇文章,作者从会员首次接触产品,尚无内容/数据/摰友的状况入手,剖析并总结了一些空白页面设计的思绪,应当能给各位产品设计者带来灵感。下面进入译文。
会员「首次运用」你的产品时会碰到空白状态的页面,这也是会员由浅入深接触你的产品的必经之路。在这个历程中,一个优良的空白页面应当达成三个指标:
教育会员
取悦会员
指导会员
教育你的会员
空白的回购站页面——回购站里的东西将在60天后被删除
广州网页设计 广州网站设计 广州UI设计 提示你:一个优良的空白页面应当解决三大题目:何物?何地?何时?
何物(What):解释这个页面在说什么
何地(Where):奉告会员目前的位置,以及接下来可以干什么
何时(When):解释此处空白在什么状况下将涌现有效的数据
空白页面应当怎样设计,互联网的一些事
空白的同享链接页面——你分享的东西会涌现在这里
取悦你的会员
空白的代码提交页面
译注:这是 Bitbucket 的代码提交记载页面,当它为空时,网站的拟人化形象——一个小桶子用幽怨的口气说道,『我这里没有任何提交记载,这让我显得毫无用场。我感触很难受。』(解决这个题目)优良的第一印象不仅仅与可用性有关,它也与产品的调性有关。
问你本人这几个题目:
你能让会员感触新颖或者出人意料吗?
你能让会员从心底绽开笑颜吗?
你能让会员感想到你产品的优良调性吗?
空白的珍藏夹
译注:一个仙人掌杵在那里,说道,『这儿看起来像是沙漠!你没有任何珍藏的东西空白页面应当怎样设计,互联网的一些事』接下还有一个指导会员去珍藏的动作按钮。
空白的内容页面
译注:一个略显苦逼的熊猫脸,说道,『我们在四周啥也没找到看起来你四周没有什么特殊的事情产生。你可以过一阵子再试试这个功能。』通过空白页面取悦会员,可以做这些:
品牌(On brand):介绍并强化你的品牌元素
亮点(Different):有创意或者展现你的风趣感
共识(Relatable):展现你的产品和煦人性的一面
空白的任务界面
译注:看起来像是一个游戏的任务列表页面。一个潜水员在一条鲨鱼周边,说道,『你尚无预备好,指示官。回去再练习一下吧。』
指导会员动作
空白的项目页面
译注:一个小人如有所思的看着右上角,念道,『唔……那个蓝色的按钮确定很重要』。
空白的项目页面
译注:一个小人如有所思的看着右上角,念道,『唔……那个蓝色的按钮确定很重要』。
Airbnb 的空白的历史行程页面
译注:『当你完毕一次旅行,你会在这看到它。』接下来就是一个指导会员去摸索的动作按钮。在空白页面上指导会员的下一步动作,需要包含这三点:
动机(Motivate):向指标会员展现鼓励性的说话,例如:『此刻就开端!』
挽劝(Persuade):利益点不仅要在落地页上展现。当会员与你的产品交互时,也可以重复展现利益点。
直接(Direct):在一开端就向会员展现独一且最优的途径。供给动作按钮或者给出指导。在会员初次接触 app 时并不适合让他们做选中题。你应当让初次接触的体验尽可能的简略。假设刚开端就需要会员新建一些内容,你应当供给一些模板之类的东西让会员可以借鉴。
添加空白页面的投入吧
最棒的设计平常也是最拥有挑衅性的——它要求在信息呈现与操纵上达成精巧的均衡。但是,一个空白状态的页面就可能阻断你的会员进一步摸索你所设计的精妙界面。这些空白页面难道不值得你投入更多的工夫和关注吗?