2018 年这 12 个移动用户体验设计趋势,好像是这么回事儿 - 德化论坛

关键信息

作者
lgh
发布时间
2018-03-13

2018 年这 12 个移动用户体验设计趋势,好像是这么回事儿 来源:爱范儿 | 作者:井岛俊铁 手机 App 一天一个变,要想在移动用户体验设计领域分一份羹,设计师一定要有远见,并随时迎接新的挑战。 简单粗暴来说,这里有 12 个今年最有影响的设计趋势,2018 年乃至更后的日子,你都能用到。 1...

2018 年这 12 个移动用户体验设计趋势,好像是这么回事儿 - 德化论坛

2018 年这 12 个移动用户体验设计趋势,好像是这么回事儿

来源:爱范儿 | 作者:井岛俊铁

手机 App 一天一个变,要想在移动用户体验设计领域分一份羹,设计师一定要有远见,并随时迎接新的挑战。

简单粗暴来说,这里有 12 个今年最有影响的设计趋势,2018 年乃至更后的日子,你都能用到。

1. 简单的用户旅程

我们用 App,必然有特定目的。通常,达成目的所花努力越少,用户体验感越好。

线性用户流程

线性设计体验,有明确的起转变化,能让用户通过 1 个动作完成 1 个任务。线性用户流程的好处,在于它能让用户知道完成某项任务的大概时间。

通过 Uber 叫车的过程,就是线性用户流程的示例。

渐进呈现

当 App 有太多信息或动作时,没必要一次性呈现所有内容。设计师可以利用「渐进呈现」这个技巧,使信息或动作只在用户需要的情况下呈现出来。

渐进呈现的好处,在于它能减少认知负荷,同时能提高用户对界面的认识。

在用户与界面交互过程中,渐进呈现逐步向用户介绍界面内容和功能。

2. 动画与内置手势相结合

自 iPhone X 发布以来,设计师面临了新的挑战。没了实体 Home 键,哪怕是最基本的交互都是基于手势完成的。

这对设计师来说意味着什么?这需要更加关注手势设计。

如果你想了解基于手势的界面背后的挑战,不妨阅读这篇来自 Donald Norman 的文章《手势界面:实用性在倒退》

这篇文章讲述了基于手势交互的几个核心问题,比如可发现性和可学性。要解决这些问题,设计师应该更加关注动态设计和微交互。

加入动态设计:

可以让用户了解有哪些交互(动态提示)

文字描述和动态提示相结合。图片来源:Material Design

可以让用户了解界面元素的空间关系(动态转场)

可以给用户提供交互相关的反馈

空间关系明朗清晰,同时有交互相关的反馈。图片来源:Shakuro

3. 以内容为主的用户体验

布局良好、轻松获取的内容信息,让你的 App 更具有吸引力。设计师可以通过以下 2 种设计技巧突出主要内容:

去杂化

移除视觉杂乱元素并提高用户理解,符合当今众多设计师的设计理念。设计师应牢记「内容第一」和「清晰呈现」,移除无关紧要的内容,并按重要性排列相关信息。

移除视觉杂乱元素,可以帮你聚焦在你想传递给用户的核心信息。

清晰的视觉层次

界面元素清晰布局,能让用户更简单地理解内容。可以通过明显的视觉能指(比如行为号召按钮上的反差颜色),让用户关注某些交互元素或重要信息。

反差颜色主要用于行为号召按钮。图片来源:Google

4. 全面屏体验

三星 Galaxy S8 和 iPhone X 发布后,无边框设计成了设计趋势。用户在体验更多屏幕空间的同时,也期待更友好的全面屏体验。

高清图像和视频

App 应该给用户提供友好的全面屏体验。界面内容的质量将直接影响用户对 App 的期待。就图片而言,在移动客户端的图片,最好不要过于像素化。

AppSo (微信公众号 AppSo )注:像素化的文字或图片会让人看到像素网格,通常都是过度放大图片或者文字造成的一种结果。

像素化的文字。图片来源:网络。

5. 用色大胆

设计师的工具包里,永远也少不了色彩。色彩能唤起注意力,影响心情,影响用户的情感和行为。就手机 App 设计而言,如今绝对是一个大胆用色的时代。

把色彩用作功能元素

色彩并不只用于美学,它也是功能体验的一部分。比如,设计师会通过色彩在视觉上将不同类别的通知信息分层。

通过色彩归类不同类型的事件。图片来源:Jae-seong, Jeong

6. 情感体验

2018 年,我们会看到更多把情感智能(EI)融入到移动用户体验的案例。EI 不再只是用户完成某特定任务的动效,而是让用户体验更有趣、更友好的有力途径。

表达情感的更好方法

表达情感是人之常情。即便在充满命令串的界面上,我们也用表情符号表达感情。

1982 年,Scott Fahlman 发明了基于 ASCII 码的表情符号。

在如今的移动设备时代,我们有机会分享更多的表情。面部识别技术可以用来提供更多相关的交互行为。

值得一提的是 Animoji,它是 iPhone X 相机里根据人脸表情生成的动画表情。

用了 Animoji,与朋友分享情感变得更简单

与 App 的自然交互

对手势的更加关注,将改变我们与 App 的交互方式。比如点赞,除了传统的点赞按钮或图标,还可以通过在屏幕上「画心」使整个交互过程更加自然。

图片来源:Virgil Pana

界面反馈中的情感模仿

我们与所有使用的产品都建立了情感联系。因此,当我们与产品交互时,我们期待在某种程度上得到类似人类给出的反馈。

尽管产品不是人类,也不会感受情感,但我们相信它们能做到这样。

当用户输入内容后,App 模仿人类进行交互。图片来源:Adip Nayak

7. 小视频的「崛起」

作为一种内容营销方式,小视频在 2017 年火了起来。根据 Hubspot (美国数字营销公司),每周约 78% 的用户都在线看小视频,更有 55% 的用户每天都在线看小视频。

就移动设备而言,设计师需要根据传播途径调整视频呈现的形式:

针对用户瞬时注意力的调整

人类平均瞬时注意力时间从 2000 年的 12 秒缩短到 2015 年的 8 秒。随着这种变化,出现了新的内容呈现方式。

Facebook Live 就是这种变化下的产物。在 2018 年,将有更多的用户和商业机构通过这种方式来传递重要及时的信息。

Facebook Live 视频。图片来源:Buzzfeed

针对竖屏的调整

根据 Luke W,手机在 94% 的情况下都处于竖屏状。也就是说,所有内容(包括视频)应该针对竖屏进行调整。

图片来源:Luke W

8. 生物识别授权

App 加入生物识别技术后,省去了传统的登录要求。通过生物识别技术,唯一需要的是特定生理或行为特征,比如面部识别,指纹或语音识别。

越来越多的人在使用生物识别技术

生物识别技术并不是新技术。

2018 年这 12 个移动用户体验设计趋势,好像是这么回事儿 - 德化论坛

憨鼠网(原德化网) · Hanshu · 福建省泉州市德化县