见微知著!有哪些适应环境且特别巧妙的设计细节?

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

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

对排队情况做出的反应

支付宝-医疗频道在浙一余杭院区小程序中,当用户在医院需要处理排队候诊的任务,或者用户想离开排队的嘈杂环境,都可以通过手机中实时查看进度,进而自主安排自己的时间,而不会错过就诊。此外,如果一个患者同时挂了多个号,同时需要候诊排队,也可通过该功能判断合理的就诊顺序。同时“导航到门诊处”的功能,可以让不熟悉医院布局的患者,快速找到就诊位置。

见微知著!有哪些适应环境且特别巧妙的设计细节?

上海迪士尼 APP 在游玩上海迪士尼乐园的时候,游客可以通过查看该 APP 中不同项目等候区的预估等待时间,让游客合理选择游玩项目的顺序,并且能够分散人流,避免造成一窝蜂的现象。

见微知著!有哪些适应环境且特别巧妙的设计细节?

对位置做出的反应

饿了么-骑手图标在饿了么查看订单进度,当骑手到达店内取餐时,图标会显示骑手已不在送餐的车上。基于骑手的位置和状态,在图标这样的小细节上做到和现实情况完全对应。

见微知著!有哪些适应环境且特别巧妙的设计细节?

马蜂窝-交通图标在马蜂窝浏览其他用户的旅行分享,会根据用户当前位置与该帖旅游目的地的距离进行最佳交通工具的规划,并配以相应的图标,激发用户出去走走的兴趣。

见微知著!有哪些适应环境且特别巧妙的设计细节?

对时间做出的反应

高德-回家路线,下班时间在搜索路线时会直接展示回家的路线,并在路线下方展示当前的路况信息(路段拥堵情况)。

见微知著!有哪些适应环境且特别巧妙的设计细节?

QQ-消息图标,日夜间模式切换后,QQtab 中的消息图标会变成一个在睡觉的视觉形象。

见微知著!有哪些适应环境且特别巧妙的设计细节?

MacOS-动态桌面,Mojave 系统支持能随时间推移而变化的桌面背景,在不同时刻会跟随系统时间变化展示昼夜交替和光照变化。

见微知著!有哪些适应环境且特别巧妙的设计细节?

欢迎关注作者的微信公众号:「AlibabaDesign」

见微知著!有哪些适应环境且特别巧妙的设计细节?

收藏 46
点赞 11

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。