交互设计是产品经理的基本功。初级产品经理的主要工作在于实现需求，因此对于交互设计能力要求更高，只有打好了这个基本功，后期去拓展其他方面的能力时才能相得益彰。否则三心二意只会只懂皮毛，处处掣肘。
图片来自网络
在提高交互设计能力方面，我用axure建立了两个库，元件库和交互库。
元件库，主要是用于做交互设计稿，axure8只提供了基础的元件，我个人还会根据公司的交互设计规范补充需要重复用到的元件。这样在做交互设计稿时，避免了重新构思和画元件的时间，也有助于产品的统一规范。
交互库，则是用于收集常规组件及交互方式。比如下图，当我全局把握了常见的web端设计组件，那我为某个功能考虑如何在交互稿上实现时，就能迅速找到方案，同时也不会轻易遗漏交互点。
图片来自学UI网
在最近一次的需求实现中，我需要在手机端一个固有流程中插入一个第三方事件，引导用户前往。在一个页面中插入第三方事件，与操作反馈不同，是无需用户进行操作的，因此也特别需要注意是否要打断用户流程的问题。
在网上找了一些资料，发现还是挺多的。以下按照强制程度的加深分享给大家。
从设计下手强化视觉效果
定义：在不增加新组件的情况下，通过强化设计来吸引用户注意。
适用场景：弱引导，不想打断用户行为，只在已有的元素旁边增加引导，甚至有些是hover上去后才出现引导语。
凡科互动后台设置
气泡提醒
定义：在不中断用户操作的情况下，用气泡文字的形式来引起用户注意，自动消失或需手动关闭。
适用场景：弱引导，不想打断用户行为。有一些新手引导就采用了这种策略，也不出遮罩，用户可随时关闭新手引导。
通栏广告位
定义：直接在当前页面出通栏广告位
适用场景：引导较强，这种方式也最常见，比如促销广告的banner。
悬浮窗
定义：在不中断用户操作的情况下，用固定悬浮窗的形式始终展示。
适用场景：引导较强，而且比通栏广告更强，虽然没有打断用户行为，但固定悬浮窗一般不会自动关闭，而且滑动页面时始终存在。网站的广告常用这种形式。
比如凡科互动官网的右侧有两个固定悬浮窗，一个是不可关闭的功能性悬浮窗，一个是可关闭的广告悬浮窗。
凡科互动官网截图
可收起窗口
定义：在用户进入页面时，从一个方向展开窗口（一般不会全屏），用户即可查看完整事件，也可收起窗口。这样既不会让用户进行不了当前流程，也能较大地曝光第三方事件。
适用场景：引导较强，虽然没有打断用户行为，但已经严重干扰了用户的注意力。优点在于衔接顺畅，较大曝光了第三方事件。适用于与当前功能联系紧密的事件，否则体验极差。
得到app这个页面就将悬浮窗和可收起窗口结合在一起，用一种较轻的模式满足了用户在查看其他音频与听当前音频之间的切换。
得到APP截图
强制弹窗
定义：进入页面直接曝光弹窗
适用场景：这应该是最简单粗暴最常见的第三方事件插入方法，但要注意用户的抵触情绪，如果是重要的第三方事件反而不建议用这种方式，就算用了最好也能保留再查看的入口。
以上只选取了部分交互实现方案，如果有更优的实现方案，欢迎大家留言交流！
网友评论