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

标签: 交互体验 产品设计 用户研究 | 发表时间:2013-03-16 07:15 | 作者:reynold
出处:http://reynold.cn

推荐理由:空白状态是出现在动态信息页面中,当还没有提交任何资料时的空白画面。但这看似是个很直觉的页面设计,其实是个能够与使用者对话的重要机会,也是个能够诱导使用者跨出第一步,并且开始着迷于你有趣服务或程序的关键。

空白状态

 

想想看通常我们都会在这个空白页面写什么呢?最常见的就是「目前没有消息」或是「目前没有上传的照片」等,对于使用者来说可能不至于有反感的感觉,但跨出第一步总是门坎比较高,因此很多网络服务或应用程序,都会有很多使用者呈现幽灵状态,在申请后就再也没消没息,或是保持潜水只看不产出内容,这当然可以有非常多的原因,但是我们所希望的,就是竭尽所能的诱导他们提交内容,因而与服务产生连接。

所以我们更不应该错过这个良好的机会,因为空白状态的页面有可能就是你的使用者最后所看到的画面,之后他们很有可能再也不会打开这个服务或是应用程序。

知名设计与工程师 Nathan Barry 在 Designing Web Application 中建议了三个空白状态需要提供给用户的信息:

告诉用户什么数据将会出现在这里(What)。
给使用者为什么他们想要在这里提交内容的理由(Why)。
要怎么提交内容(How)。

首先我们必须要清楚地告诉使用者,这个页面所会出现的内容信息是什么,常常可以看到只显示个「空白(Empty)」或是「没有数据(No data)」这种没有注明内容名称的方式,那到底是没有什么信息?什么东西是空的呢?可能是朋友、照片、或是旅游记录,但用户无法马上了解到此页面的信息形态,我们应该要清楚的提示内容的形态,例如 Evernote 与Instagram App 就透过清楚的形态名称(tags / friends)再加上图示让我们可以很快速的就明白我们将要提交的内容是什么。

1

除了文字与图标的解说以外,还有另外一种快速让用户了解信息内容的方式,就是让他们直接体验真实的信息内容,或是一些范例信息,而不需要凭空想象,例如 Evernote Food 与 Lift 如下图:

2

在了解信息内容的形态以后,最好能提供使用者一个渴望提交内容的冲动或诱因,告诉他们使用了你的服务以后可以得到些什么?例如你因此可以认识更多的人、提交了标签以后你可以更轻松的找到你要的信息、或是你可以与客户之间的往来更方便而节省时间与成本等,让使用者产生目的性以及愿景(下图为 FreshBooks 网络服务)。

3

情绪性的言语表达或是图示,有时候也是可以发挥作用的,例如 Vine (下图)里面不开心的图示,就会让人想赶快分享些什么东西。

4

当初 Facebook 在删除用户账号的接口中,就透过了「你的朋友会想念你的」 的文字加上照片,成功的拦阻了许多想要删除 Facebook 账号的网友们,我们也许可以用类似的方式如「你的朋友正在等待你分享的消息呢!」加上朋友的图片,来提高使用的意愿,人类的促发行为往往是察觉不到却又有大大影响行为与结果的能力!

5

在最后,我们需要提供使用者一个简单明了的提交方式(通常就是一个明显的提交按钮),我们为什么不利用充裕的空白状态的页面,让使用者可以直接在页面中间轻松的点击提交,而只显示个「没有数据」的文字消息呢?

在 SoundCloud 中橘通通的录音按钮(下图),就提供了一个很好的示例。而若是你的服务会有很多复杂的操作,尤其是有创新的使用方式时,Nathan 也建议可以将难以记住的教学步骤拆开来,与其一开始就把使用者搞的昏头又记不着,不如分别显示在空白状态的页面中,当你点击到此页面时,才解释并且教你怎么使用。

6

空白状态多半是在使用者刚开始使用的时候才会被看到,这时他们仍然对你的新产品保有些微的耐心,我们应该把握住这个能与使用者对话的珍贵机会,而不要让使用者看完这个页面后,脑中真的仍然保持「空白」的状态。

Via: DesiringClicks    原文标题《空白狀態也可以發揮作用

