产品入行需要知道的图

Posted RyouJou

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了产品入行需要知道的图相关的知识,希望对你有一定的参考价值。

在这里插入图片描述


在这里插入图片描述

信息架构图/脑图

主要功能:
1)梳理信息:帮助产品经理梳理产品的信息组成,避免信息内容在展示过程中出现遗漏和重复;
2)传达需求:作为技术建立数据库的参考依据。

流程图

主要作用:帮助自己梳理清楚设计的逻辑、后期为开发人员提供参考

在产品设计中,流程图就是通过一系列逻辑关系(条件逻辑、先后顺序、因果关联、输入输出等),描述特定情境下满足特定用户需求、完成特定任务的步骤。它应该是相对模式化的。

流程图包括的要素有:角色(例如:灯泡)、流转(连接线)、顺序(指向关系)、规则(是否、条件)、输入、输出

在这里插入图片描述


页面关系图/页面流程图

主要作用:跳转关系/流转关系

有了整体的功能站点地图后,我们需要增加页面之间的跳转关系
以及每个页面具体内容的设想规划

在这里插入图片描述


UE交互图、UI效果图

在这里插入图片描述

UE交互图

内容细化

在敲定了页面大致内容和关系后,我们需要将内容细化,这时候可能要对接需求方和用户,调研得出每个页面的真实数据情况,方便设计师给出交互稿

UI效果图

出效果图和切图

交互稿给出后要找各方确认,无误后给设计师出效果图和切图,准备进入开发


低保真、高保真


UML图

泳道图

类图


以上是关于产品入行需要知道的图的主要内容,如果未能解决你的问题,请参考以下文章

想要转行/入行做产品经理,你得先get这些正确姿势

入行大数据你需要了解关于Hadoop与大数据的12个事实

关于js----------------分享前端开发常用代码片段

现在入行 web前端开发 晚了?不看数据你根本不知道这些

现在入行 web前端开发 晚了?不看数据你根本不知道这些

现在入行 web前端开发 晚了?不看数据你根本不知道这些