logologo

产品经理在进行产品设计等工作时,会使用交互流程图来提高团队效率这种流程图适用于传达方案、评审目标等需要团队协作的场景,视觉设计师、产品开发等工作团队只需看图便能迅速理解图示要义,极大节省了理解时间,有效提高沟通效率。

要绘制一张好的产品交互流程图,我们需要弄明白什么是交互流程图?什么是用户流?如何设计一张好的交互流程图?本篇文章将结合BoardMix博思在线协作白板来解释回答以上问题。

1. 什么是用户流

用户流指的是用户为了完成用户界面中的任务而从入口点到最终目标的路径。通俗的说,入口点可能是用户进入某个网站的主页界面,最终目标则是用户浏览后决定购买的产品。用户流定义了用户旅程中的所有导航步骤,每个用户流都关联着一个特定的用户组,当企业拥有多个目标用户时,就需要为每个用户组定义一个用户流。

2. 什么是交互设计流程图

交互设计流程图是企业进行产品设计中一种常用的方式,通常包含以下五大层面:

战略明确用户需求和产品目标,即用户和企业想要通过这个产品获得什么。

范围清楚功能规格和内容需求,将产品目标和用户需求转变产品功能和特征。

结构界定信息架构和交互设计,进一步设计产品的交互原型,确定不同类别的功能位置。

框架明确界面外观、导航、信息设计,进一步优化按钮控件等其它布局。

表现最后决定视觉设计,完整的排列信息元素后,结合视觉设计展现产品效果。

交互设计流程图

交互设计流程图

3. 如何绘制产品交互流程图

网站的成功率很大程度取决于用户浏览网站的难易程度和观感体验。为了解决这个问题,产品经理一般通过绘制用户流程图来确定用户达到最终目标的难易程度,并消除用户可能遇到的障碍,从而创造可观的用户体验。接下来,我们将借助BoardMix博思在线协作白板介绍绘制产品交互流程图的方式。

(1)规划用户旅程途径

BoardMix博思白板通常会根据用户类型、行为、任务以及功能触点四个层级来规划一个初步的用户旅程图,它支持添加线条、形状和图标等文本框来快速规划用户旅程图,以此改善用户体验。

此外,BoardMix更有海量标准化的用户旅程图模板可一键免费套用,将用户完成某个目标的所有历程和行为通过可视化呈现出来,直接描述用户与产品交互中的体验,通过可视化地图的创建可以有效进入下一步。

美团机票购买旅程图模板

美团机票购买旅程图模板

(2)置入可互动场景

产品经理在展示用户流程时运用过一个很好的方式就是使用 “可玩的”交互,通过在BoardMix流程图画布中插入便签、表情符号、图片、多维表格等其它内容,或者对插入的流程图符号进行修改产品经理可以轻松从海量表情库、贴纸库、图形素材库中添加交互元素,如修改符号的边框颜色、字体大小等向用户展示他们如何在体验旅程中从一个阶段过渡到另一个阶段。这样既突出了流程图编辑的便捷,又提高了感官体验的视觉效果,显得整个交互流程图变得更加丰富,实现交互在视觉上吸引人和充分互动的独到之处。

基金产品用户体验地图

基金产品用户体验地图

如果产品经理需要向团队或客户线上演示用户体验地图时,也可以通过BoardMix博思白板开启视频会议进行远程在线演示,同时可以自由在画布上添加任何PPT、图像等文件或元素,并添加需要的链接,所有参会成员都能够跟随画布上的光标移动迅速跟紧会议进度,还能使用标签和评论功能发表修改意见等想法,高效又有趣!

(3)一键套用多种模板

如果没有绘制交互流程的创作灵感,不妨打开浏览器进入BoardMix博思在线协作白板主页,在模板中心的社区案例中寻找创意这里有如用户体验地图、用户旅程图分析、用户故事地图等等许多丰富的有关产品设计的流程图,多种模板都能够一键免费使用。我们可以在现有的模板进行二次创作,自由添加理想元素,编辑所需内容以达到流程图目标效果。

BoardMix博思在线协作白板模板

无论是在Web端还是移动UI中,用户流都是用户体验的重要组成部分,如果没有意识到这点,用户将很大可能不会再访问这个网站。从设计开始就选择一个工具来帮助定义用户流,绘制交互流程图能够很好避免出错

BoardMix博思在线协作白板

BoardMix博思在线协作白板是设计产品交互流程图的一个很不错的工具它是直接打开浏览器就能在线使用的一款在线协作白板,所有的内容编辑都可以实时保存,不必担心中途退出未保存的情况。 除了能够绘制交互流程图,BoardMix博思白板还能多方兼容PPT、Word等主流格式;也支持接入腾讯会议、钉钉会议、企业微信等实现在线通话,实现多人同屏在线实时协作,其不失为一款高效协作的在线白板工具!