进入专区参与更多行业专题讨论
原型图是产品可视化的工具，用于形象表达页面布局和功能间的交互。对于B端产品经理而言，亲手绘制原型图尤为重要，通过低保真原型图快速迭代设计思路，提升用户体验，包括简化操作流程、整合功能场景、优化交互和视觉呈现等多个层面。
为什么B端产品经理一定要亲自画原型图
- B端系统庞大复杂，必须深入了解用户需求和用户操作习惯
- B端产品细节错综复杂，在原型图绘制过程中再次深入思考
- 先确认后开发，可用原型图和用户确认产品设计合理性
- 交互设计师一般不在一线，给之草图，以阐述设计关键点
- 模板相对固定，团队可能没有交互设计师，产品经理必备技能
- 保证布局交互形式不统一
B端产品画低保真原型图
- 团队内部使用，重在实用，不是好看
- B端产品页面视觉效果差异性小
- B端产品交互以跳转为主，无动效
- 低保真原型绘制速度快，修改方便
原型图绘制步骤
建立目录
根据产品结构图，在Axure、墨刀中建立模块文件夹、功能页面，调整从属关系
画出布局
用线框图划分每个区块要展示的内容
列举字段
在每个区块里把所有要显示的字段排版、将区块中需要显示的字段全部列举、按字段属性(字符长短、数据类型等)和规范调整布局
B端产品常见原型页面
列表页
新增页
详情页/编辑页
提升用户体验要点
业务层
- 流程越短越好，尽可能缩短步骤，减少点击和页面跳转次数。如药师每卖一个药要多两步，那一天增加额外工作时间半小时。
- 整合功能场景
- 有效指导异常，遇到空数据或者操作困难时给出快速跳转链接和帮助指南
交互层
- 少跳转，页面跳转会让用户感觉操作有阻断感，改成弹窗，减少跳出感，会觉得流程短了，好用了
- 少弹窗，页面上的信息分块直接呈现，如果内容过多，高频且重点的内容外露
- 快捷操作，将同样/相近的业务操作汇总在一起，提供快速的按钮，如批量操作/全选操作
视觉层
- 信息清晰，不仅是指信息结构的层次，还包括页面的内容。让用户一眼就能看到上面写了什么，有什么功能等。
- 信息紧凑，要压缩空间，布局紧凑，尽可能使一页的信息量最大化减少页面的上下滑动和弹窗显示
- 少用图标，图标越少越好，用文字表示，除了常用按钮或“垃圾桶这种大家都能看懂的图标，不建议自己设计图标。
- 贴近现实，尽可能采用客户现有的表单样式，降低学习成本
没有回复内容