大数跨境
0
0

浅谈 " 微交互 "(一)

浅谈 " 微交互 "(一) 方铭交互
2016-07-08
2
导读:好的产品往往做好了两点:功能和细节设计。功能吸引用户使用你的产品,细节设计将你的用户留下。

好的产品往往做好了两点:功能和细节设计。功能吸引用户使用你的产品,细节设计将你的用户留下。随着设备越来越智能化,我们对其细节的要求也会越来越高。Dan Saffer借此在《微交互 细节设计成就卓越产品》提出“微交互”的概念。


1

什么是"微交互"


"微交互"即人们在使用产品,专注于每一个时刻时所进行每一个简单的任务所涉及到的交互,其与功能的区别,主要在于规模和范围,比如,音乐播放器就是功能,而调整音量则是这个功能中的一个微交互。   

微交互不仅仅是人们与计算机的交互,而是涉及到各个方面,“在我们携带的设备中,在我们屋子里的家用电器上,甚至在我们生活和工作的环境中。许多电器和应用是完全架构在一个微交互之上的。”


微交互可以是产品的组成部分,也可以是整个产品。比如计算器、天气预报,专注于计算或预报天气。



2

如何实现 "微交互"


微交互主要分成触发器、规则、反馈、循环以及模式五个部分。


触发器由控件、控件状态以及标签组成,在设计触发器时需要考虑几种原则:


1. 首先要让用户认得出来这是一个可触发的触发器;


扁平化设计虽然删除所有不必要的设计选择,实现简约设计,但是对于一些网站,或应用程序,需要复杂的视觉线索来指导用户来进行如何使用时,是扁平设计的一个主要的失败点。一个常见的抱怨是,静态的矢量图形,它缺乏阴影,边缘很难分辨是否可点击按钮。


Material Design中,表面和阴影起到了重要的作用,能够展示出应用的层级架构。Material Design把现实世界中纸张的特性挪到电子屏幕里,把信息内容呈现在这个虚拟的纸上,纸(信息内容)跟纸之间有上下层级关系,用投影模拟纸张的空间感。无论是浮动按钮还是导航栏都构建了功能界面和内容之间更为清晰的辨识感,同时让用户的目光集中在图标上。


有的则通过界面动画提示是否能够点击(当鼠标移到按钮上方时按钮的颜色改变),它可以在用户体验上产生同理心,引导互动。


2. 当系统自身错误、位置发生变化、收取信息等会触发系统触发器。比如天气APP会更根据用户所在位置的变化自动触发显示该位置的天气信息。


3. 当系统自身错误、位置发生变化、收取信息等会触发系统触发器。比如天气APP会更根据用户所在位置的变化自动触发显示该位置的天气信息。


4. 可以在触发器上提前显示数据,比如手机的信息图标触发器,在用户没有点击按钮之前展现用户的未读信息数目;


5. 仅在触发器本身无法诠释自身的情况下使用标签;


用户在使用产品的时候会带着心理预期,你可以需要根据用户的心理模型来进行设计,产品中的规则主要决定微交互从响应到结束涉及的所有问题。


在设计规则时需要考虑到复杂性原则,即每一个过程都有其固有的复杂性,存在一个临界点,超过了这个点过程就不能再简化了,你只能将固有的复杂性从一个地方移动到另外一个地方。例如对于寄快递的设计,收件人的信息是不能再简化的,而对于寄件人的联系方式和地址却可以通过客户端的集成来转移它的复杂性。



参考资料: 《微交互 细节设计成就卓越产品》, [美] Dan Saffer



扫描二维码  关注我们


方铭交互工作室和中山大学数字媒体研究中心(简称 DMRC)、同济大学用户体验实验室(UXLab)紧密合作,秉承“ 做一流的交互设计,建创新的技术平台 ”理念,不断开拓进取.


                         

【声明】内容源于网络
0
0
方铭交互
方铭交互工作室和中山大学数字媒体研究中心(简称DMRC)、同济大学用户体验实验室(UXLab)紧密合作,秉承“ 做一流的交互设计,建创新的技术平台 ”理念,不断开拓进取。
内容 26
粉丝 0
方铭交互 方铭交互工作室和中山大学数字媒体研究中心(简称DMRC)、同济大学用户体验实验室(UXLab)紧密合作,秉承“ 做一流的交互设计,建创新的技术平台 ”理念,不断开拓进取。
总阅读0
粉丝0
内容26