如果看到这段文字,证明您已经看完这篇文章了,有什么收获有什么感想有什么不赞同,我们期待您的留言评论,并诚挚邀请您加入“互联网er早读课”QQ群,一同交流每天文章的心得并结识同行。官方2群:74447564,加群密码“职业信息+城市+姓名”,否则不予通过,入群后请修改群名片。注:官方QQ群非水群,喜欢闲聊的童鞋请勿加入。再次感谢您对早读课网站的支持。

我们猜您可能也喜欢:

20130311早读课:从错误里汲取经验,一款产品设计案例分享

20130222早读课:移动产品的典型设计思路

20130304早读课:产品设计中“行为召唤”的意义

20130227早读课:如何设计产品里优秀的反馈循环

20121109早读课:手机产品设计之用户引导
无觅

相关 [忘了 产品设计 空白] 推荐:

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

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

产品设计流程

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

移动产品设计之设计

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

手机产品设计禁忌

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

移动产品设计新思路

- - 互联网的那点事
随着时代的变迁,移动产品的设计也有了更多的变化. 用户的需求越来越多、使用的场景也更加复杂. 也因此移动产品就有了更多设计的新思路. 当然,手机的玩法虽然不再被局限在有限的领域,但是对于那些更喜欢用手机拍核桃、钉钉子以及起瓶盖的各位童鞋,还是看看本次由朱坤 @kentzhu 分享的移动产品设计真正的新思路.

从Mailbox看产品设计火花

- - 优设(UISDC)
Mailbox是个基于Gmail的任务管理类的应用,任务即邮件,可以让邮件完成,删除,设为稍后提醒,放入待办项目中,推行Inbox Zero理念,是个最近比较火的产品,不过坑爹的是Mailbox下载后不能马上用,需要排队开通,本人在上周终于排到了队,经过了几天的试用,把Mailbox和热门邮件客户端Gmail,Sprrow做对比,顺便记录一些感想.

PM札记:产品设计这两年

- - 所有文章 - UCD大社区
做产品差不多也两年左右了,基本上这条路是磕磕绊绊,迷迷糊糊,但好歹大方向是正确的,有空回想总结起来,唏嘘不已,看看以前对产品的看法,再看看今天对产品的认识,不仅感叹自己当初的幼稚,如今,更多的是了解了自己的无知与渺小,怀着一颗谦卑的心,继续学习,在产品这条路上寻找自己的价值. 产品职责包含很多东西,产品设计只是其中的一种职责,只是简单的描述一下我在产品设计上的弯路,回想起我的产品设计生涯,目前走过了三个阶段:.

Siri引发的产品设计变革

- Jerry - 月光博客
  Siri的发布,在iphone 5的失望之后,为苹果带来了言之不尽的话题,其热度甚至超过了ios 5这个重大操作系统更新. 但是,今天希望论述的却不是这些讨论,而是设计者有意或无意之间,为某一类工具的设计产生了重大性的基础定位变革.   笔者不知道大家称Siri为何,或许会被称为“语音交互工具”吧,因为它绝对已经突破了“语音识别工具”这种“声音到文字,文字到命令”的范畴,而直接使用语音实现人机交互.

移动平台上的产品设计

- - 雷锋网
【编者按】本文由 @淘宝UED 团队所撰. 随着智能手机的产生,人们对它们的使用时间与粘性迅速加大,移动互联网的发展越来越迅猛,越来越多的PC端产品开始把注意力集中在转移到方寸之间的屏幕之上时,有如潮水般汹涌. 我们需要的就是适应在移动平台设计一个好的APP,以此获得自己的席位. 当下的移动互联网产业,已经从单纯的以实现单一功能为主,到平台的转移,再到各个APP之间的产业链的形成,还有广告植入的各种运营手段产生各种盈利.

产品设计原则有那些?

- - 知乎每日精选
产品设计的原则有点太泛哈,这里想结合自己的工作心得来小结一下手机无线设计8原则:. 原 则 1 :用 户 界面 应该 是基于用 户 的心里模型,而不是基于工程 实现 模型. 就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式. 其实这一点是设计师把生活中的细节和数据结合的凝聚点,用户的心理模型抓的越准,界面就会越优秀.