极客大学产品经理训练营:业务流程与产品文档 第11课总结
讲师:邱岳
1. 原型图
1.1 手绘图 + Scanner Pro
1.2 线框图
1.3 高保真产品图
1.4 做原型图的目的
- 坍缩:规划时梦到自己成了乔布斯,赶紧画个图让自己冷静冷静;
- 具体:具体就是故事,讲故事的能力就是营造画面感的能力;
- 沟通:多方都看得懂的抓手,文档描述的【索引】。
- 思考:在原型图中发现很多在文档和规划是想不到的问题。
2. 做原型图的步骤
- 列出用例(有哪些功能?)
- 基于用例规划界面(有哪些界面?)
- 列出界面结构(界面路径?信息架构?)
- 每个界面的元素和行为以及优先级。
- 草稿 --> 线框 --> 严肃 --> 高保真 --> 动效
2.1 列出用例
知道用户要完成的用例
知道完成这个用例的步骤
2.2 规划界面
- 不同用例的步骤,打散,重聚
- 列出相关界面
2.3 界面架构
- 信息架构?页面架构?页面架构是信息架构的一种表现形式,页面架构师信息架构的一部分。
- 信息的级别有时不完全等同于页面的级别,也不等于页面的路径。
- 规划元素的时候,考虑一下路径,找出用户典型轨迹,防止【撞墙页面】。
- 信息级别需要钻进页面内,所以要进一步考虑页面元素。
2.4 界面内元素优先级
- 元素结构和优先级:要传递给设计师的重要信息
- 动作:越少越好,越集中越好,也要列出优先级
- 状态:当前页面可能的不同状态(时间 | 角色)
2.5 动手画 – 原型图
- 草稿 --> 线框 --> 严肃 --> 高保真 --> 动效
- 思考 --> 表达 --> 沟通 --> 展示
3. 做原型的经验
关于工具:都试试,选趁手的 纸笔 / Sketch / Omnigraffle / Keynote / XD / Figma / 墨刀 / Photoshop / Axure / Visio … 关键词:prototype tool / 原型工具。
整干净一点,白底,斜线,虚实结合,字体统一,对齐。
花一半的精力设计第一印象。
KISS (Keep It Simple Stupid) 减少操作成本,减少认知成本。
最好的学习路径:重现别人的产品(Remix) --> 重做别人的产品。
手机端一定要到手机上摸一摸,不是在电脑上看截屏。
知识的诅咒,给人先看看,听听怎么说。
别忘记文案也是 UX 的一部分。
花在让原型图更加逼真精美上的每一分钟都(可能)是射向设计师的子弹。
极客大学产品经理训练营:业务流程与产品文档 第11课总结相关推荐
- 开发接口文档_产品经理必懂的接口文档撰写方式
做产品经理的难免会调研各式各样的第三方需求能力.以满足产品提供用户的市场价值,比如第三方登录.图像识别.风控算法,都有专注的服务厂商. 企业无需自己花时间和精力投入在具有较高技术壁垒或时间成本的需求上 ...
- 可复制领导力 - 极客大学架构师训练营 架构师老A
说明 分享人: 架构师老A 分享主题:<可复制领导力> 分享提纲: 个人能力成长阶梯 东西方领导力差异 管理者角色认知 架构师老A自我介绍 老A亲爱的老师们,同学们,大家好晚上,今晚由我给 ...
- 产品经理的MRD市场需求文档(怎么做)
9.1MRD与BRD的目的截然不同 -BRD:做这个有好处,并说明好处在哪里 -MRD:BRD明确事情要做后描述应该这么做,并说明这么做的原因 -MRD到底要干什么? 如果说BRD是你抛出的论题,那么 ...
- 极客大学产品经理训练营 解决方案的设计与积累 第6课总结
说明 讲师:邱岳(二爷) 1. 解决方案 解决方案的前提是明确了 利益相关者 和 待解决的问题 出解决方案是产品经理的天职,不要直接转发 注意 X-Y Problem,核心关注 X 大量的练习/模仿/ ...
- 极客大学产品经理训练营:PRD 产品原型文档框架 第12课总结
讲师:邱岳 1. PRD 产品原型文档的各种元素 PRD: Product Requirement Document 产品原型文档 基本元素(目录.标题.作者.版本.历史等). 场景描述. 需求背景. ...
- 产品经理应该先写需求文档还是先画原型?
先做模型,再画原型,最后PRD 模型:对产品形态结构的梳理,包括功能模块,逻辑关系,信息架构,业务流程等,可以用脑 图,use case图,业务流程图来表示,根据不同产品,产出物的侧重点不同.但模型很 ...
- 产品经理如何写好MRD文档
前言:BRD.MRD.PRD是产品常说的三大文档,也是产品经理杀人越货.安身立命必备之技能,上次说了如何写好BRD,今天来说说MRD该如何写. 什么是MRD MRD指Market Requiremen ...
- 极客大学产品经理训练营:业务架构与概念模型 第10课总结
讲师:邱岳 1. 什么是状态图 系统中的概念或对象随着一些事件的发生,改变了状态,通常这个状态比较多.比较复杂时,我们需要用状态图来表示他们的边界,以及触发状态转换的活动. 2. 动手画 – 员工状态 ...
- 极客大学架构师训练营大作业
大作业 背景 产品需求 技术方案建议 练习要求 用例图 泳道图 部署图 时序图 用户下单&支付 快递员位置上报 系统派单 订单状态图 背景 产品需求 技术方案建议 练习要求 用例图 说明: ● ...
最新文章
- java优先级目数_10.Java运算符+(优先级、目数)+
- [转]数据库建立索引的一般依据
- Android开发3g、wap、net的区别
- PyQt5 技术篇-设置滚动条拉动位置,scrollArea滚动条位置设置方法。
- ppct各代表什么_半导体50指数_股票大盘分时图中白线和黄线各代表什么?
- 域用户和计算机上解锁用户的账户,AD域账户锁定时间
- 利用正则实现彩色控制台输出
- OPPO Find X5/Pro搭载一体化流线设计,采用双芯片战略
- python读取json并列_python解析含有重复key的json方法
- vs2008中调用matlab生成的dll
- RocketMQ 介绍与安装
- 苹果被拒:Guideline 5.0 - Legal
- ERP之什么是物料编码?
- android mac地址过滤,android手机怎么更改mac地址绕过mac过滤
- Progressive Layered Extraction (PLE)
- 12 Best Custom ROMs for Android You Can Install
- “.NET研究”专访微软MVP衣明志:走进ASP.NET MVC 2框架开发
- tkinter电子木鱼
- ABAP BTE增强举例
- 「备战春招/秋招系列」程序员的简历就该这样写