设计的另一个层面——将设计原则延伸到维度空间以外的“时间”

图片发自简书App

一、“时间”的感知

如果你在一家很久才上菜的餐厅点了东西,你可能会发现,如果服务员先给你提供了饮料并跟你聊天,那么你可能会更容易等待。好的餐厅铁定会这样做。这些饮料让客户在等待中有些小分神,这些小谈话让整个等待体验变得顺畅而有趣。

在UI设计中,这种技巧的第一个例子就是进度条的引入。这是一个告诉用户进程启动所需时间的很好的方式。通过将光标放在蓝色进度指示条的末尾,用户可以估计该过程需要多长时间,甚至可以玩游戏。

来自早期Windows操作系统的进度条示例

后来,研究表明,酒吧的灯光氛围变得更快是一个有利的幻觉,可以使客户感觉时间也越来越快。唐诺曼甚至在他的一本书中提到了这个概念:

......需要更长时间但认为有效的事物优于短时间但感受不同的事物。(因为其他人已经写过这个所以我不会告诉你细节,但如果你对2010年的这项研究感兴趣,你可以在这里找到它)

回到现代,当我们想要影响时间的感知时,我们有各种很棒的方式来促成良好的体验。预装载器,加载动画和进度条是很好的工具,仅举几例。

https://dribbble.com/shots/4364889-The-Interview-Its-loading by Ueno

小贴士:你不应该让用户在完全不知情的情况下等待,并且当你无法达到速度最优化时,使用时间感知突出你的优势。


二、即时UI寿命操纵

进度条的出现,很好地帮助了客户了解屏幕上会持续多长时间。控制短暂的UI元素可以做到更好!

如果你是一名司机,并且如果你在开车时要使用Waze(一款导航app),你可能会注意到弹出窗口告诉你路线正在改变。它的右上角有一个很好的终止指示,与拒绝操作紧密联系在一起,因此用户可以完全控制。

另一方面,Instagram的“故事”也是一个很好的例子。Instagram上的设计师做得非常出色,给我们展现了最顶级的例子,这里的关键在于他们给了你停止时间能力。通过长时间按下,用户可以延长故事在屏幕上的使用寿命,从而延长故事的交互时间。

小贴士:通过提供适当的时间的机制来提高用户对产品的更多控制。


三、有意的行

毫无疑问,不变的用户行为应该谨慎处理。作为设计师,我们可能会使用一些模式,例如带有辅助操作的确认提醒,撤消菜单,甚至是“幻灯片解锁”隐喻,但如果我们可以利用时间来获得优势呢?

这里有一个例子教你如何做。

想象一下对特定UI元素的破坏性行为。将鼠标悬停在X图标上一段时间后,即可删除或关闭UI元素。这要求用户有意识地将光标定位在我们指示的区域上,并让他等待一段预期的时间以使动作生效。

Designermodo在广告横幅上做了类似的事情,在最后添加额外的点击以获得更好的效果


四、预计“时间”限制

时间限制的最有效的使用是对行为的临时限制。在再次启用该功能之前,先关闭一段时间的操作,这样可以消除垃圾信息的发布空间。

这个例子足以说明这个想法:

在可编程的时间内禁用“欢呼”操作会限制用户过度使用该功能的能力,并将其从积极的事情变为烦人的事情

时间限制的另一个用法是规范上瘾。在手机游戏MarioRun中,如果你想通过狂欢级别,你会遇到时间障碍。玩游戏之间必须等待很短的时间。从这个角度来看,这会让你把手机放下一段时间,也许会找到一些有用的工具。当然,MarioRun中的计时器也是出于其他原因放置在那里的。


五、“时间”和生产

Medium有一个做得很好的方面,他们估计需要多少时间(平均)才能阅读文章。除了在文章开头估计一次之外,这个概念的另一个重要用处是指出用户正在取得进展的剩余时间

在生产力这一主题上,我只想提一提,自动保存对用户的工作流程影响巨大。这是在设计中无形地使用时间。Medium可以通过将装载栏与徽标旁边的小信息很好地结合在一起编写草稿。

设计中另一个无形的时间方面

一年多以前,我为一个本地设计社区做了一个小型演示,其中我提到积极的设计对设计师十分有用。

其背后的想法很简单:基于这样一个事实,做出行动并将其结果视为成功,即在绝大多数时候结果是成功的。它的例子是你在社交平台的喜欢或标注上。

这使您可以为用户创建无缝体验,从而给他们可以在短时间内收获更多的感觉。阅读更多内容是一个有趣的话题。


六、在设计中我最喜使用时间维

因为我刚进入一个新的城市,而且我对周围的环境还不熟悉,所以我倾向于使用谷歌地图进行导航。我非常欣赏布特地图的一个原因是他会根据当地时间改变主题。

白天是一个轻松的主题,在晚上有很好的对比度和黑暗的主题,因为它不会分散注意力。

使用本地时间来规定特定用户体验的各个方面是在设计中使用时间维度的巧妙方式。有很多这种想法的其他应用程序,你可以从中为你的下一个项目,特别是当你需要处理长时间的用户会话找找灵感。

小贴士:在你的设计中加入时间的概念可以是用户体验更为愉悦


当我们的设计师努力创新和改进服务和产品时,我们应该记住,我们不能受两个或三个空间维度的限制,我们应该利用时间维度来获得优势。

最后,我给你留下田纳西威廉姆斯这句伟大的名言:

时间是两地之间最长的距离。


- 本文翻译来自Medium

- 感谢Emanuel Serbanoiu

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

推荐阅读更多精彩内容