Android P & iOS 12 交互动向(上)

近期,Google I/O 和 Apple WWDC2018分别进行了2018产品系统的更新发布,借着余温未散的大会,我们不妨来看看两家主导行业趋势的巨擘究竟又有哪些设计方向共同的新动态。


1. 发展更丰富的交互形式

移动终端在去固键的道路上越走越快。为了实现在大小各异的屏幕上完成不同功能的切换、唤起,在早先的版本的基础上,更灵活和多变的手势交互得到强化:点击、双击、长按、拖动等。


此次更新Google UI给出的范本中下面的3个固定按钮消失了,取而代之的是几乎和iOS一模一样的小短横,这个变化留给锁屏手势更多想象空间。除了屏幕内的手势翻新,更多的屏幕外手势被运用,比如Android P让你翻转手机就能进入勿扰模式。


Android P & iOS 12 交互动向(上)


除了滑动手势更加频繁出现外,Google更加关注在声音交互上的探索: 无障碍功能支持为「通知/响铃」和「触摸反馈」分别设定不同的震动强度。前者不必多说,后者几乎会影响所有与触摸操作相关的震动反馈手感,比如屏幕导航按键、虚拟键盘、指纹识别传感器等等。

Android P & iOS 12 交互动向(上)



2. 深耕更细腻的微交互

连续升级了诸多版本后,基本的设计逻辑和架构成型,除了补充因为技术进步带来的新功能和场景,丰富完善基本交互组件、模块外,Google和Apple开始在设计上探求更细致周到的交互转场和动效逻辑。


对于用户来说,微交互提供给了用户直观的反馈和心理预知,同时传递了某种微妙的状态。


“微交互之所以会起作用是因为它引起了人们总是想了解更多信息的原始欲望。用户在进行某个操作后能瞬间得到视觉上的反馈,这会让人充满继续操作下去的欲望。微交互也可以用来引导用户进行正确的操作。”


即时反馈——视觉反馈符合用户的本能预期,它的存在让用户明白,他们的操作被用户接受;

促进互动——微交互本身就在鼓励用户进行交互,它能够指引用户,教育用户,让用户明白如何使用;

带来愉悦感——微交互本身就是呈现完美体验的良好时机。


相比早些时候不成体系、着重炫技的动画来说,新体系下的交互在探索通过大到场景切换、中到区域加载、小到按钮或icon变化等方式同时起到引导和明确通知等明确的作用。更多与业务逻辑相关的嵌入式微交互值得设计师们不断探索和创新。


*Dan Saffer提出,“最好的产品通常会做好两件事情:功能和细节。功能能够吸引用户关注这个产品,而细节则能够让关注的用户留下来。”


典型的习惯环路是由3个要素组成的:

提示——触发交互的提示

执行——跟着提示的内容,用户执行对应的操作

奖励——完成操作,用户获得相应的奖励


高效而有趣的微交互,涉及触发器、规则、循环和模式,从而通过逐渐培育用户习惯让他们留下来。


常见的微交互形式:

1)全局场景

典型:视差滚动

http://everylastdrop.co.uk/

Android P & iOS 12 交互动向(上)

Android P & iOS 12 交互动向(上)


2)色彩

典型:渐变色

Android P & iOS 12 交互动向(上)


3)形状

典型:大小、位置变化

Android P & iOS 12 交互动向(上)


4)局部功能性动画

典型:按钮、状态等实时变更

*Android p的锁屏痕迹在手指划过的刹那消失,这个极小的交互细节很巧妙的化解了用户的安全焦虑。

Android P & iOS 12 交互动向(上)



3. 转向更年轻热烈的视觉表现

多彩的颜色、自然舒畅的动效、流畅的线条都预示着接下来依然会朝着年轻活泼的视觉变现方向发展。

Android P & iOS 12 交互动向(上)


Android P中黑、白、灰三色风格逐渐被更活波的色彩取代。快速设置面板开关被加上了蓝色背景,系统设置界面则变为颜色各异的圆形背景。

Android P & iOS 12 交互动向(上)


Android P的全局动画中最能带来直观感受的应该是返回、窗口切换和点击三种动作的动画效果。比较之前的机械运动新的动效更加自然流畅。

Android P & iOS 12 交互动向(上)

Android P & iOS 12 交互动向(上)


Android P中更多的圆角取代方角成为主角,某些地方甚至能明显感觉到与iOS的相似性。快速设置面板变成了一张大面积的圆角卡片;快速开关则以圆形蓝色背景图标的形式分布其上。

Android P & iOS 12 交互动向(上)Android P & iOS 12 交互动向(上)



4. 树立模块化与组别化意识

继Android加入通知分组后,iOS12也加入了通知分组功能。原有的同一app消息提示在锁屏上都是分开显示,比如你可能看到微信消息堆满了界面。新的系统中,来自同一app的消息被收编到一组中,节省空间、整洁页面。


除了主要文字信息之外,图片信息的组别化、精细化筛选也同样加强。iOS12 photo中通过对时间、事件、地点等组别化,可以存储上千种不同分类的图片。

Android P & iOS 12 交互动向(上)


模块化组别化的概念最早是在工业设计中产生的概念。它的存在除了优化产品之间的层级关系外也方便用户对已有高密度信息的统一和高效管理。分组的意义在于秩序化信息,而反向搜索的时候又能作用到快速定位到的图片。


iOS12及Android P对此概念的加强再次引导大家关注这一概念,因为用户的阅读惰性与可视化技术的进步,图片、视频等展示方式越来越普遍。


通过技术手段对这些信息进行加工、编码、标签化是不错的解决方式,同时交互应该关注对于模块化信息的嵌套展示、筛选结果的分类展示。

技术限制带来的准确性局限,也应被纳入交互设计中,通过引导、纠错、人性化话术等修正模块化展示是值得探讨的方向。

Android P & iOS 12 交互动向(上)



本篇内容主要回顾了iOS 12和Android P在比较具体交互场景中的应用,下篇会继续探索两者在更宽泛领域的交互趋势。


*开发者版本还有很多信息点值得挖掘,期待后续正式版的发布。

Android与iOS图片来自Google与Apple官方
其他图片来自Behance.com

图表为笔者整理



本篇文章来源于微信公众号: TripDesign

UI/UX

JDC | 京东设计中心 - COLD CALLING了解一下

2018-6-22 11:26:46

UI/UX

用极限推敲法做设计-CDY实践方法论

2018-6-25 8:41:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索