产品经理实习心得之设计原型（二）

---

前言

本篇主要介绍在原型设计中学习和参考其他原型时候积累的经验、小技巧。

一、在原型开头需要说明项目相关、系统关系、业务流程

1.项目相关是指，该项目的建设背景、建设需求、需求调研情况以及项目风险。

建设背景：出现xx问题，针对这一问题，我们在xx政策（基础）上，解决xx问题（解决方案或实施的内容），阐述本项目的功能以及优点，最后明确本项目的意义价值。
建设需求：项目具体各方面的需求功能，明确项目中需要对接的数据等。
需求调研情况：具体日期及调研对象，明确调研对象对该项目的需求内容。
项目风险：根据本项目的重难点分析（言简意赅）。

2.系统关系是用Axure或者Visio绘制出本项目的系统关系图。

绘制时，注意分部门、角色来明确他们之间的关系以及其自身的业务内容。同时，注意互联网的区分关系（例如内网，外网）。

3.业务流程是业务流程内容、协作流程、流程功能。

业务流程内容：分部门阐明其业务内容及其流程（注意理清逻辑关系）。
协作流程：各个部门工作内部的协作（类似OA，请假、出差、用车、报销等）。
流程功能：主线流程，（整体项目的走向，到下一步后退回上一步是否需要考虑其内容情况）；辅助功能，（具体的某些功能需求，例如修改流程）；特别功能，（根据具体项目内容考虑）。

二、原型设计具体内容

1.首页内容简单明了，主要用于使当前用户情况明晰。

列表项右下角的页码，第一个最好是可编辑状态，方便用户直接查看指定页。
消息通知等列表项可以增加垂直滚动条。
如有统计等内容最好图表结合，更加直观表现出数据。

2.业务内容较多时候，最好分门别类列出各个业务内容，方便用户进行操作。

一般大类涉及：1.本部门业务内容 2.本单位内部协作。
涉及表单和附件内容时，最好在一个页面可进行切换，要求填写的名称与文字框最好有较明显的区分。在需要上传指定附件时候，在页面提示各类别所需材料。如需审核，则需在同一页面的第三状态表明审批信息，步骤类最好使用时间线来展现信息进度，或通过不同状态的内容呈现（例如：立案，延期，终止）。审批人的页面最好有“附件修改”按钮等利于用户使用体验的交互内容。

3.标明状态巧用彩色标签块，清晰明了显示各业务状态。

例如在个人工作动态可用红色标签块提示“即将过期”，或者用在个人申请栏用绿色标签块表示已通过。

4.列表筛选项，需根据列表内容考量不同的列表筛选内容。

类似在数据库里我们需要思考哪些属性作为数据的主键，更加方便我们查询所需数据内容。
列表搜索页面，最好也分类呈现。
同理，在各数据分离页面，也需考虑哪些数据是关键因素，例如在某事件上需要分别统计性别、年龄、学历等。

5.页面的小标题可以用类似标签置于页面左上角。

可避免小标题在页面内不明显又显得冗余的视觉感。
标题前可以增加icon或者短竖线 ，文字字体颜色区别，使其明显。

6.附件较多可分类呈现。

当需要上传或下载的附件较多时候，可以分类呈现（类似文件夹的形势），以树状形式展开子内容。上传文件最好可支持在线预览。

7.文字内容编辑上侧最好加入类似word的编辑工具栏。

在需要文字内容编辑较多处，使用此类工具栏更便于用户进行文字编辑、内容排版等。 初次之外，内容输入方式可增加文档扫描上传、语音输入等方式，更方便用户操作。 如有字数限制，最好在文字输入框内提示已输入字数与要求字数的情况。

8.添加信息，可采用弹窗的形式。

通常在添加信息时，采用在此列表下增加列表添加信息，有时会限制页面内容排版，而采用弹窗的方式添加信息则可避免这个问题，且在需添加信息的内容较多时，该方式更加有利。

9.页面信息较长，可使用右侧浮动导航

类似百度百科右侧浮动导航，可以帮助用户在较长页面内快速定位到自己需要的内容。
在步骤类表单内容页也可采用该方法。
但注意，该导航内容不能覆盖页面原内容，变得适得其反。

10.统计该类信息的数量，数据紧靠该信息标题或在其下方

例如，在添加完人员信息后，需要统计人员数量（统计数量在填完人员信息后自动生成），数据应该紧靠该信息，如排版在单独一块则用户不易准确了解到该信息的数据。

11.结束某流程后，可推送相似内容

类似于淘宝订单完成页面，会给用户推送相似物品的内容。而在其他场景下，例如用户提交某案件申请后，可为用户推送相似案例，从侧面帮助用户了解自己的申请情况如何。

总结

本文仅仅介绍了部分学习原型设计的经验心得，可供参考。还是那句话，自己动手，多多实践。