在前一篇总结分享《交互新人的踩坑史》中,提到了可以运用QOC的设计理念帮助我们在纠结设计方案时帮助我们思考和决策。关于QOC的介绍只是在总结中草草带过,所以有小伙伴问我:QOC到底是什么?我们到底应该怎么用呢?…… 于是今天想跟大家具体聊聊QOC,文章中较多个人见解,求意见,请轻拍。
1、QOC是什么? 首先解释一下QOC是什么,QOC(Questions-Options-and Criteria)是设计分析中的一种基本理念,它通过半结构化的分析方式将不可见的设计思考过程转化为可见的书面形式。 Questions(问题):在当前设计场景中核心的问题、疑点;Options(选项):针对以上问题备选答案;Criteria(标准): 评判备选答案表现的标准。 QOC理念的结构如下图所示。在选项和标准的连线中,实线代表表现积极良好;虚线代表表现消极欠佳。
图片来自《Computers, Communication and Usability: Design issues, research and methods for integrated service》 2、为什么要用QOC理念? 在工作中我们可能常会遇到这样的对话: 设计师:blabla~blabla~以上就是我的设计方案,方案A。 产品经理:觉得方案B更好,你看竞品就是这样做的。 开发:我觉得应该用方案C,反正方案A/B/C都没什么大区别,但是方案C实现起来更简单。 老板:那就去把A、B、C都综合一下,再来让我看吧。 为什么会有这样的对话?是因为设计的交付物常常只是一个最终结果,设计过程中的各种考量和取舍都是不可见的。对于没有标准答案的设计,对于只有结果的产出,任何人都有自己的想法、偏好,都可以提出质疑。如果设计师手中没有一套可见的、可量化的分析过程,很难说服他人。 所以QOC理念的作用在于,首先它是一个半结构化的框架,可以帮助设计师梳理思考过程;其次它是一个将思考过程可视化的展示形式,可以用于向其他人传达自己的设计思考。 当使用了QOC理念后,以上那段讨论设计稿的对话就会变成这样: 设计师:blabla~blabla~以上就是我的设计思考,所以选择方案A。 产品经理:我觉方案B也不错,你看竞品就是这样做的。 设计师:好,那我们来看看方案A和方案B的区别吧,在我们的实际场景下,方案A在Criteria1/3/4上都表现得很好,而方案B只在Criteria 1/2上表现不错,综合考虑还是方案1更佳。 老板:嗯,有道理,我们就用方案A吧! QOC理念帮助大家讨论设计时是有理可依的而不是天马行空的。整个过程中,所有人都可以提出新方案,提出建议和批判,但最终却又在一套体系下评判设计的优劣,而不是公说公有理婆说婆有理。 3、怎么用QOC? 举一个栗子 设计案例:一个编辑操作
现有一个成员列表,针对每个成员都可以进行编辑其相关权限和删除的操作。以自己在设计过程中遇到真实问题为例: Step1:列出问题 Q1:编辑按钮何时出现?Q2:编辑按钮用什么形式呈现?Q3:编辑操作怎么呈现? Step2:每个问题对应的可选解决方案 将每个问题对应的可能解决方案列出来,如下图所示:
Step3:列出该场景下设计方案的评判标准 评判标准用于描述设计的目标特征。列举的时候一定要结合实际的使用场景并且把评判标准清晰准确的表达出来,因为这是评估可选方案的基本标准。根据《Questions, Options, and Criteria: Elements of Design Space Analysis》一文的建议,评判标准应该有以下几点特征: 评判标准衡量设计作品的一种特性,这样使得设计师只能间接地对设计方案进行选择;评判标准必须满足:当其它条件相同的情况下,越满足这个标准的设计越好;评判标准必须是可估的;在3的基础上,可以简单理解为评判标准是可以量化评估的。 举一个栗子,针对我们上面的三个问题,列出每个问题的评判标准如下: Q1:编辑按钮何时出现? C1、容易发现C2、不易误操作C3、页面简洁 Q2:编辑按钮用什么形式呈现? C1、容易识别具体含义C2、可扩展性强(按钮形态放在其它地方也适用)C3、页面简洁 Q3:编辑操作怎么呈现? C1、操作简便C2、能看到上下文C3、可扩展性强(其它编辑操作也适用) Step4:评判设计方案并找到最优解 Q1:编辑按钮何时出现? (责任编辑:本港台直播) |