前面的几片文章讨论了利用故事情节或场景剧本来实现理想的用户交互过程,之后从这些场景和其他来源中对需求进行定义。现在要讨论的是正式开始设计产品的过程。
创建设计框架
设计框架定义了用户体验的整个结构,包括底层组织原则、屏幕上功能元素的排列、工作流程、产品交互、传递信息的视觉和形式语言。在这个过程中,形式设计要与欣慰设计保持一致。设计框架包含交互框架与视觉设计框架,在这个阶段中,交互设计者利用场景和需求来创建屏幕和行为草图,同时,视觉设计者使用视觉语言研究开发视觉设计框架。
需要注意的是:当设计复杂的行为和产品交互时,若过早的把重点放在小细节和具体的产品交互上会妨碍框架设计,无法有效的开发出适合所有产品行为的整体框架。因此应该采取自上而下的方式,首先关注总体,提出低保真而不包含具体细节的方案。这样才能保证设计师在开始阶段重点关注产品设计的基本原则,满足人物模型的目标和需求。
定义产品交互框架
定义形式要素、姿态和输入方法
所设计产品的形式上是web应用还是手机?
用户是如何和产品进行互动的?鼠标还是触控?
定义功能性和数据元素
即在界面中要展示给用户的功能和数据,这是根据所构建的场景而确定的。场景提供了一种自上而下的交互设计方法,从主界面到细微的小窗口和对话框,场景反复运用在越来越细致的设计结构上。与此同时,设计过程中所采用的原则和模式则加入了一种自下而上的方法,用以平衡整个设计过程,用于每个设计层次上各元素的组织。
确定功能组和层级
有了完善的高层次功能和数据元素后,就可以按照不同功能分组工作,确定各自的层级。
勾画交互框架
勾画大致的界面,这个过程注意界面的整体性和高层次,不要过分注意细节。
构建关键线路情景剧本
关键线路情境剧本描述了人物模型如何使用交互框架同产品进行交互。交互框架中细节越多时,越会反复运用关键线路情境,考量用户和产品交互的具体细节。与目标导向情境场景不同,关键线路场景以任务为导向,关注任务的细节。
- 故事板的设计
采用低保真草图序列和关键情景剧本的叙述,描述这个设计方案如何帮助人物模型完成其目标。故事板是借用了电影制作和动画片中的技巧。
通过验证性的场景来检查设计