摘取这篇博文http://www.360doc.com/content/11/0318/14/6463782_102264942.shtml的要点
作者是个资深交互设计师,有国外工作经验(除了这些信息,其余没仔细去了解)
我只是让自己记住这些才写下来,不然看了又忘相当于白看。回想起自己看过一些技术点,由于不经常练,就忘了自己曾经看过了,诶真是懒惰害死人啊!
切记,看书要笔记!!!
一、任务分析。将页面上所要完成的所有任务列出
二、按各任务确定流程,简历信息框架
三、创建统一的页面布局,包括分区
四、在页面布局的基础上进行原型设计
五、编写设计说明
具体说明
一、任务分析
列出用户能在这个界面上进行的所有操作(产品会给需求表),即任务列表,任务流程,使用场景等
具体为列出主任务,再列子任务,然后用步骤完善
模型如下:
主任务1
子任务1
步骤1
步骤2
子任务2
步骤1
步骤2
主任务2
...
二、任务流程
任务分析表的照搬
一个主任务代表一个页面,子任务也可以转化为页面
流程表要包含所有的新页面
流程表确定了页面的内容和数量,还代表了页面之间的关系
(这里是要给个配图的)
三、确定页面布局、分区
从流程图得到的数据对页面进行划分、对内容进行组织,重点是页面区分
1.总布局,是页面的通用风格
2.具体页面布局。沿袭总体风格,但有更有细节
以分区的形式把页面各区域对应的功能确定下来
把类似的操作放在一起
四、在页面布局的基础上进行原型设计
把所有页面元素都列出来
低保真对应线框图,高保真对应接近产品最终效果图
五、设计详细说明
对页面及所有页面元素进行说明。样式、状态、字号等
总结:交互是一个过程,不仅仅是画图,流程图和页面布局是关键