在设计中淡化空状态

界面中的空状态

    设计师擅长设计实质内容。整个事情反复遵循着视觉元素的集合,文字、导航模式、塑造体验。我们尽最大努力遵循视觉趋势,通过有意义的文字和动画来构建价值。

    如果所有的有形的和可见的物体都是可识别的并能传达信息,那么空白点该在哪里去安置?

    空状态又叫做第一使用状态,一般用户在使用初始化的产品时,因为没有数据的支持,在很多的地方都有空状态的存在,通常情况下,花太多的视觉去展示他们是无意义的。我们所要表达的是空状态背后的意义。

    空状态是用户旅程的一部分,这使得他具有功能完备的元素以至于设计师们不得不好好的花心思去设计他们,便于用户从UI中更加受益,空状态可以促进参与、引导、教育、以及娱乐用户。

引导用户的空状态提示

这些设计有很多微妙之处,可以帮助我们更大程度的吸引用户。

在交互设计中,比较常见的空状态会出现在以下几个地方:

1. 初始交互,在用户与产品初始交互的时候

2. 完成,用户主观的发起之后没有结果,比如搜索

3. 错误状态,用户在执行任务时候遇到了某些障碍

开发人员倾向于更多地意识到空状态可能出现的地方比起那些更着重于用户体验交互的设计师。开发人员必须落实所有的状态的位置。如果设计师更能够关注空状态出现的位置,这可能会给他的原型带来额外的效果。


1.初始状态

对于基于数据的应用程序,让用户继续前进而不是丢失至关重要。引导用户去选择。

初始状态

2. 完成

    每个设计都有被用户主动发起的空白空间,无论是由于任务完成还是缺少某些特定的内容,这些区域都要被设计师考虑到。

    设计师可以通过一定的激励、鼓励,去提高用户的信息,以此来保留更多的用户。

    在用户没有得到想要的结果时,除了给予用户鼓励之外,还要有适当的引导,引导用户朝着有结果的方向前进。

完成状态

3.错误

    描述错误的空白状态必须是用户体验设计的一部分,错误不可避免,它可能来源于用户的操作失误,也可能来自于服务器的错误。但它处理的是用户不满的细微问题,因此不能忽视。404是一个错误状态处理很不好的典型例子。

    把错误变成一个吸引用户的小互动以此来淡化用户的挫折感是一个不错的方法,等待状态也是一样。

错误状态

三米工作室“TF三缺一与他们的经纪人”小组的每周优质设计文章汉化计划01篇--《Downplaying Empty States in Design(在设计中淡化空状态)》。

Medium英文原文链接https://uxplanet.org/downplaying-empty-states-in-design-fc367212b493

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,261评论 25 709
  • 喜欢深呼一口气,然后试探性的小声说了一句:“阿言。”“怎么了?”喜欢转过身,阿言又是一身的纯黑,介乎于冷酷与木头之...
    丹凤_b9cf阅读 1,475评论 0 1
  • 这两天因为身体不适,我跟孩子说,今天的作业我不看着你了。孩子说妈妈你躺着休息吧我自己做作业。孩子说这句话的时...
    松鼠家阅读 1,534评论 1 0
  • “离恨恰如春草,更行更远还生。@民SINCE I WAS WITH YOU 1470 DAYS.” 前些日子,一向...
    沽白阅读 3,730评论 1 2