用户体验之——动态设计

在设计领域,动态设计常以精美流畅的体验过程来描述元素的空间关系、功能性以及意图。可能听起来像是一个很大的概念,但如果利用得当,它便是微妙而自然的。体贴的动态设计能够提升用户在传统设计元素上的体验。

所以让我们来谈谈动态设计的基本要点,为何以及何时你想在你的界面设计中用到它,它又是如何帮助你提升你的用户体验的。

基于动态的设计

每一个动态设计都好似讲述着一个生动鲜活的故事。它诠释了一个程序是如何组织有序的,以及用户能用它来做些什么。这种动态设计驱动了整个用户界面的体验——它似乎重新定义了导航一样,通过添加一个新的层级上的深度交互创建出一个更加自然的体验过程。对于每一次按钮点击和屏幕转场来讲,似乎都有一个故事发生,而正是良好的动态设计来帮助你讲述这个故事。

为何动态设计如此重要?

当用户跟你的产品产生交互时,他们可能会好奇下面几个问题:

“这里什么最重要?”

“我怎么知道下一步要做什么?”

“我怎么知道我已经完成了我的任务?”

诸如这样的问题向我们揭示了使用动态设计来提升用户体验的好时机。通过这种设计便回答了以上问题:

动态能够吸引用户的注意力并会在用户完成点击/手势操作后暗示将会发生什么。

它帮助你的用户适应用户界面并在不同视图间提供了指导焦点。

它提供了一种视觉反馈。

除此之外,动态设计向用户体验带来了另一个重要的事情:愉悦感。相比于冰冷严肃的产品,我们都欣赏那些亲切而令人愉悦的产品。这就是为何设计师们应该尝试找到某种解决方案,以使用户在使用上感觉更自然流畅并能唤起用户情感上的联系的原因。

动态设计语言

动态设计允许我们接触到更好的交互,并更容易的理解其变化过程。在动态设计的元素中,我们可以看到各种各样的形式,包括过渡转场、动画和甚至是模拟3D深度的质地纹理。 

动态设计的主要挑战是如何使得用户不从他们正在尝试做的事情中分心出来。

吸引用户的注意力

动态可以将用户的注意力吸引到某个特定位置——或者帮用户从整体中区分出某个部分。优秀的动态设计能够使得用户界面更具预见性和更易导航。它可以帮助用户的眼睛看到一个新的对象来自哪里或对象隐藏到了哪里,同时为用户提供了一定的线索,指示出要发生什么。

使界面元素间空间关系合乎逻辑

界面的状态变化一般情况下会伴随生硬的断层,导致用户在认知上很难跟上进度。在认知科学中,这被称作“变化盲视”——即当视觉刺激突然变化时,用户却无法观察到的现象。用户需要去理解眼前的事物从何而来,以及如何才能重新找到它们,这样他们就不会感觉到前后之间的断层。而这只是因为在现实世界中这种断层并不存在。

动态设计通过定义了屏幕和元素的空间关系来填补了这块理解上的缺口。它帮助用户适应这种图形界面并确立其内在的视觉关系。如下面的例子中,用户被引导到下一个视图和界面转场,传达了层次结构关系:

确认操作

动态设计能够强化用户的操作体验。任何一个点击过的按钮或者要转场的屏幕,都是使用动态设计的好时机。视觉上的回应可以吸引和取悦用户。例如,让我们看看当iOS中输入错误的密码时动画是如何帮助帮助用户的: 

第一眼看上去,这种晃动的动画设计似乎要比更直接的显示错误标示浪费时间。然而,在实际中,一个用户可能可能要花个几秒钟来定位错误消息,进而找出问题究竟出在哪里,而不是注意到动画并立刻理解问题。

带来愉悦感

动态设计可以促使你的用户体验过程确实愉悦用户甚至令人难忘。作为一名设计师,在工作中,你应该尽量将自己融入其中,并设计出能够令用户喜爱和记住的具有独特魅力的动态设计。通过在设计中加入微妙的动态效果,你能够让用户感觉到他们是在跟一些有个性的东西在产生交互。

结论

动态设计将是设计技术的下一阶段。这是一个自然的交互方式,在未来的设计中绝对至关重要。 我们需要跟静态的用户界面说再见,而去创造出更生动自然的动态界面。为你的程序创建一个动态设计语言将会提升你的品牌并使设计上更加出色。

翻译自:https://uxplanet.org/motion-in-ux-design-90f6da5c32fe#.8f5r3hy2a

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

推荐阅读更多精彩内容