【06】--|【06】-- 定义设计框架&验证与测试设计
交互设计框架
就像盖房子一样,设计也要现有框架再有细节。交互设计框架是通过场景和需求框架,创建屏幕和行为草图,完成交互设计框架。
交互设计框架的定义:
1、定义形式要素、姿态和输入方式;
【【06】--|【06】-- 定义设计框架&验证与测试设计】形式外观:设备的外观,用什么样的设备。姿态:用户和产品互动性强还是弱。输入方式:通过一个什么样的硬件设备,将所需要传达的信息告诉硬件设备。并不是“输入方法”。
2、定义数据元素和功能元素;
基本的数据信息以及对这些基本的数据元素进行的操作,比如通讯录的数据元素就是联系人,属性是头像和名字。功能元素是对这些基本的数据元素进行的操作。功能需求通过功能元素来实现,功能元素最终会转化为界面上的一些控件,比如按钮等。功能性元素偏任务一些,检验功能性元素好不好,必须回到最开始的情境场景中人物的目标上,这是一个评判的标准。
3、确定功能组和层级;
通过把功能元素和数据源进行犹记得组织和分组。类似于《用户体验要素》中的结构层。通过给这些元素分组,知道他们的联系。通过结合前面的形式要素(大概设备),然后梳理好怎么满足用户的目标以及次要的目标等等。
4、勾勒交互框架(屏幕草图);
根据之前形式要素的限定来绘制屏幕草图。不要进入细节就好。
5、构建关键线路情境剧本(行为草图);
基于之前的情境脚本,梳理出用户的主要路径行为。根据关键路径,将其分解为几个任务,用任务的形式把数据元素,功能元素等串联起来。
6、通过验证性的场景来检查设计;
第5步是关键路径,这一步是分支路径,比如不重要但是一定要有的线路,以及一些极限情况(设计可以无所谓但是开发要做好)。这一步的叙述方式不是场景剧本,而是一些假设性的提问,比如“如果草稿箱满了怎么办”。
视觉设计框架的定义:
1、开发视觉体验特征;服务设计框架的定义:
通过形容词来把视觉体验特征描述出来,描述出品牌的调性。同时能够符合人物模型的目标。步骤:收集并熟悉现有的品牌纲要(各种应用场景,特征,定位,偏向于规范性的一些描述);收集优秀的案例(行业标杆);看竞品是怎么做的;根据用户研究中用户描述的感受看看是否再需要添加视觉体验关键词;确定产品次要品牌特征(通过主品牌特征和次品牌特征能够让用户在众多品牌中识别出你的品牌);用最少的形容词来把产品的视觉体验特征和其它的竞争产品区分开来;每个用户对形容词的理解不一样,所以需要对形容词做出的结果在用户端做一个测试,看他的感受是不是我们要传达的。
2、开发视觉语言;
通过具体的视觉风格来实现上边定义的视觉体验特征,视觉语言是指:比如整体的颜色,控件样式,界面的“材质”,给出若干套方案,通过内部评审确定一套。
3、将选择的视觉风格应用于屏幕;
将2中的选定的视觉语言结合交互设计放到屏幕上,使其能够适应当前的设备形式。
1、描述客户旅程;
描述用户从前到后是怎么用的,每一个阶段要做什么事,他的情绪是什么样,他的期望是什么样。分段来找用户痛点,和他的期望点。(从客户角度)
2、创建服务蓝图;
从服务提供者(公司内部)的角度来看他的系统是怎么做的,怎么服务用户客户旅程中的一些任务。用泳道图来做服务蓝图是不够的,因为只能描述主要的流程。
3、创建体验原型;
通常是视频的形式来反应整体服务设计方案。
验证与测试设计 可用性测试主要对首次使用新界面的用户很有用,但对于中间用户和专家用户则效果不理想;
“低保真+解释”型的验证方法成本低并且轻松的氛围容易让用户反馈出来更多真实的信息。但是有时候用户不具备这方面的能力,给他线框,并不能理解其意思是什么;
可用性测试的本质是评估,不是创造跟之前的用户研究是不一样的,花时间在前期的研究上价值更高;
可用性测试可以测试如下方面的问题:文案内容、信息的分类及组织、易学性和可发现性、完成任务的流畅程度。
根据进行测试的事件不同,有两种不同的可用性测试。最终性评价(结果测试)和形成性评价(过程测试)。
推荐阅读
- 丘吉尔自传-古巴(1)
- 【连载】两生花(20)冷战起
- 《红玫瑰与白玫瑰》
- 【摄影教程系列之一】构图
- 【写作圈W7B】《坠入》披着童话故事的一段救赎
- 创业板顽强补缺?原来如此!!!
- @荷边书房@注解四书《论语》【261】保持低调,虚心求教
- 正确使用|正确使用 iOS 开发中的六大操作手势
- 细数近期的生活。
- 015,3|015,3 Sum