产品设计规范

作者: Mark_Xu | 来源:发表于2015-03-31 13:38 被阅读480次

一、设计流程

  1. 需求分析
    记录需求,分析整理,输入到【需求表】
  2. 场景分析
    用户场景分析,整理流程
  3. 脑洞大开
    内部讨论,功能点及交互效果
  4. 设计初稿
    Axure原型制作,包括用例、流程、功能规格、交互效果
  5. 内部评审
    内部意见沟通,有问题进行调整
  6. 需求方反馈,细节优化
    BOSS或相关部门反馈,细节优化
  7. 输出、制作跟进
    【Axure原型】及【更新表】输出,跟进UI、前端、程序员制作
  8. 项目经验分享
    团队分享项目经验及总结

注:【需求表】【Axure原型】【更新表】均为输出文件。

二、Axure文档规范

文件命名

【站点名称】-【主模块名称】-【生成时间】
主模块名称是指该原型文件中最重要的一个模块的名称。

文档包含内容

主要包含:流程页面、网站原型页面、网站地图、模板管理

流程页面

  • 用例图
    用例图是指由参与者(Actor)、用例(Use Case)以及它们之间的关系构成的用于描述系统功能。
  • 流程图
    描述用户使用流程或功能流程。
  • 页面跳转流程图
    描述页面跳转变化,系统过于复杂则需要。
  • 规则说明
    有业务规则、活动方案的设计,必须说明。

网站原型页面

  • 页面原型
    描述页面内容。
  • 功能说明
    描述页面某项功能的详细说明。
  • 交互说明
    描述交互变化的文字说明或页面变化。

站点地图

站点地图通过命名规范、层级、排序,便于有效管理、查询页面,更方便的掌握网站整体结构层。也可以利用Axure自动生成站点地图功能,快速生成站点地图。
站点地图命名规范
【页面名称】-【模块名称】-【状态描述】
站点地图层级
总体原则是除去次要描述页面,能够通过自动生成站点地图功能,生成完整的符合站点层级的地图。
层级规则:

  1. 页面层级逻辑层级优先
  2. 同一页面多种模块或多种状态描述的属于该页面下一层级

站点地图排序
可根据不同页面类型按以下原则排序:

  • 页面导航顺序
  • 用户使用流程顺序
  • 同一页面不同状态顺序

模板管理

建立模板原则
建立模板的用途主要是便于维护,提高工作效率。
多页面使用的模块,建立模板便于维护,以免需要修改时有遗漏的地方。
同页面多次使用的模块,建立模板维护时减少工作量,加快工作效率。
模板归类
对模板进行归类便于管理和修改,不同原型合并时减少工作量。
【全局模板】如网站头部、底部。
【模块模板】如个人中心、批量定制等。
【零时模板】如多个页面重复使用,需经常修改的。

相关文章

  • 产品经理如何验收UI

    现在很多产品同学,在验收设计稿的时候,经常遇到以下问题: 设计规范:设计师说,我们现在设计规范就是这样的;产品觉得...

  • iOS移动产品APP界面设计规范

    一.概述 编写目的:编写iOS移动产品设计规范(以下简称“设计规范”)主要是为了规范化公司移动产品设计,将常用控件...

  • 如何制作一款APP的UI设计规范文档

    一、设计规范的撰写时间 先说说这个设计规范应该什么时候开始写设计规范,一定是产品发展到了一定阶段,才会开始撰写制作...

  • 基于Axure的移动端APP产品设计规范

    上一篇文章《产品设计规范与关乎“秩序和混乱”的人生算法》主要分享的是基于Axure的后端产品设计规范。本来前后端的...

  • UI设计流程

    1、设计风格(承接产品) 2、设计规范 Main colorMain greyMain border radius...

  • 移动产品经理必读的3个文档

    当然是各个平台的交互设计规范啦~~~~ ios9的设计规范是必看的。很多产品经理或者设计师,因为自己用的iphon...

  • 《一个APP的诞生》:第三章设计规范

    1. 项目中设计规范的意义: 设计规范可以很好保证产品的一致性,提高同伴之间沟通的效率,同时可以预防人员流动带来的...

  • 在设计服务的交付中,为什么要明确设计规范?

    关于设计规范,大家的讨论都围绕在公司内部的设计规范如何建立以及沉淀,而在互联网产品设计服务的工作流程中提及的人不多...

  • 产品设计规范

    作为一名初级产品狗,原型和prd是基本功。在和竞品需求相同的情况下,产品的很多设计细节让产品产生了不同的差距。从字...

  • 产品设计规范

    一、设计流程 需求分析记录需求,分析整理,输入到【需求表】 场景分析用户场景分析,整理流程 脑洞大开内部讨论,功能...

网友评论

    本文标题:产品设计规范

    本文链接:https://www.haomeiwen.com/subject/itznxttx.html