交互设计学习day1 之三 工作流程说明

摘取这篇博文http://www.360doc.com/content/11/0318/14/6463782_102264942.shtml的要点

作者是个资深交互设计师，有国外工作经验（除了这些信息，其余没仔细去了解）

我只是让自己记住这些才写下来，不然看了又忘相当于白看。回想起自己看过一些技术点，由于不经常练，就忘了自己曾经看过了，诶真是懒惰害死人啊！

切记，看书要笔记！！！

一、任务分析。将页面上所要完成的所有任务列出

二、按各任务确定流程，简历信息框架

三、创建统一的页面布局，包括分区

四、在页面布局的基础上进行原型设计

五、编写设计说明

具体说明

一、任务分析

列出用户能在这个界面上进行的所有操作（产品会给需求表），即任务列表，任务流程，使用场景等

具体为列出主任务，再列子任务，然后用步骤完善

模型如下：

主任务1

子任务1

步骤1

步骤2

子任务2

步骤1

步骤2

主任务2

...

二、任务流程

任务分析表的照搬

一个主任务代表一个页面，子任务也可以转化为页面

流程表要包含所有的新页面

流程表确定了页面的内容和数量，还代表了页面之间的关系

（这里是要给个配图的）

三、确定页面布局、分区

从流程图得到的数据对页面进行划分、对内容进行组织，重点是页面区分

1.总布局，是页面的通用风格

2.具体页面布局。沿袭总体风格，但有更有细节

以分区的形式把页面各区域对应的功能确定下来

把类似的操作放在一起

四、在页面布局的基础上进行原型设计

把所有页面元素都列出来

低保真对应线框图，高保真对应接近产品最终效果图

五、设计详细说明

对页面及所有页面元素进行说明。样式、状态、字号等

总结：交互是一个过程，不仅仅是画图，流程图和页面布局是关键