设计框架定义了用户体验的整个结构,包括交互框架与视觉设计框架,有时候还有工业设计框架,这些包括底层组织原则,屏幕上功能元素的排列,工作流程,产品交互、传递信息的视觉和形式语言、功能性和品牌识别等
定义产品的交互框架
(1)定义形式要素、姿态和输入方法
形式要素:高分辨率电脑上的web应用,还是小巧、轻便、低分辨率、光暗中均可见的手机,还是嘈杂场所容易分析的电话亭——形式对设计暗含的限制
产品姿态:指用户将会投入多大的注意力和产品交互,以及产品将会对用户用户投入的注意力做出何种反应
输入方式:鼠标、键盘、小键盘、摇杆、手柄、触摸屏、声音、等
(2)定义功能元素和数据元素
以我们之前的场景故事为依据,用界面语言的描述方式描述在需求阶段确定下来的需求,然后再将设计具象化
列出数据元素并将其分类同时考虑他们从属等关系;数据元素就是你要在界面上呈现的那些内容,比如订单,收藏产品,照片,客户记录等
功能元素是用于操作数据元素极其显示的操作,举之前薇薇安打电话的例子功能元素包括
定义功能的时候,把产品想象成一个人,如果他彬彬有礼,他乐于助人,接下来他会怎么做,他可以贴心的做些什么
(3)确定功能组和层级
将数据和功能元素分组,纳入屏幕,框架、网格等更高等级的容器元素,表现形式可以用韦恩图或者缩略图形式
此时需要考虑以下主要问题:
1.哪些元素需要大片的视频区域,哪些不需要?
2.哪些元素能够容纳其他元素?
3.容器如何组织才能优化工作流?
4.哪些元素需要捆绑使用?哪些不是?
5.相关联的元素使用时顺序如何?
6.哪些元素有助于人物模型作出决定?
7.采用何种交互模式和原则?
8.人物模型的心理模型如何影响元素组织?
(4)勾画交互框架
框架草图要简单,开始采用方块图、名称、不同功能区的简单描述即可,可以加上一些视觉细节来 表达其内容的大概意思,不要陷入细节设计中,一旦草图中的细节够多,就可以用计算机工具来制图。
(5)构建关键线路的情景剧本
关键线路的情景剧描述了人物模型如何使用交互框架同产品就,本关键线路场景以任务为导向,关注情景场景中广泛描述和暗含的任务细节,我们可以通过故事版的方式来更加直观的展示
(6)通过验证性的场景来检查设计
本步骤目的为找出设计方案漏洞,并根据需要调整
替代场景:薇薇安举例,如果她决定通过电子邮件回复而不是电话回复,就变成了另一个代替场景
必须使用的场景:指必须执行,但又不经常发生的动作,比如智能手机的一个必备场景就是二手手机需要删除原来用户的所有信息
边缘(错误)情形场景:非典型情形下一些产品必须要有但是却不常用的功能,比较像系统有可能会出现的bug和漏洞,比如薇薇安想要添加两个重名的人,薇薇安不想碰到,但如果存在这种情况手机应该能够处理
定义视觉设计框架
视觉设计框架流程包括以下过程:
(1)开发视觉体验特征
选择三到五个形容词来定义产品音调、语言和品牌承诺
(2)开发视觉语言研究
(3)将已选择的视觉风格用于屏幕原型
定义服务框架
之后深入研究,再看《服务设计》这本书,包括服务地图等常见方法
验证与测试设计
测试内容
何时测试
最终评价是对已完成的产品进行测试,主要用于产品比较;和重新设计时找出问题形成性评价是是对设计过程中的交互过程的某一部分测试,主要用于在产品诞生前发现弊端的测试,
对于可用性测试可以在《纸质原型》这本书中寻求更多的方法,测试方法之后细化