研发流程:产品设计流程与文档规范
最近项目中遇到了需求、UE、UI到前端工作衔接不顺畅的问题:
- 前端设计之前到底需求需要分析到哪一层?
- 哪些文档就可以支持前端设计?
- 这些文档的结构和规范都是什么样的?
- 以及,前端设计到什么程度就可以进入开发阶段?
为了解决这些问题,参考了网上一些文章简单的把产品设计流程归纳总结成了下面的内容
一、通用的产品设计流程
二、我理解的认知分析
这里可以归纳总结出对事物分析的通用方法:
- 竞品分析:应该是一个自底向上的分析过程,深入理解竞品,总结概括其原始需求
- 领域调研:应该是一个自顶向下的分析过程,通过发散从宏观的角度分析,找到切入点
- 产品分析:根据上面两个层面的分析确定产品自身的定位,价值点
- 功能规格整理:将产品概念具化成功能框架
针对我们项目成员特点:产品、需求、UI/UE(一人兼顾)、前端开发、服务端开发、测试
对开发前的分析过程理解成下图的样子
三、我对交互原型阶段的理解
核心任务 |
通用标准 |
我的理解 |
概念模型分析 |
概念模型,是对产品构成结构和操作方式的系统化、结构化描述
•设计者是通过一系列视觉线索,以及使用过程将设计模型传递给用户,并最终转换为用户概念模型
|
这里只是系统化结构化的描述(线框图) 构成结构(静态): 页面的划分 页面内容的定义 操作方式(动态): 交互的类型 跳转的流程 |
功能结构分析 |
交互组件设计 组件间的结构关系 |
UE阶段的功能不同于需求阶段,应该理解成组件 根据功能逐步添加组件形成组件库 结构关系:复杂组件是由简单组件组成 |
使用场景分析 |
典型场景经历的关键功能链 |
验证组件库能否满足典型场景 |
交互流程分析 |
支持使用场景的关键操作过程(鼠标点击步骤、屏幕引导路径等) |
动作规范,应该对应我们验收列表动作部分的系统化的设计 |
信息架构 |
控件的数量、类型 控件之间的逻辑、组织关系 用户通过组件理解背后的功能 |
组件库的架构层次 |
原型设计 |
所有界面组成完整的可模拟产品的原型 |
四、我对视觉设计阶段的理解
交互设计阶段一些文章中的概念比较感性,对于我这个纯理科生理解起来有些困难,所以没做太多的解读,靠意会吧
核心任务 |
通用标准 |
我的理解 |
设计定位 |
定义产品性格,赋予感情 |
|
风格探索 |
根据情绪板、直觉对产品进行风格设定 |
•情绪板借助图像,启发和探索用户体验
•解决“不是我想要的”问题
|
视觉设计 |
视觉设计与评估迭代 |
•对已有原型安照既定风格实现视觉效果
•交付规范和标注
|
评估 |
||
输出交付物 |
界面标注、规范 |
上述部分参考文章
五个阶段,了解产品设计流程:http://www.woshipm.com/pd/487017.html
用户体验UE与用户界面UI设计:https://blog.csdn.net/playkid123/article/details/44562231
UI/UE设计流程:https://blog.csdn.net/bingdianlanxin/article/details/45674441
五、交互说明文档
1、文档的结构包含以下内容:
- 封面
- 版本说明
- 优化目录(需求优化的信息)
- 修改记录
- 内容目录
- 产品框架
- 页面流程图
- 页面展示及交互说明(核心内容)
- 封底
参考:BAT如何做交互原型设计文档 https://wenku.baidu.com/view/71f4e5e6581b6bd97e19ea08.html
2、交互说明都包括什么内容
- 字符限制:是否要做限制?多少字出现截断?截断后是显示为省略号还是不显示?注意中英文不同
- 链接具体化:不一定是具体url,但要给出线框图或demo的链接
- 交互细节
- 表单校验
- 浏览器兼容性
参考:手把手教你写交互设计文档 http://www.woshipm.com/ucd/3809.html
六、视觉设计规范
一个移动端APP的视觉规范示例范文,内容、结构可供参考
规范实例(APP)http://www.xueui.cn/tutorials/app-tutorials/app-code-examples-with-ui-design-method.html
转载于:https://www.cnblogs.com/zs-note/p/8876308.html
研发流程:产品设计流程与文档规范相关推荐
- 4000字干货,看完就懂什么叫产品设计与产品设计流程
随着互联网的发展,工种变得越来越多,职责划分也越来越细,面向产品方向的也不只有产品经理了,还有用户体验.产品设计等等. 今天,就要通过 Canva 产品设计师 Gloria Lo 的一篇文章,来详细地 ...
- 产品管理|产品设计流程[完整版]
产品设计(Product Design)没有一个合乎情理的流程,即使人们总是呼吁敏捷开发(AD:Agile Development).极限编程(XP:Extreme Programming),但必要的 ...
- 电子产品设计流程_产品设计“学习、就业、留学”全攻略
近年来,产品设计一直是艺术留学的热门专业,而且这个专业也深受艺术留学生的欢迎,不管是本专业的继续深造还是跨专业的申请,许多小伙伴都对这个专业充满着兴趣和热爱,那什么是产品设计,都需要学习什么内容,如何 ...
- 【校招VIP】产品设计流程之原型设计
考点介绍: 在这样一个看重颜值的时代,一个赏心悦目的网站(或者移动APP)是多么重要.每一个产品经理,也都希望自己的创造的产品是与众不同的.虽然在大公司内部,通常来说不需要产品经理去进行具体的界面交互 ...
- flowable 中文文档_滴滴实习收获 | 产品经理就是写文档和开会沟通的吗?
本篇文章希望和大家分享我今年的2个思考:一是为什么需要产品经理,二是产品经理的工作核心逻辑是什么.内容会结合<俞军产品方法论>和我自己在滴滴国际化做产品实习的经历. 一.为什么需要产品经理 ...
- 产品经理基础——需求文档
了解市场→了解需求→产品设计→产品运营 产品设计:产品理念,产品方案及规划,产品架构设计,交互设计,原型及需求,项目管理,验收及发布,用户体验,实战点评. 综述:01.产品规划 产品设计理念:02.产 ...
- 为什么ToB产品需要这么多文档?
大家都知道编写产品文档是PM的工作内容之一,对于ToC和ToB的产品来说,编写的产品文档也会存在一些差异性. 为什么大家常说"ToB的产品需要大量的文档"呢? 接下来我们一起瞅瞅吧 ...
- 干货|我的三年产品基本功之PRD文档攥写
产品基本功不仅是基础 最近刚好负责的一个UGC模块已经进入文档阶段.本文为各位朋友带来一个产品基本功的分享--产品需求文档,这一篇分享将是我3年产品进阶到今天,个人要求需求文档目前的撰写标准. 从腾讯 ...
- 如果需求文档不完善,怎么写全面的测试用例 没有产品说明书和需求文档,能做黑盒测试吗?
今天遇到学生在面试的过程中遇到这样一个问题 如果需求文档不完善,怎么写全面的测试用例? 没有产品说明书和需求文档,能做黑盒测试吗? 我们都知道测试的流程如下: 一般产品经理通过前期的调研包括收集用户的 ...
最新文章
- php循环输出多个网络地址图片,php中curl循环往请求多个URL和多线程去请求多个URL的方法...
- Redis学习之intset整数集合源码分析
- PHP 入门 - 10.应用技术
- ERROR org.apache.hadoop.hdfs.server.namenode.SecondaryNameNode: Exception in doCheckpoint
- 程序员还有35岁的坎吗?
- tableau度量值计算_Tableau图表界面组成介绍
- mysql 数据类型怎么用,myMySQL数据库怎么更改表中某字段的数据类型? MySQL数据库使用教程...
- 如何获得Windows聚焦壁纸0726
- 笨方法使用Kubernetes实现持续交付
- php变成基础答案,高校邦《PHP语言程序设计》答案教程2020优学院《读写教程(基础篇) —— 成功之路大学英语综合教...
- 其实,前面倒腾那么多,只是为了想玩SPRING BOOT
- java2实用教程第四版pdf下载_Java 2实用教程(第4版)
- The7th Zhejiang Provincial Collegiate Programming Contest-Problem A:A - Who is Older?
- 如何设计一个简单的网站首页
- 怎么利用计算机自带功能删除垃圾,win7系统怎么清除电脑里的垃圾
- 项目开发中的人月及如何计算
- vivo电池损耗指令代码_「值得收藏」手机上的神奇代码,除了*#*#6485#*#*,还有这些...
- 太原理工大学系统分析与设计实验报告实验室设备_“艺术之光”绽放太原理工大学首届本科生专业节...
- Instruments相关
- creator 挖洞 转发