资源描述：
《3个实用技巧助您搞定移动缺省页设计》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、3个实用技巧助您搞定移动缺省页设计今天腾讯ISUX的同学从三个角度（What、Why、How）帮同学们搞定移动缺省页的设计。文中含大量丰富实例，可借鉴性非常高，强烈推荐同学们收藏唷。饭饭妥妥的：缺省页面，是出现在用户没有提交任何资料或者网络连接不通畅的情况下所展现的页面。通常设计师们习惯用丰富的数据内容把页面设计得美观实用，考虑的都是界面展现的“理想状态”，往往会忽视没有内容的“缺省状态”。未经过精心设计的缺省页面降低了用户的使用体验，并可能给用户带来困扰，如下图iOS系统邮件App，无邮件时界面上没有任何有
2、效反馈信息，用户不能明确得知到底是网络问题还是账号同步出错亦或者是收件箱内确实一封邮件都没有。同样的情况也出现在Pinterest和出发吧的界面里。那什么内容可以被添加进入缺省页面从而使其“丰富友好”呢？NathanBarry在DesigningWebApplication中提出了“WWH”的概念来帮助产品设计师解决此类问题。告诉用户什么样的数据将会出现在这里（What）首先，用户很可能是第一次接触你的产品，他们对于使用还不是很了解，而这正是你可以利用缺省页面向他们提供说明的好机会。设计时可以使用简单明了的文
3、案告诉用户这里将会放置什么样的内容。花点心思在这里，不要让空白的缺省页成为用户最后看到的状态。下面是一些优秀的范例：支付宝钱包的电子券和行程单页面通过票据图形+文字清楚地说明该分类下会出现什么内容，并在屏幕下方提供添加票据的按钮。20currencydeposit,weprescribeapassonaregularbasis,qilucardaccountonaregularbasis),certificatebondsandsavingsbonds(electronic);3.notdrawnonaban
4、ksavingscertificate,certificatebondsapplyformortgageloans,acceptingonlythelenderDropbox是笔者非常喜欢的一款网络文件同步工具，产品面临的问题是需要引导用户上传内容。应用在用户首次使用收藏、相册及提醒功能时通过灰阶加线条风格的图示和浅白的文字说明告知用户如何使用这三个功能，画面在保持一贯品牌风格的同时也降低了用户因为列表内空无一物而产生情绪上的挫败感。20currencydeposit,weprescribeapassonar
5、egularbasis,qilucardaccountonaregularbasis),certificatebondsandsavingsbonds(electronic);3.notdrawnonabanksavingscertificate,certificatebondsapplyformortgageloans,acceptingonlythelender除了简单的图标加文字说明之外，一些应用还有一种更为快捷直接的方式：预置内容，即让用户直接体验真实的信息内容，或是一些范例信息，而不需要凭空想象。S
6、hadowPuppet可以把照片和视频剪辑结合声音、贴纸等制作成动画，制作简单，被誉为视频版的PPT。它的首页预置了展示用的视频样本，用户可以通过观看视频案例对ShadowPuppet的视频制作有感性的认知。20currencydeposit,weprescribeapassonaregularbasis,qilucardaccountonaregularbasis),certificatebondsandsavingsbonds(electronic);3.notdrawnonabanksavingscer
7、tificate,certificatebondsapplyformortgageloans,acceptingonlythelender告诉用户为什么要在这里提交内容（Why）在了解完信息的内容形态以后，就要提供给用户一个提交内容的理由。缺省页的设计应该简单告诉用户建立内容的好处，比如你可以认识更多人，可以更有条理也更高效地管理信息等等，帮助用户产生使用目的。多看阅读的已购和云空间缺省页面直接告诉用户：快来买书并上传到云空间吧，这样你就能有跨平台同步书籍的体验了。20currencydeposit,wepr
8、escribeapassonaregularbasis,qilucardaccountonaregularbasis),certificatebondsandsavingsbonds(electronic);3.notdrawnonabanksavingscertificate,certificatebondsapplyformortgageloans,acceptingonlythelender充
