让官网动起来的秘密:交互设计这样做不踩坑

Author: Chris Song

最近总被客户问:“为什么别人家的官网点起来那么顺滑?”其实交互设计就像做菜——火候差一点,味道就变了。分享几个我们团队屡试不爽的交互设计心得:

 

● 动效不是越多越好


给医疗品牌做官网时,客户想要“满屏动画”,我们坚持只在一处加了心跳节奏的微交互,结果体检预约转化率反而提升25%。记住:动效该像西装纽扣,只在该出现的地方出现。

 

● 手指比鼠标更挑剔


去年改版的一个官网,电脑端测试全优,结果手机用户投诉“按钮老误点”。现在我们做设计时,会把所有点击区域放大到最小48×48像素——这是外卖小哥戴手套都能戳中的尺寸。

 

● 加载等待也能变惊喜


最得意的案例,是给一个慢生活品牌做的加载设计:转场时树叶缓缓飘落,客户反馈“突然觉得等几秒也挺治愈”。一个小动画,能把负面体验变成品牌记忆点。

 

如果你们的官网还停留在“静态PPT”阶段,可能是时候加点儿“心跳”了。我们整理了一份“交互设计避坑清单”,需要的话留言发你。

 

设计顾问

Rena 1371-4404-889 

相关阅读