在产品的设计过程中,设计师总喜欢把图做的很漂亮,在虚拟页面的内容时,使用漂亮的图片,把内容安排的恰到好处。但是当产出界面demo时,这个页面可能是个空内容的页面,也可能内容很多,导致布局错位。
所以在设计界面时,一定不能忽视空状态、内容过多等极限状态。这些状态也许只会在初次使用时遇到,也许只会有很小一部分用户遇到,但是这些都影响着产品的细节品质。
在做交互稿或视觉稿的时候,为了让界面尽可能的真实,设计师们会虚拟一些内容放在页面上。但是当看到前端同学产出的demo时,设计师们又总是会觉得为啥和我当初做的页面那么不一样捏?
空状态
用户在初次使用一些产品时,经常会遇到空内容的界面,尤其是社交类的互联网产品,用户需要自己建立圈子、产生内容。 这种时候,通常会采用新手引导的方式,引导用户进行下一步操作。

比如初次使用foursquare时,会引导用户去添加好友,为了方便寻找好友,还可以从Facebook、Gmail、twitter中导入好友。

如果你的Facebook里面还没有写过任何文章,他也会引导你去进行写作,发布新的文章。

同样,Flickr也采用了引导操作的方式,让用户明确的知道,自己现在的状态是什么,下一步应该做些什么。

Gmail则采取发送邮件的方式对用户进行新手引导,让用户在阅读新手须知的同时,即完成了第一次使用的体验。

Tumblr利用空状态对界面的主要操作区域进行了说明,没有规定用户下一步应该做什么,你可以去添加关注,可以去发布内容,也可以去装饰自己的主页。这同样也是希望用户可以快速上手。
情非得已
21个Sketch实用高频小技巧2019-02-15
25款值得收藏的优秀网站模板免费下载2015-09-16
20套高质量的免费网页模版PSD素材2013-09-02
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
CSS实例教程:十步学会用CSS建站2011-10-05
网页设计师:浅淡网页BANNER设计2010-09-27
网页细节教程:WEB设计精确点滴2010-09-13
网页设计中的点滴细节把握2010-09-01
总结交互组件创新的四种方式2010-06-28
最全的国外电子商务CSS模板下载2010-06-18
高级设计师如何设计优秀的引导页
相关文章3482018-10-10
B端产品常用Web列表设计模式总结
相关文章3742018-04-06
浅谈WEB端布局框架的思考与设计
相关文章4912018-01-10
解析用户测试的基本步骤和沟通技巧
相关文章1972017-12-17
实例解析如何提升设计产品的增值服务
相关文章2492017-11-17
详细解析电商产品中板式设计技巧整理
相关文章5172017-09-22
24个设计师容易忽略的APP设计细节
相关文章2842017-08-07
详解网页交互设计如何赋予产品安全感
相关文章1772017-08-07
