About face 4 读书笔记 第五章

emmm偷懒了很久,我又开始看书了嚯嚯嚯。

第五章 设计产品:框架和提炼

回顾上章,讲述产品定义需求,需求不是产品的功能列表MRD/PRD,而是定义设计中要解决的问题。其次场景是描述产品用户交互的方法,需求阶段需要用到情景场景,以及介绍了定义需求的过程。

这章主要对设计产品创建框架,主要内容:1.创建设计框架:交互/视觉。2.细化外观和行为。3.验证与测试设计。

一、创建交互框架——交互部分

    在设计产品过程中不要过早的把注意力放在产品的细节上,可以先出一个低保真但不包含细节的设计方案或设计框架,设计框架包括组织原则、屏幕上的功能元素的排列、工作流程、产品交互、传递信息的视觉语言、功能性和品牌识别等一系列听不懂的专业术语。

以下6个步骤是交互框架的整个定义过程。

About face 4 读书笔记 第五章_第1张图片
框架定义过程

第一步:是确定产品的形式不同的形式对产品设计暗含着不同限制。例如手机/web/信息亭/博物馆信息展示屏幕等。

确立形式,也要注重产品的基本姿态(posture)姿态指用户对产品使用投入的注意力和产品互动例如独占姿态和暂时姿态。简单的说,独占姿态是指用户长时间专注在这个产品上,可能以小时为单位;暂时姿态,指只需要用户一点点的注意力,完成一下任务就可以马上离开。对于姿态的概念,在第9章会深入讨论。

输入方法指用户和产品交互的方式例如,键盘/鼠标/拇指板/声音/游戏杆/遥控器/专门按键等。输入方法可以由主要和次要人物模型选择,如果输入方法太多,就要确定一个主要的输入方法。

第二步:定义功能和数据。根据上一步定义需求阶段确定下来的功能数据的需求,框架主要是把这些需求以什么样的形式展现给用户。这部分可以重点关注人物模型关心数据,以及数据和数据之间的关系。例如,付款商品的页面,要展示付款商品条目的价格和数量这样的数据。例如下图1.2,根据上一步需求总结出来的数据需求和功能需求,在这一步根据设计原则和模式列出详细的设计元素,例如得到联系人的数据有:名字/头像/电话号码,功能需求的详细功能就有:拨打电话和挂断电话。

About face 4 读书笔记 第五章_第2张图片
图1.2

场景提供的是一种自上而下的设计方法,从主界面到微小的小窗口和对话框,场景反复运用在越来越细致的设计结构上。

原则和模式则是一种自下而上的方法,用来平衡整个设计过程,组织每个设计层次上的各个元素。

第三步:确定功能组和层级对上一步的数据和功能元素进行分组,确定好各自的层级关系,并分好屏幕。

分组时,需要考虑产品运行的平台、姿态、屏幕的大小和输入的方法等。

把元素分屏时,是把已有的功能数据和元素分屏幕,这时可能会出现一个屏幕满足几个需求的情况,也有可能现有的功能无法满足用户的限有目标,这个时候就需要加入新的屏幕。例如图1.3,拨打电话这功能,就可以把拨打前分为一组,拨打过程中分为一组。

About face 4 读书笔记 第五章_第3张图片
图1.3

第四部:勾画交互框架,是完善上一步的内容,并补充界面一些辅助的信息,并且为每个元素设计好大小和位置等。框架草图要简单,采用方块图、名称及不同功能区来简单的描述就好。这个阶段注意不要陷入细节设计中。草图画好后,可以开始用电脑上的工具来进行绘图。

About face 4 读书笔记 第五章_第4张图片
交互框架草图

第五步:构建关键线路情景剧本,这一部分是通过文本的形式,描绘出关键线路活动的用户如何与交互框架进行交互的过程,这便于找出产品再交互中可能会出现的问题。关键线路场景主要以任务为导向,细节上主要描绘每个交互的精确行为。

然后根据情景剧本设计出故事版,故事版是个低保真的Demo,用分镜的形式把用户完成目标的过程表现出来。


About face 4 读书笔记 第五章_第5张图片
故事版

第六步:通过验证性的从场景来检查设计,这一步重点针对那些不太频繁使用和不太重要的交互设计上,一般以假设性的问题来找出设计方案中的漏洞。一般解决以下三类主要的验证场景:

(1)替代场景:指的是用户在决策过程中,关键路径某个点的代替或者分叉点。简单地说就是用户在使用产品的主要功能的时候忽然不按常理出牌。例如,一款智能手机的场景中,小A决定通过邮件的方式而不是电话的方式联系小B。

(2)必须使用场景:指那些不经常,一定用到的。例如,清除手机内存,升级设备等。

(3)边缘情景场景:指的是不经常,不一定用到的。例如,在添加重名联系人的时候,手机应该有能力处理这样的情况。

二、创建交互框架——视觉部分

完成好产品的交互框架,然后就是给产品定一个视觉风格,一般可以通过收集品牌信息、收集大牌子特征产品、竞品分析等方法。

三、细化外观和行为

在交互框架和视觉风格定下后,就可以把低保真的Demo变成高保证的原型,这阶段,视觉和交互设计者需要紧密配合工作,以保证设计上的视觉变化可以继续加强恰当地产品行为,满足主要人物模型的目标。


About face 4 读书笔记 第五章_第6张图片

匠心APP高保真

四、验证与测试设计

完成后的产品需要验证与测试,一般初次使用的可用性测试可以关注一下几个点:

1.命名——按钮/标签是否摆放合理?文字描述是否清晰易懂?

2.组织——信息分类是否有意义?用户能否在想找的位置找到他们特定的功能?

3.初次使用和可发现性——常用功能是否易于寻找?指令是否清晰、必要?

4.有效性——用户是否能够顺利完成具体任务?有无犯错?错在哪儿?是否经常发生?

针对时机的不同,有两种测试方法,一种是最终性测试,另一种是形成性测试。

最终性测试是产品发布前对产品进行测试,这部分测试时更多的时候再次检查产品的质量保证过程,若出现错误也很难在修改,但可以作为下一次设计的参考。

形成性测试是细化阶段中进行的设计,可快速定位问题改进设计。


本书所介绍的产品设计流程基本上就是这样,之后就是不断地循环迭代的过程,让产品越来越优秀。

后面几章的内容开始讲交互设计中的设计原则~敬请期待吧!

你可能感兴趣的:(About face 4 读书笔记 第五章)