产品设计标准文档 v1.0.2.pdf

产品文档规范 文档版本 1.0.2 拟稿人：杜博 微信/微博：dooboo 1. 原型制作标准 1.1 统一使用Axure 7.0作为原型设计工具 1.2 根据规划，每人分配的导航或模块需要进行整理，形成大的导图 （或流程图） 1.3 导航命名规则：原型左侧的导航命名，根据类别统一命名，例如：0 一般作为引 导页等备用，1 首页 1.1 个人 1.1.1 聊天列表 3 发现 ... 等等，以清晰的编号展 示出来。每个页面的跳转关系也需要有相近的描述和说明 1.4 能用母板的尽量使用母板，以便于很多相同的页面或模块可以快速的部署，相同的 界面与需求保持统一 1.5 单一页面的描述需要有以下四个主要的方面：功能和交互描述、逻辑与数据处理、 冲突处理 （页面有的必须要填写）、注意点 （非必填） 1.6 图标和库要统一，便于团队协作：产品团队内不断的对素材进行归纳整理，同样的 按钮使用相同的图标 1.7 颜色和状态标识文档：单一软件的颜色设置要统一，例如 红色在整个软件中代表 的是警告，绿色代表认可 1.8 主界面设计：要特别注意“动静相宜”，首次进入页面与各导航栏主界面都最好有一 种贴切的动画，可以更快的吸引眼球 1.9 新版本需求有变动，在原型中要有特别的页面体现，例如在页面后面加入-New或 者-N的标记，以标识这个页面有改进，譬如 1 首页-N 2016@北京 杜博 微信/微博：dooboo 1.10 需求整理与分析：先整理成导图和Excel文档，并对需求产生的场景进行描述， 知道该需求在什么场景下触发和使用。并在后面备注上该需求的处理结果。如下图： 1.11 模块化需求说明：全局通用性的设计，要提供单独的文档说明，以备后续更多的 产品使用，譬如：问答模块的需求说明 1.12 发出的说明性文档需导出成PDF文档，在微信、邮件中发送 1.13 角色与权限：也要有清晰的条理和关系罗列，例如：创建者权限、管理权限、互 动权限、可见权限、特殊权限、父系与子系的继承与权限等，先以导图的形式罗列好， 再体现在原型和页面中 1.14 部分交互规则：  尽量少的让用户输入，输入时尽量多给出参考  一行最好不要超过两种点击行为  提供非模态的反馈，不打断任务流  用户点击或触摸，必须有相应的反馈，而且要迅速反馈  插入性流程不要影响到其他流程的平滑过度，插入流程以弹出等方式进行，例如登 录、支付，完成后，原页面刷新即可  动画效果要从哪里来从哪里回，遥相呼应  如无必要不要让用户等待，Loading过程中，要想办法让用户更有意思的留在页面 上  提示语要有友好型趣味性，而不要有命令式口吻或机器化口吻 2016@北京 杜博 微信/微博：dooboo  能选择不要输入，用户手动输入的内容，尽量自动保存，不要让用户重新输入  流程深度控制在3个以内，最高不要超过5个，引导用户，不要迷失  与或非关系简单体现，不要让用户迷惑，不要让用户动脑筋  对于有异议的页面，可以多做一些用户反馈的嵌入，让更多用户贡献自己的想法  页面和流程要专注，用户在做一件事的时候，不要引导他去做另外的事儿，而是用 户做完后，再去引导用户去其他地方。 2. 设计思想准则 2.1 界面设计原则：一致性 重复性 反差性 简洁亲密性 2.2 交互设计亮点： 主次相宜 动静相宜 大小相宜 2.3 感官把控：流畅度 衔接度 起伏度 2.4 周期长度：行业周期 用户年龄周期 使用周期 3. UI设计与产品和技术 统一的规范 【UI设计规范另计】