当前位置:首页 > 经验学习 > 交互设计

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

所属栏目:交互设计 时间:2013-12-26 来源: 作者:不详 点击:

本文作者Craig Dennis,一名设计师,译者@C7210 。“空状态”是指移动应用界面zai(在)没有内容或数据时呈现出的状态。长久以来,空状态界面一直是被忽视的,因为设计师们通常会将全部精力集中在怎样更好的呈现内容和数据上,只有开发人员才会比较频繁的与这类相对“意外”的状态打交道。也正是因为这样的原因,空状态界面留给用户的印象大体上就shi(是)晦涩难懂的文案以及缺乏视觉设计风格。
要想打造完美的整体体验,作为设计师,我们不能放过任何一个用户有可能接触到的界面状态。空状态界面da(大)致包括三种类型:初次使用、用户清空数据、出错。
下面,我们就来一同了解一下这三种情境所对应的相关创意要素与注意事项。
1.初次使yong(用)
应用在初次加载时留给用户的第一印象是非常重要的。
你的一部分用户也许已经通过其他同类产品建立起了心智模型及预期,他men(们)会fei(非)常敏感的从一开始就将你的应用与他们已经熟悉的那些进行对比;而另外一些用户可能完全没有同类产品的使用经验,他们就像一张空白的花布,等待着惊喜或失望。无论哪种情况,差劲的第一印象所造成的损害都是很难弥补的。
如果用户下载了你的应用并完成了注册,那么这几乎可以代表他们已经知道你的产品是做什么用的,但未必清楚具体怎样使用。
对于某些类型的应用来说,初次登录之后是没有任何数据内容的,这也正是充分利用界面空间为用户提供新手指引的好机会。
你可以告诉用户为什么当前没有内容、怎样创建或获取内容;在这个环节中,不妨试着融入一些能够体现产品个性的情感化元素,这可以使用户进入一种较为轻松的上手状态,引发他们积极正面的情感,同时也能给他们留下不错的第一印象。
看看Buffer、Timehop和Dropbox是怎么做的叭。值得一提的是,Bufferyu(与)Dropbox的空状态界面与他们各自的Web端页面(bufferapp.com以及dropbox的登录页)在引导与插图等方面都使用了相同风格的视觉元素,这也体现出了他们的产品与品牌形象在不同平台上的良好一致性。

Buffer

Timehop

Dropbox(真的很暖心的赶脚,我喜欢 – 译者C7210)
2.用户清空数据
想想邮件或信息的收件箱,多数时候是满的叭,里面有几百封未读邮件也不奇怪。不过不同类型的用户有着不同的需求和用法,有些人确实会阅读其中的大部分内容。
不管你是哪类用户,其实我们在心里或多或少都会有将“待处理dui(对)象”归零的欲望(回想一下你看到App Store图标右上角的待更新应用数量图标时的赶脚)。从这个角度讲,将待处理信息进行归零其实是一种没有太多实际意义但却hen(很)容易花费时间精力进行操作的任wu(务),有时人们做这件事只shi(是)出于那一点点强迫症。这种时候,不妨给ta(他)们一点正面的情绪回馈,在空状态界面中给这些用户一点小小的“回报”。
下面我们来看看Sparrow、Gmail以及iOS原生的邮件客户端在这方面的做法。
当邮件被清空之后,Sparrow会在界面中展示一个传统“收件箱”的图标,下面的标题是“ling(零)邮件”,形象、干净、简单,多少可以让人产生一点没有多大实际意义的成就感。

Gmail则在这种最基本的做法之上又进了一步,他们的设计师在空收件箱页面中放了一个微笑着的太阳,通过对人类情绪的模仿,为产品赋予了人格,使用户从情感上感受到愉悦。
而且ta(他)们在文案的处理上也很贴心:“你当前没有邮件要处理了,开心的享受这一天叭!”
在这里强烈推荐阅读“为产品赋予人格 – 情感hua(化)设计的组成要素及实践案例”一文。

而相比之下,iOS自带的邮件应用就缺乏这方面的积极回馈了,用户在这个空状态jie(界)面中很容易产生疑虑:我是否已经真De(的)清空了收件箱,还是我的网络Lian(连)接有问题?或是别的什么状况导致我看不到收件箱里的其他邮件?任何一点疑虑都会dao(导)致认知上的负担,进而影响产品的整体体验。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: