重庆小潘seo博客

当前位置:首页 > 重庆网络营销 > 小潘杂谈 >

小潘杂谈

微交互-对环境做出的反应

时间:2020-08-04 14:35:07 作者:重庆seo小潘 来源:
前言: 大家在使用产品时是否有过这样的感受,产品中一个不经意的小细节、小功能点突然让你对产品好感倍增,比如一个温馨的提示、一个便捷的操作,或一个有趣的反馈等等。这些能让用户产生共鸣的“微交互“设计,给用户带来了小确幸,也让产品显得更有人情味

前言: 大家在使用产品时是否有过这样的感受,产品中一个不经意的小细节、小功能点突然让你对产品好感倍增,比如一个温馨的提示、一个便捷的操作,或一个有趣的反馈等等。这些能让用户产生共鸣的“微交互“设计,给用户带来了小确幸,也让产品显得更有人情味。同时也是设计所坚持的初心,对用户的关怀,以及设计师匠心态度的体现。

本文将对微交互“对环境做出的反应”相关的案例进行归纳说明

微交互的要素包括:作用点、刺激的因素、反应与规则。本文探讨的主要是刺激因素来源于环境的这部分微交互设计。

环境既包括我们生活的现实环境:四季交替、时空转换,也包括人造的网络环境等;随着设备的优化,产品有能力获取用户所处环境的更多信息:位置、天气、运动状态等,加之更多通过网络的数据采集与运算:从简单的一个生日温馨提示,到对环境全面理解后的无人车技术,对环境的反应,应该说是一个可以被不断探索的交互发展方向。

回到微交互,对环境做出反应:一个方向是对用户当前环境进行判断,考虑当前环境下用户可能的特殊需求,体会到设计师对用户的感同身受,传达产品的广怀;另一个方向则是对用户查看对象的环境进行判断,尤其是O to O场景让用户对提供服务者处境达到感同身受的体验,传达共感,消除隔阂。

1.对位置做出的反应

【高德地图】在搜索路线时会直接展示回家的路线,并在路线下方展示当前的路况信息(路段拥堵情况)

微交互-对环境做出的反应

【饿了么】图标,骑手在店内取餐时——就不在送餐的车上了

微交互-对环境做出的反应

【马蜂窝】会根据用户当前位置与旅游目的地的距离进行最佳交通工具的规划,并配以相应的图标,激发用户出去走走的兴趣

微交互-对环境做出的反应

2.对时间做出的反应

【收趣APP】日夜间模式切换,有月亮转换到太阳的动画效果

微交互-对环境做出的反应

【MacOS Mojave】 动态桌面:新版的Mac系统,支持能随时间推移而变化的桌面背景,在不同时刻会跟随系统时间变化昼夜交替和光照变化

微交互-对环境做出的反应

3.对运动状态做出的反应

进入【网易云音乐】跑步FM界面,客户端会根据跑步的步频快慢自动开启播放对应节奏的音乐

微交互-对环境做出的反应

4.对网络环境做出的反应

打开【阿里愞】时,检测若发现你处理外网环境,会显示提示,点击一键连接内网

微交互-对环境做出的反应

5.对天气做出的反应

【手淘】-查看物流,冬天温度过低的时候,快递员的小气泡上会显示[低温],以让用户产生共感,多一份理解

微交互-对环境做出的反应

当你所在位置正在下雨时,打开【高德地图】,在地图上会出现一个下雨的动效

微交互-对环境做出的反应

电梯边上的下雨指示灯;在写字楼里办公有时候很难注意到外面下雨了,往往坐电梯到地面后才发现又要返回拿伞,这个指示灯在下雨时会亮起,在等电梯时就能提醒大家

微交互-对环境做出的反应