【学习资料】移动应用的空状态界面设计

      发布时间：2015年10月23日 14:41分    来源：博为峰教育网采编    关键词：移动应用         | 上一篇 | 下一篇 |

---

 

       关于移动应用的空状态界面设计,虽然文中的示例都是iPhone应用，不过道理应该与平台甚至设备类型无关。

 

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

 

       要想打造完美的整体体验，作为设计师，我们不能放过任何一个用户有可能接触到的界面状态。空状态界面大致包括三种类型：初次使用、用户清空数据、出错。下面，我们就来一同了解一下这三种情境所对应的相关创意要素与注意事项。

 

       1.初次使用

 

       应用在初次加载时留给用户的第一印象是非常重要的。你的一部分用户也许已经通过其他同类产品建立起了心智模型及预期，他们会非常敏感的从一开始就将你的应用与他们已经熟悉的那些进行对比;而另外一些用户可能完全没有同类产品的使用经验，他们就像一张空白的花布，等待着惊喜或失望。无论哪种情况，差劲的第一印象所造成的损害都是很难弥补的。

 

       如果用户下载了你的应用并完成了注册，那么这几乎可以代表他们已经知道你的产品是做什么用的，但未必清楚具体怎样使用。对于某些类型的应用来说，初次登录之后是没有任何数据内容的，这也正是充分利用界面空间为用户提供新手指引的好机会。你可以告诉用户为什么当前没有内容、怎样创建或获取内容;在这个环节中，不妨试着融入一些能够体现产品个性的情感化元素，这可以使用户进入一种较为轻松的上手状态，引发他们积极正面的情感，同时也能给他们留下不错的第一印象。

 

       看看Buffer、Timehop和Dropbox是怎么做的吧。值得一提的是，Buffer与Dropbox的空状态界面与他们各自的Web端页面(bufferapp.com以及dropbox的登录页)在引导与插图等方面都使用了相同风格的视觉元素，这也体现出了他们的产品与品牌形象在不同平台上的良好一致性。

 

buffer

 

Timehop