其实我还不知道新年什么时候过去,但我知道很快就会过去,因为公司里好像很多人都走了。不,这真的不像过年的季节。天气温暖如暮春初夏。在屋顶抽烟时,甚至可以发现成群结队的小飞虫在飞舞。这是去哪儿了。其实无论是工作还是生活,似乎任何一件正常进行的事情都会让我急着“过完年继续认真”,而一些需要着手的事情也计划着“着手去做”在农历新年假期期间。”这样;一些自己的项目,理想的作品集,一些想看的书,一些想玩的游戏……基本都是这样。着急做事也不是不行,只是好像总想找个大部头;我不知道这是否是拖延的借口;事实上,我不认为我有这个问题,真的。打住,让我们进入今天的正文,关于移动应用的空态界面设计;虽然本文中的示例都是iPhone应用程序,但事实应该与平台甚至设备类型无关。(顺便说一句,使用微信的朋友可以添加Beforweb,点击侧边栏的第二个图标,会出现一个二维码)“空白状态”是指没有内容或数据时的移动应用界面。状态。长期以来,空状态界面一直被忽略,因为设计者通常将所有精力都放在如何更好地呈现内容和数据上,而只有开发者才会频繁处理这种相对“意外”的状态处理。也正是因为这个原因,空状态界面给用户留下的印象普遍是文案晦涩,缺乏视觉设计风格。为了创造最好的整体体验,作为设计师,我们不能放过任何用户可能接触到的界面状态。空状态接口大致包括三种类型:初始使用、用户清除数据和错误。下面我们就来看看这三种情况对应的相关创意要素和注意事项。1.首次使用应用程序在首次加载时给用户留下的第一印象非常重要。您的某些用户可能已经通过其他类似产品建立了心理模型和期望,他们会非常敏感地将您的应用程序与他们一开始就熟悉的应用程序进行比较;而其他用户可能根本没有类似的产品。有了经验,他们就像一张空白的画布,等待惊喜或失望。在任何一种情况下,糟糕的第一印象所造成的损害都难以弥补。如果用户下载您的应用程序并注册,这几乎意味着他们已经知道您的产品是做什么的,但不一定知道如何做。对于某些类型的应用,首次登录后没有数据内容,这是充分利用界面空间为用户提供新手引导的好机会。可以告诉用户为什么当前没有内容,如何创建或获取内容;在这个环节中,不妨尝试融入一些能够体现产品个性的情感元素,这样可以让用户进入一个更加轻松的上手状态,触发他们的积极性。积极的情绪也能给他们留下良好的第一印象。查看Buffer、Timehop??和Dropbox是如何做到的。值得一提的是,Buffer和Dropbox的空状态界面以及它们各自的网页(bufferapp.com和dropbox登录页面)在引导和插图方面都使用了相同风格的视觉元素,这也体现了它们产品良好的一致性以及不同平台上的品牌形象。bufferTimehop??Dropbox(真的很暖心,我喜欢-译者C7210)2.用户清空数据想想邮件或者消息的收件箱,大部分时间都是满的,里面有几百封未读邮件。陌生感。不同类型的用户虽然有不同的需求和用法,但有些人确实阅读了大部分内容。不管你是哪一类用户,其实我们心中或多或少都会有将“待处理对象”清零的愿望(回想一下你看到上层待更新应用数量的图标AppStore图标的右上角)。从这个角度看,将待处理的信息归零其实是一个没有太大实际意义但容易耗费时间和精力的工作。有时人们这样做只是出于一点点强迫症。这时候不妨给他们一点积极的情感反馈,在空状态界面给这些用户一点“奖励”。让我们来看看Sparrow、Gmail和iOS的原生邮件客户端是如何做到这一点的。清空邮件时,Sparrow会在界面显示一个传统的“收件箱”图标,下方标题为“零邮件”,视觉简洁,给人一种成就感,没有太大的实际意义..Gmail更进一步采用了这种基本方法。他们的设计师在空白的收件箱页面上放了一个微笑的太阳,通过模仿人类的情感,赋予产品个性,让用户感觉更舒适。感受情感上的愉悦。而他们在文案的处理上也非常贴心:“你暂时没有邮件需要处理,快快乐乐的享受这一天吧!”在这里我强烈推荐阅读《产品的个性——情感设计成分与实践案例》一文。相比之下,iOS自带的邮件应用在这方面缺乏积极的反馈。用户在这个空空如也的状态界面中很容易产生疑惑:我真的清空了收件箱,还是我的网络连接有问题?问题?或者其他阻止我在收件箱中看到其他电子邮件的东西?任何疑问都会产生影响产品整体体验的认知负担。3、错误“错误”多为网络连接中断所致。在这种情况下,尝试提供更有用或更友好的内容,而不是一堆丑陋的错误消息。让用户在非常规的用例中看到你的设计,他们会觉得现在的情况在预期的范围内,就会放松。接下来我们来对比一下Chrome、OperaMini和Safari在这方面的表现。Chrome提供了大量只有技术人员才能理解的错误消息;普通用户甚至没有兴趣花时间在移动设备上阅读此类内容。OperaMini只提供了类似模式对话框的控件。整个风格看起来很生硬,但是文案比较简单易懂。Safari的处理方式就漂亮多了。它通过简单明了的语言向用户解释当前的情况。整个界面的视觉风格似乎在有意软化“失误”带来的负面影响。出现连接问题时很容易产生非常消极的情绪,在这种情况下你最不想做的就是用长长的模糊文本块和生硬的视觉风格来加剧用户的焦虑。当然,错误不仅限于浏览器。再次以Gmail的iPhone客户端为例,他们也用情感元素来呈现错误信息——一朵看起来不太高兴的小云——似乎应用本身就明白用户当前的感受。相比之下,Instagram和Youtube的反馈方式在态度上略显消极。总之,无论你的产品是否需要网络连接,或者如果它根本不是iOS应用程序,一些基本原则是相同的:注意用户无法获取任何内容的状态,并给予用户某种形式的反馈。我们将这篇文章的内容进一步抽象为三个简单的设计原则:在没有数据的时候,引导用户去创造内容。想一想目标用户在使用产品时的心理和目标。他们经常清空数据吗?如果是这样,相应地设计;你甚至可以准备一些不同的空状态内容来随机显示。发生错误时,不要让用户更加焦虑。通过你的设计削弱用户心中的负面情绪,减少他们对不良情况的感知。
