2018年移动用户体验设计趋势 不容错过这12个

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

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

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

­  1. 简单的用户旅程

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

­  线性用户流程

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

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

­  渐进呈现

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

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

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

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

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

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

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

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

­  加入动态设计:

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

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

­  可以让用户了解界面元素的空间关系(动态转场) 可以给用户提供交互相关的反馈

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

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

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

­  去杂化

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

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

­  清晰的视觉层次

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

­  4. 全面屏体验

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

­  高清图像和视频

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

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

­  5. 用色大胆

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

­  把色彩用作功能元素

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

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

­  6. 情感体验

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

­  表达情感的更好方法

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

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

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

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

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

免责声明:本文由用户上传,如有侵权请联系删除!