在设计中淡化空状态

界面中的空状态

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

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

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

    空状态是用户旅程的一部分,这使得他具有功能完备的元素以至于设计师们不得不好好的花心思去设计他们,便于用户从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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,444评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,421评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,036评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,363评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,460评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,502评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,511评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,280评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,736评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,014评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,190评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,848评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,531评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,159评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,411评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,067评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,078评论 2 352

推荐阅读更多精彩内容

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