在产品的设计过程中,设计师总喜欢把图做的很漂亮,在虚拟页面的内容时,使用漂亮的图片,把内容安排的恰到好处。但是当产出界面demo时,这个页面可能是个空内容的页面,也可能内容很多,导致布局错位。
所以在设计界面时,一定不能忽视空状态、内容过多等极限状态。这些状态也许只会在初次使用时遇到,也许只会有很小一部分用户遇到,但是这些都影响着产品的细节品质。
在做交互稿或视觉稿的时候,为了让界面尽可能的真实,设计师们会虚拟一些内容放在页面上。但是当看到前端同学产出的demo时,设计师们又总是会觉得为啥和我当初做的页面那么不一样捏?
空状态
用户在初次使用一些产品时,经常会遇到空内容的界面,尤其是社交类的互联网产品,用户需要自己建立圈子、产生内容。 这种时候,通常会采用新手引导的方式,引导用户进行下一步操作。
比如初次使用foursquare时,会引导用户去添加好友,为了方便寻找好友,还可以从Facebook、Gmail、twitter中导入好友。
如果你的Facebook里面还没有写过任何文章,他也会引导你去进行写作,发布新的文章。
同样,Flickr也采用了引导操作的方式,让用户明确的知道,自己现在的状态是什么,下一步应该做些什么。
Gmail则采取发送邮件的方式对用户进行新手引导,让用户在阅读新手须知的同时,即完成了第一次使用的体验。
Tumblr利用空状态对界面的主要操作区域进行了说明,没有规定用户下一步应该做什么,你可以去添加关注,可以去发布内容,也可以去装饰自己的主页。这同样也是希望用户可以快速上手。
内容过多时的状态
互联网产品中的界面应该是可扩展的,这样内容才可以实现灵活地变化、充分地扩展。具体的方法,可以参见另一篇文章《界面灵活可扩展》。
所以在设计界面时,一定不能忽视空状态、内容过多等极限状态。这些状态也许只会在初次使用时遇到,也许只会有很小一部分用户遇到,但是这些都影响着产品的细节品质。
在做交互稿或视觉稿的时候,为了让界面尽可能的真实,设计师们会虚拟一些内容放在页面上。但是当看到前端同学产出的demo时,设计师们又总是会觉得为啥和我当初做的页面那么不一样捏?
空状态
用户在初次使用一些产品时,经常会遇到空内容的界面,尤其是社交类的互联网产品,用户需要自己建立圈子、产生内容。 这种时候,通常会采用新手引导的方式,引导用户进行下一步操作。
内容过多时的状态
互联网产品中的界面应该是可扩展的,这样内容才可以实现灵活地变化、充分地扩展。具体的方法,可以参见另一篇文章《界面灵活可扩展》。
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
暂无评论...
更新日志
2024年11月22日
2024年11月22日
- Parijat-BuddhaGarden《佛陀花园》[WAV+CUE]
- 证声音乐图书馆《巴莎诺瓦 惬意咖啡馆》[320K/MP3][220.56MB]
- 证声音乐图书馆《巴莎诺瓦 惬意咖啡馆》[FLAC/分轨][220.56MB]
- 群星《狂潮》夜店中文爆嗨重低音 黑胶碟2CD[低速原抓WAV+CUE]
- TraditionalMusicEnsembleofTheBNMA-BuddhistMusicoftheMingDynasty(JVC-Japan)[FLAC]
- [中国唱片]中央乐团交响乐队《绝烧HIFI典范》[WAV+CUE]
- 群星《2024好听新歌41》AI调整音效【WAV分轨】
- 张学友《吻别》MQA-UHQCD 日本压碟[原抓WAV+CUE][1G]
- 许嵩《寻宝游戏》[WAV+CUE][951M]
- 李玉刚《刚好遇见你》[WAV+CUE][970M]
- 罗文《国语精选》24K金碟限量版英皇娱乐[WAV+CUE][955M]
- 证声音乐图书馆《摇滚乐 海滩假期》[320K/MP3][50.75MB]
- 证声音乐图书馆《摇滚乐 海滩假期》[FLAC/分轨][273.06MB]
- 群星《情系民歌LP黑胶》2CD[WAV+CUE]
- 串烧歌曲《台语发烧热唱1国语发烧热唱2》2CD日版[WAV+CUE]