6种微交互，增加产品魅力值

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

Dan Saffer 的这句话阐明了许多成功产品的秘诀。

在竞争激烈的市场环境下，微交互显得格外重要。如果产品的功能类似，那只能靠提高产品的使用体验来吸引用户并扩大销量。

微交互的定义和作用

什么是微交互：产品中通过交互实现功能的细节。

它实现了3个重要的作用：

1）呈现系统状态并给予用户反馈；

2）增强用户的操控感；

3）带给人惊喜愉悦的感受。

本质上体现了“以人为本”的设计精神，让用户感觉顺畅、愉悦以及人性化。

 

设计微交互的6种方式

1. 左右滑动

图1是每日优鲜的首页设计，当用户点击第2个以及之后的倒数第2个之间的任何一个标签，点击的标签都会自动居中放大展示，表示后面是否还有标签切换。

图2是网易考拉的首页设计，当banner滚动时，背景颜色也会随着切换，目的是为了吸引用户关注。

2. 上拉滑动

图三是淘宝首页的设计，当页面向上滑动时，选项标签会自动置顶

图3淘宝首页

图4美团外卖订单详情

3. 系统状态

图5

图6

4. 操作引导

5. 操作反馈

6. 运营动效

设计微交互时需要考虑的点

1.功能性

确保动画服务于功能目的，不要让用户感到尴尬或被打扰。

2.KISS原则

KISS 原则是用户体验的高层境界，简单地理解这句话，就是要把一个产品做得连白痴都会用，因而也被称为“懒人原则”。换句话说来，“简单就是美”。

即通过迅速地传达有价值的信息来节省时间。

3.让用户感到愉悦

让用户感到开心，用户使用时候的主观感受，决定了他们是否要继续使用下去。

4.与其它界面保持视觉统一

微交互的风格应该与App 的整体匹配，营造和谐的产品感知。

_参考：

_{《微交互：细节设计成就卓越产品》     Dan Saffer}

_{KISS 原则源于 David Mamet（大卫马梅）的电影理论，后来被逐渐延伸扩展到其他领域。}