漫谈“微交互”(一): 关于微交互

其实很多人在生活中都接触过微交互,但是他们不知这就是微交互,特别是对于非设计人员、或者初级设计师来说。

漫谈“微交互”(一): 关于微交互

接下里几篇文章我们将从以下几部分来谈微交互:

  1. 关于微交互
  2. 触发器
  3. 规则
  4. 反馈
  5. 循环与模式

这次就让我们来谈谈微交互吧,主要分为五大模块五篇章文去讲解,每篇文章讲解一大模块。

第一篇(关于微交互)

1.什么是微交互?

微交互,就是产品中涉及一种使用场景的交互,只完成一件事,微交互可以是启动应用,也可以启动设备,但更常见的则是伴随或内置于另一个更大的功能当中。让产品更人性化是微交互的核心。

让我们先来看一个很棒的微交互体验:夸克

漫谈“微交互”(一): 关于微交互

有没有在我们输入文字的时候,发现打错字,然后想回到错别字的那个地方,发现经常点错光标跑去别的地方这种令人糟糕的体验呢?夸克完美的解决了此问题,你可以移动滚动条轻松去到你想要修改文字的地方。

微交互只需瞬间,可能没人注意,修改设置、同步数据或设备、设定闹钟、更换密码、打开家用电器、登录、设置状态消息、收藏或标注“ 喜欢/点赞”…… 都是微交互。

我们随身携带的设备里,家里的各种电器内,手机或电脑的应用中,乃至我们每天工作生活的环境中,到处都可以发现微交互。下面我们看看一个很常见的微交互:

下拉刷新

漫谈“微交互”(一): 关于微交互

ps:这是一个很常见很经典的一个例子,如果你的app上没有下拉刷新这个交互,那用户应该会很迷惑!!

有些微交互实际上或者事实上是看不见的,也不太可能成为你购买一款产品的理由。相反,它们通常都是一些零零碎碎的细节设计,或者说,是属于支持性或所谓的“完整性”功能。

微交互就是产品中这种通过交互来实现功能的细节,而正如Charles Eames(著名建筑师、发明家、设计师)的名言所说,细节不仅仅是细节, 而是设计。细节可以让用户更方便、更愉快地使用产品,尽管人们事后不会记得它们。

让我们看看一个转场微交互,当我们在电商app找到自己一款喜欢的物品,点击进入详情界面,接下来以下几个app中,你觉得哪个转场效果最好呢?

京东

漫谈“微交互”(一): 关于微交互

淘宝

漫谈“微交互”(一): 关于微交互

无疑是京东的转场效果最佳,淘宝是接着滑动界面,流畅度不是特别好,京东的“产品列表页面”到“详情页”的转场非常微妙,在列表页点击产品时,图片是一种放大的形式(注:这个速度有点快了,大家可以多看几遍慢慢观察其微妙),给用户的感觉就是从没离开过这个页面,让用户有掌控全局的感受。这就是交互细节对用户体验的影响。

PS:各位小伙伴可以打开你的电商app去看看这个转场效果,小探就不在这里一一展示啦。

2.微交互不是功能,但很重要

微观交互与宏观功能完美契合是最强大的。用户体验设计的本质就在于此:既要关注 细节,又要关注大局,只有这样用户才能获得最好的体验。

阿里云注册界面选择表单就是微交互的一个典型范例:

漫谈“微交互”(一): 关于微交互

阿里云的反馈消息清楚明白,每一步操作都会反馈以及提醒用户接下来的操作,这就是微交互与功能的区别,主要在于规模和范围。功能一般都比较复杂(多种用途),需要花较多时间熟悉,而且涉及认知的塑造。微交互一般都简单明了,认知上毫无压力。

再比如,音乐播放器就是功能,而调整音量则是这个功能中的一个微交互,如下图:

漫谈“微交互”(一): 关于微交互

微交互适合如下应用场景:只完成一项任务;连接不同的设备;只影响一个数据,比如股票价格变化,会以绿色与红色来展现(西方国家绿色为上涨,红色为下跌;在中国则是相反的);控制正在进行的过程,比如切换电视频道;调整某项设置;查看或 创建一小部分内容,比如状态消息;打开或关闭某个功能。

接下来再举一个例子,如果有人在你的Facebook上用其他国家语言发表了评论,Facebook会显示“ 查看翻译”看下图:

漫谈“微交互”(一): 关于微交互

而在Twitter则没有“查看翻译”,看下图:

漫谈“微交互”(一): 关于微交互

小结:

1.微交互就是产品那些功能性的细节,专注于微交互是创建优秀用户体验的必由之路。

2.一个微交互由四个部分构成:触发器启动微交互、规则规定微交互如何起作用、反馈 传达规则信息,而循环和模式构成微交互的元规则。(接下来的几篇文章将介绍)

3.有三种看待微交互的方式:找到它们并各个击破、再把复杂的功能简化为基本的微交互, 以及把每个功能当作一组相互联系的微交互。

业界动态

网红蛋糕品牌熊猫不走C位出道,凭什么?

2019-10-16 14:28:40

业界动态

一门课获客200万,蜗牛保险如何玩转私域流量?

2019-10-16 15:04:00

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