设计中不可忽略的产品状态

标签: 交互设计 产品设计 | 发表时间:2012-08-14 13:49 | 作者:P迪
出处:http://www.alibuybuy.com

【编者按】本文转载自 @子木yoyo个人博客。在产品的设计过程中,设计师总喜欢把图做的很漂亮,在虚拟页面的内容时,使用漂亮的图片,把内容安排的恰到好处。但是当产出界面demo时,这个页面可能是个空内容的页面,也可能内容很多,导致布局错位。

所以在设计界面时,一定不能忽视空状态、内容过多等极限状态。这些状态也许只会在初次使用时遇到,也许只会有很小一部分用户遇到,但是这些都影响着产品的细节品质。

在做交互稿或视觉稿的时候,为了让界面尽可能的真实,设计师们会虚拟一些内容放在页面上。但是当看到前端同学产出的demo时,设计师们又总是会觉得为啥和我当初做的页面那么不一样捏?

空状态

用户在初次使用一些产品时,经常会遇到空内容的界面,尤其是社交类的互联网产品,用户需要自己建立圈子、产生内容。 这种时候,通常会采用新手引导的方式,引导用户进行下一步操作。

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

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

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

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

Tumblr利用空状态对界面的主要操作区域进行了说明,没有规定用户下一步应该做什么,你可以去添加关注,可以去发布内容,也可以去装饰自己的主页。这同样也是希望用户可以快速上手。

内容过多时的状态

互联网产品中的界面应该是可扩展的,这样内容才可以实现灵活地变化、充分地扩展。具体的方法,可以参见另一篇文章 《界面灵活可扩展》

原文链接: 不可忽略的产品状态

 


© 推荐 for 互联网的那点事, 2012. | Permalink | One comment | Add to del.icio.us
Post tags:

你可能也喜欢:

《至关重要的设计》–创造有情感体验的设计 (@70man)

橱窗设计之一 (@toodaylab)

人人都“懂”交互设计-未必人人都是交互设计师

交互设计中的默认值

交互设计入门–了解交互设计
无觅

Feed enhanced by Better Feed from Ozh

相关 [设计 产品 状态] 推荐:

设计中不可忽略的产品状态

- - 互联网的那点事...
【编者按】本文转载自 @子木yoyo 的 个人博客. 在产品的设计过程中,设计师总喜欢把图做的很漂亮,在虚拟页面的内容时,使用漂亮的图片,把内容安排的恰到好处. 但是当产出界面demo时,这个页面可能是个空内容的页面,也可能内容很多,导致布局错位. 所以在设计界面时,一定不能忽视空状态、内容过多等极限状态.

20130316早读课:不要忘了产品设计里的空白状态

- - 互联网er的早读课,专注产品、用研、交互
推荐理由:空白状态是出现在动态信息页面中,当还没有提交任何资料时的空白画面. 但这看似是个很直觉的页面设计,其实是个能够与使用者对话的重要机会,也是个能够诱导使用者跨出第一步,并且开始着迷于你有趣服务或程序的关键. 想想看通常我们都会在这个空白页面写什么呢. 最常见的就是「目前没有消息」或是「目前没有上传的照片」等,对于使用者来说可能不至于有反感的感觉,但跨出第一步总是门坎比较高,因此很多网络服务或应用程序,都会有很多使用者呈现幽灵状态,在申请后就再也没消没息,或是保持潜水只看不产出内容,这当然可以有非常多的原因,但是我们所希望的,就是竭尽所能的诱导他们提交内容,因而与服务产生连接.

关于产品的设计

- - 膘叔
一个好的产品,必然是有灵魂的. 一个好的产品,即使是没有内容,也是能够被人喜欢的. 一个好的产品,就算没有内容,它本身也是内容. 上面是我的乱谈,当然第一句话,我想,绝对没有说错:好的产品,是灌注着灵魂的. 下面的内容来自于:http://www.huxiu.com/article/9778/1.html.

产品设计流程

- - 互联网分析
新的一年到了,分享个大的东西,这个是之前团队总结的一套「产品设计流程」,里面包含了3大模块,产品前期分析,设计环节,上线总结反馈,基本上涵盖了,从需求到上线的经过的流程,相较于大型UED团队会“轻”一些,适合中小型团队. 如果所在公司内部还未有设计流程,可以参考此流程,也可以拿去在这个基础上进行改进.

移动产品设计之设计

- crystal - 互联网的那点事
移动产品设计最大的差异点在于用户使用场景的变化,场景的变化引发了交互方式巨大的变化,从而也使得信息呈现方式有所不同,再加上硬件设备的差异,最终使得2者千差万别了. 所以,移动产品设计之设计应该首先从用户的使用场景出发,同时考虑用户的硬件设备差异,综合以上2点去帮助用户完成某个任务. 按照我的理解,场景、任务、用户可以称之为设计的三要素,每一个设计实际上都是试图去帮助用户在某个场景下完成某个任务的.

移动应用的三种空状态界面设计

- - 互联网的那点事
本文作者 Craig Dennis,一名设计师,译者 @C7210. “空状态”是指移动应用界面在没有内容或数据时呈现出的状态. 长久以来,空状态界面一直是被忽视的,因为设计师们通常会将全部精力集中在怎样更好的呈现内容和数据上,只有开发人员才会比较频繁的与这类相对“意外”的状态打交道. 也正是因为这样的原因,空状态界面留给用户的印象大体上就是晦涩难懂的文案以及缺乏视觉设计风格.

用户界面设计中“状态”和“动作”的表达

- - 互联网的那点事...
前阵子与同事探讨一个小需求时又遇到了按钮表示“动作”和表示“状态”间矛盾问题. 想想这个问题多年前已经开始讨论了,所以在此整理一下思路,与大家共享. 具体案例是这样的:如上图所示,在“启用”和“停用”搜索定制功能时,这个按钮到底是表示“状态”还是表示“动作”呢. 简单的说,上图中 1表示当前是停用状态,还是表示点击后为停用操作呢.

交互设计,产品设计与用户体验设计

- 章明 - 所有文章 - UCD大社区
交互设计,产品设计和用户体验设计经常被混淆,而实际上完全不是一个概念甚至不是一个纬度的概念;. 一直认为交互设计与互动设计很接近,互动设计这个词更多用在flash设计中,维基百科中的交互设计的定义也证实这个想法:. 交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域.

高效的产品可视化设计

- - 雷锋网
【编者按】本文转载自 百度UEO,作者为 @刘曼0722. 对于降低产品对于用户的使用门槛是否也曾经对你造成困扰. 交互设计中对用户体验尤为重视、可视化效果就成了设计中的制高点. 可视化在对商业效果以及用户体验价值的提升上都是非常重要的手段,而如何高效的设计产品的可视化效果就成了值得研究的一个课题.

手机产品设计禁忌

- - 落花流水——elya妞╰_╯
在做手机产品设计的过程中,遇到很多看似很小,且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的产品心生怨念. 刚出道的朋友没有经过实战,对细节注意不多,往往都会遇到类似的问题,强调多次后,觉得不如写下来,给新人共勉. 一般按钮会有四态,不可点击效果、可点击效果、聚焦状态、按下状态.