2018年的用户体验现状-前篇

本文译自 Anthony Miller 的 The State of UX for 2018,因为太长,分为前后两篇。

Z Yuhan:这是由一位美国作者站在美国的视角写的文章,即便抛开个人因素不谈,国内外的发展进度并不完全同步。例如情感化反馈这一块也许国内稍稍落后一点、但是移动支付和AR却要快一些,有些方面即便步调差不多,举出的例子却不一样。不过看看别人的总结也挺有意思,至少可以了解一下国际风向。

——

2017年即将结束,是时候向前展望,预测在接下来的十二个月里,信息体验设计会如何。

我将在本文概述的,除了2017年里见证到的巨大的变化之外,还有值得关注的趋势,以确保能够赶于潮流。

1、更简单的导航方式

导航体验是2017年的热点话题之一。为了设计出顺畅的用户体验,导航扮演的角色至关重要。

线性导航(Linear Navigation)

为了简化导航体验,很多 app 和网站致力于创造线性的导航体验(即分步式),让用户

感觉到每个下一步都是上一步符的合理承接。这种方式非常适合目标性较强的 app (如 Uber )和电子商务网站(如 Amazon 、 Best Buy ),因为这些产品用户有一个想要完成的明确目标。

语音用户界面(Voice User Interface / VUI)

语音用户界面成为了图形用户界面之外的另一选择。自然语言研究领域的显著发展使得用语音传达各种指令成为可能。

青少年中使用各类型语音搜索的比例

在即将到来的新的一年语音界面将不再局限于移动设备,而是成为物联网和智能家居系统的交互方式。很快就会有更加先进的语音识别模式出现,将大大提升我们与操作系统之间的交互。

2. 整洁而易懂

移除视觉干扰让界面更整洁且容易理解,这是现今很多用户体验设计者的共同目标。很多设计师通过将内容放在首位、运用清晰的视觉语言,达到移除无用信息、强调重要信息的目的。

内容优先

与内容优先设计方法直接关联的是极简主义。用更少的设计师创造更多的价值,移除界面上的无用元素,聚焦于真正重要的东西——内容和功能。这样界面就限制了装饰物的数量,有了更多留白空间。这种设计的缺点就是有时让界面看起来太过素净。

Instagram iOS (2015 vs. 2017)                                           

清晰的视觉语言

我们都知道明确的视觉分级能够让产品更容易使用,让用户使用网站和手机APP时有一个清晰的屏幕阅读顺序。

确定按钮有很强烈的色彩对比(图片来源:Airbnb)                                           

大标题

给标题更大的字体和更多的留白空间,这样有两个好处:更容易看到而且更方便阅读。

Apple 给 iOS 11 使用了粗体标题

3. 有目的地使用动效

动效已经快速成为用户界面的自然组成部分。有两种类型的动效在用户体验设计里扮演着重要角色——功能性和观赏性动效。

功能性动效

这种动效能够让界面更清晰,让产品的交互过程看起来更加简单。iPhone X 的 手势交互动画会被用于描述复杂的过渡和控件关系。

功能新动效能够将复杂的过渡变得更容易追踪(图片来源:Jae-seong、Jeong

观赏性动效

为了创造更加人性化的用户体验,很多APP插入了赏心悦目的细节。这种元素不具备任何功能目的;它们的意义是创造与用户之间的情感关联。

使用动效表现评分系统(图片来源:Andy Orsow)

4. 视频主导

2017已经见证了视频这种内容形式的风潮。根据 Hubspot 的调查,每周看视频的人有78%,每天看的人也有55%。

为短时间注意力而创造的视频内容

人类的平均注意力持续时间在2000年时(在手机革命开始的时候)已经从12秒跌落至8秒。很多营销者为了适应短时间注意力而调整他们提供的信息内容(也包括视频)——例如360度视频和在线直播就是这样的产物。

关于注意力持续时间的变化:Humans have shorter attention span than goldfish, thanks to smartphones

首页欢迎视频

视频可以让用户从第一眼就感受到其吸引力,这就是为什么那么多网站都会在首页放上一个欢迎视频。像特斯拉这样的公司,不仅向网站访问者介绍产品,还要用视频讲述关于产品的故事。这种方式能够创造出令人更加印象深刻的体验。

5. 情感化设计

人与机器之间的关系总是情感多于理性。电脑成功完成指令会让我们高兴;出现问题时会让我们生气。

2017年是情绪化智能设计的转折点,这种设计借由对人机互动及用户感官的了解,向使用者传达正面情绪。

失误的用户地图

长期以来,体验设计只是围绕着理想状态的用户流程,2017年很多设计师开始意识到,为非理想状态的用户流程而设计同样重要。

失误地图的目的是定义用户操作导致负面结果时的状况。因为即使设计师们努力创造易于理解的设计,用户还是可能“错误”使用。通过构思可能导致错误的用户场景,设计师能够创造出“优雅的失败”,即让用户获得人性化的沟通,而不是怪异冷硬的回复。

Slack 里就有一个失败地图的优秀案例。如果你写到一半就离开了,就会有一个铅笔样式的图标告诉你未完成。

铅笔图标在上图第二列侧栏的第二个 CHANNEL

更多的微交互运用于手机 APP

移动设备的微交互正在变得越来越专注于其设备属性。搭配上简单的手势和微妙的视觉反馈,微交互让体验更加简洁轻便,并逐渐成为我们与产品服务交互的自然方式。


Instagram Stories 的视觉反馈

会话式界面

聊天机器人和会话式用户界面(CUI)早在2016年已成趋势。聊天机器人和智能助理的兴起将会是持续性的。CUI和传统的GUI(图形界面)之间的一个重要区别是,用户对与产品交互的感受——会话式界面让互动更加人性化。这就是为什么 Zo 和微软小冰这类聊天机器人如此受欢迎。

图片来源:EJ Hassenfratz

6. 内容比以往更重要了

内容为王(content is king),因为它才是人们使用APP或访问网站的原由。2017年见证了与内容交互直接相关的两大趋势。

Facebook 成为内容的终点

2017年间,Facebook 成为了内容消费的主要服务之一,不再只是一个起点,而是新闻信息的强大枢纽。

大公司对内容可信度的帮助

内容可信度现今面临着严重问题。每秒都有百万条内容产生,这使得事实与虚构的区分变得困难。根据一项来自斯坦福大学的研究,很高比例的用户并不能区分新闻推送中的真相和谎言。内容可信度的问题在2016年美国总统选举中尤为可见,事实证明谎言的传播速度甚至快于真相。

好在 Google 和 Facebook 这样的大公司意识到了问题的严重性,并且已经开始运用事实检测功能来帮助用户辨别内容真伪。

——

不久还会有后篇

未经允许请勿转载

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,421评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 第1章:用户体验为什么如此重要 1-1日常生活中的遭遇 叙述了一个令人懊恼的早晨。 1-2什么是用户体验 这个令人...
    SummerROSA阅读 4,111评论 0 20
  • 《幼眼看世界系列》 很喜欢这套书。 没买之前,我看了介绍,想着,会不会非常幼稚简单。没想到啊,看了...
    海边的Wendy阅读 275评论 0 0
  • 清明时节 让我们忆起的 既有逝去的亲人 亦有溜走的光阴 亲人予我们思念 时间予我们祭奠 我们还须善待明天 因为这 ...
    震血封侯阅读 255评论 7 11