美文网首页
J01-交互设计流程

J01-交互设计流程

作者: Minus | 来源:发表于2016-11-29 15:30 被阅读91次

1. 功能列表确认

需求转化为任务再转化为功能,可以使用思维导图或EXCEL管理,再分析标注优先级。

1.1 思维导图:包括功能模块、功能点、需要展示的信息字段及其格式要求、功能优先级、其他必要的补充说明(为什么这样考虑、什么场景下使用等等)

1.2 EXCEL表格:包含前端与后端,分别给出列表与优先级。这份列表在后续详细设计过程中要不断补充修正,非核心功能也要不断补充进来。

功能列表

2. 产品结构设计

2.1 流程设计--任务分析,信息架构

对于功能任务型APP,需确定用户需要完成哪些任务?每个任务又可以分解为哪些子任务?这些子任务的操作流程,目标是什么?子任务的层级结构,优先级如何?

根据分析结果产出整体任务流程图,依据需要决定任务流程图的细致度。

对于信息型APP,需先行规划信息架构,明确信息层级,展示优先级,产出信息架构图

2.2 导航设计
导航的目标是突出主要功能点,让用户在完成任务时能一目了然的知道自己要从哪个入口进入。通过前面的功能分析和任务分析,对于用户任务的优先级已经较为明确,此时可以思考、确定产品的导航设计。

2.3 页面流程图
用以明确整个产品的层级结构、页面之间的关系,避免一开始就陷入细节,也利于预估工作量。类似下图这样,标注页面名称,不用体现界面细节,还可以简单标注界面的主要内容模块。

页面流程图

** 2.4 用户操作流程图**
对于比较简单的功能或产品,这一步可以省略。但是如果涉及到多个用户角色之间的操作关联、较为复杂的判断逻辑,建议先梳理清楚用户操作流程图,思考清楚不同分支的走向。后续在设计评审阶段,可以通过流程图来辅助讲解,更容易理解。


页面操作流程图

3. 原型设计,页面布局,低保真原型

使用Axure画线框图。确定页面元素没有缺失,凸显重点信息,完成各界面的布局设计、界面之间的跳转关系。

4. 设计初审

产品总监,产品经理,业务部门参与设计评审,评估设计是否偏离产品范围。

5. 详细设计,后台设计

规划具体信息架构,后台支撑管理程序,详细描述界面信息来源,信息处理逻辑,完善不同状态下的页面布局和内容展示、用户操作反馈提示、通用或异常的场景等等。所有开发阶段需要用到的都需要在详细设计阶段体现。这份文件最终作为开发人员,测试人员的规格说明书,也是最终产品的验收标准。

6. 终稿评审

请产品总监,产品经理,视觉人员,开发人员,测试人员等参与复审,多人头脑风暴,确认设计是否合理,有无更优解,有无遗漏等。

视觉人员理解产品目标,为后续视觉设计打下基础。

开发人员理解需求,可以提出技术可行性意见,提前预估开发风险。

测试人员了解需求后,可提前规划测试用例,测试标准。

这一步非常重要,因为到这里产品设计已经成型,这是开发的依据,这一部分越完善越明确,开发过程中障碍越少,稀缺的开发资源可以得到最有效的利用。

7. 需求说明书

整理所有前期文档,构成需求说明书。这既可以用于视觉设计,开发,测试的工作标准,也可以用于提前客户验证的交流文件。

相关文章

  • J01-交互设计流程

    1. 功能列表确认 需求转化为任务再转化为功能,可以使用思维导图或EXCEL管理,再分析标注优先级。 1.1 思维...

  • 结构层定义

    主要包括交互流程设计与信息架构。设计用户通过怎样的流程、产品各功能之间的数据及逻辑。 交互流程设计:产品功能通过怎...

  • 交互设计三要素之信息架构和流程设计

    交互设计主要分为三部分:信息架构、使用流程以及交互细节。今天我们来谈论一下信息架构的产生和交互的流程设计,交互基础...

  • 交互设计(转)

    目录导读 1.交互设计概念 2.交互设计输出物 3.交互设计相关理论 4.交互设计流程及方法 5.交互设计常见案例...

  • 2018-12-03交互设计课程笔记

    一、交互设计是什么? 交互设计 明确产品的任务需求、目标,规划逻辑关系,设计交互流程,同时,通过设计测试,优化产品...

  • Some Tip

    关于交互设计 APP设计工作流程 booklist

  • 23.复杂原型设计

    是什么 完整的新产品,完整的新功能 设计流程链条较长 交互页面,交互流程复杂 设计步骤 需求分析:明确用户场景问题...

  • 交互设计流程(一)

    文丨大鱼酱 为什么写交互设计流程 作为一枚野蛮生长的“交互设计师”,关于交互设计流程的文章看过也有大几十篇,其中也...

  • 后台管理设计两三事

    一、设计思维 二、设计过程 三、交互文档 1)页面流程图 信息架构图 业务流程图 任务流程图 2)线框图和交互说明...

  • 宇相的产品养成日记:1.用户体验与案例解读

    设计流程 一、交互设计和用户体验 1、交互设计和用户体验 交互设计是什么? 设计人与数字产品、环境、系统和服务进行...

网友评论

      本文标题:J01-交互设计流程

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