QOC:讓設(shè)計(jì)思考被看見

1 評(píng)論 12361 瀏覽 49 收藏 13 分鐘

在前一篇總結(jié)分享《交互新人的踩坑史》中,提到了可以運(yùn)用QOC的設(shè)計(jì)理念幫助我們?cè)诩m結(jié)設(shè)計(jì)方案時(shí)幫助我們思考和決策。關(guān)于QOC的介紹只是在總結(jié)中草草帶過,所以有小伙伴問我:QOC到底是什么?我們到底應(yīng)該怎么用呢?…… 于是今天想跟大家具體聊聊QOC,文章中較多個(gè)人見解,求意見,請(qǐng)輕拍。

1、QOC是什么?

首先解釋一下QOC是什么,QOC(Questions-Options-and Criteria)是設(shè)計(jì)分析中的一種基本理念,它通過半結(jié)構(gòu)化的分析方式將不可見的設(shè)計(jì)思考過程轉(zhuǎn)化為可見的書面形式。

  • Questions(問題):在當(dāng)前設(shè)計(jì)場(chǎng)景中核心的問題、疑點(diǎn);
  • Options(選項(xiàng)):針對(duì)以上問題備選答案;
  • Criteria(標(biāo)準(zhǔn)): 評(píng)判備選答案表現(xiàn)的標(biāo)準(zhǔn)。

QOC理念的結(jié)構(gòu)如下圖所示。在選項(xiàng)和標(biāo)準(zhǔn)的連線中,實(shí)線代表表現(xiàn)積極良好;虛線代表表現(xiàn)消極欠佳。

1

圖片來自《Computers, Communication and Usability: Design issues, research and methods for integrated service》

2、為什么要用QOC理念?

在工作中我們可能常會(huì)遇到這樣的對(duì)話:

設(shè)計(jì)師:blabla~blabla~以上就是我的設(shè)計(jì)方案,方案A。

產(chǎn)品經(jīng)理:覺得方案B更好,你看競(jìng)品就是這樣做的。

開發(fā):我覺得應(yīng)該用方案C,反正方案A/B/C都沒什么大區(qū)別,但是方案C實(shí)現(xiàn)起來更簡(jiǎn)單。

老板:那就去把A、B、C都綜合一下,再來讓我看吧。

為什么會(huì)有這樣的對(duì)話?是因?yàn)樵O(shè)計(jì)的交付物常常只是一個(gè)最終結(jié)果,設(shè)計(jì)過程中的各種考量和取舍都是不可見的。對(duì)于沒有標(biāo)準(zhǔn)答案的設(shè)計(jì),對(duì)于只有結(jié)果的產(chǎn)出,任何人都有自己的想法、偏好,都可以提出質(zhì)疑。如果設(shè)計(jì)師手中沒有一套可見的、可量化的分析過程,很難說服他人。

所以QOC理念的作用在于,首先它是一個(gè)半結(jié)構(gòu)化的框架,可以幫助設(shè)計(jì)師梳理思考過程;其次它是一個(gè)將思考過程可視化的展示形式,可以用于向其他人傳達(dá)自己的設(shè)計(jì)思考。

當(dāng)使用了QOC理念后,以上那段討論設(shè)計(jì)稿的對(duì)話就會(huì)變成這樣:

設(shè)計(jì)師:blabla~blabla~以上就是我的設(shè)計(jì)思考,所以選擇方案A。

產(chǎn)品經(jīng)理:我覺方案B也不錯(cuò),你看競(jìng)品就是這樣做的。

設(shè)計(jì)師:好,那我們來看看方案A和方案B的區(qū)別吧,在我們的實(shí)際場(chǎng)景下,方案A在Criteria1/3/4上都表現(xiàn)得很好,而方案B只在Criteria 1/2上表現(xiàn)不錯(cuò),綜合考慮還是方案1更佳。

老板:嗯,有道理,我們就用方案A吧!

QOC理念幫助大家討論設(shè)計(jì)時(shí)是有理可依的而不是天馬行空的。整個(gè)過程中,所有人都可以提出新方案,提出建議和批判,但最終卻又在一套體系下評(píng)判設(shè)計(jì)的優(yōu)劣,而不是公說公有理婆說婆有理。

3、怎么用QOC? 舉一個(gè)栗子

設(shè)計(jì)案例:一個(gè)編輯操作?

2

現(xiàn)有一個(gè)成員列表,針對(duì)每個(gè)成員都可以進(jìn)行編輯其相關(guān)權(quán)限和刪除的操作。以自己在設(shè)計(jì)過程中遇到真實(shí)問題為例:

Step1:列出問題

  • Q1:編輯按鈕何時(shí)出現(xiàn)?
  • Q2:編輯按鈕用什么形式呈現(xiàn)?
  • Q3:編輯操作怎么呈現(xiàn)?

Step2:每個(gè)問題對(duì)應(yīng)的可選解決方案

將每個(gè)問題對(duì)應(yīng)的可能解決方案列出來,如下圖所示:

3
Step3:列出該場(chǎng)景下設(shè)計(jì)方案的評(píng)判標(biāo)準(zhǔn)

評(píng)判標(biāo)準(zhǔn)用于描述設(shè)計(jì)的目標(biāo)特征。列舉的時(shí)候一定要結(jié)合實(shí)際的使用場(chǎng)景并且把評(píng)判標(biāo)準(zhǔn)清晰準(zhǔn)確的表達(dá)出來,因?yàn)檫@是評(píng)估可選方案的基本標(biāo)準(zhǔn)。根據(jù)《Questions, Options, and Criteria: Elements of Design Space Analysis》一文的建議,評(píng)判標(biāo)準(zhǔn)應(yīng)該有以下幾點(diǎn)特征:

  1. 評(píng)判標(biāo)準(zhǔn)衡量設(shè)計(jì)作品的一種特性,這樣使得設(shè)計(jì)師只能間接地對(duì)設(shè)計(jì)方案進(jìn)行選擇;
  2. 評(píng)判標(biāo)準(zhǔn)必須滿足:當(dāng)其它條件相同的情況下,越滿足這個(gè)標(biāo)準(zhǔn)的設(shè)計(jì)越好;
  3. 評(píng)判標(biāo)準(zhǔn)必須是可估的;
  4. 在3的基礎(chǔ)上,可以簡(jiǎn)單理解為評(píng)判標(biāo)準(zhǔn)是可以量化評(píng)估的。

舉一個(gè)栗子,針對(duì)我們上面的三個(gè)問題,列出每個(gè)問題的評(píng)判標(biāo)準(zhǔn)如下:

Q1:編輯按鈕何時(shí)出現(xiàn)?

  • C1、容易發(fā)現(xiàn)
  • C2、不易誤操作
  • C3、頁面簡(jiǎn)潔

Q2:編輯按鈕用什么形式呈現(xiàn)?

  • C1、容易識(shí)別具體含義
  • C2、可擴(kuò)展性強(qiáng)(按鈕形態(tài)放在其它地方也適用)
  • C3、頁面簡(jiǎn)潔

Q3:編輯操作怎么呈現(xiàn)?

  • C1、操作簡(jiǎn)便
  • C2、能看到上下文
  • C3、可擴(kuò)展性強(qiáng)(其它編輯操作也適用)

Step4:評(píng)判設(shè)計(jì)方案并找到最優(yōu)解

Q1:編輯按鈕何時(shí)出現(xiàn)?

4

在設(shè)計(jì)按鈕如何出現(xiàn)時(shí):列表項(xiàng)中有多項(xiàng)操作的場(chǎng)景下,按鈕始終存在的方案雖然使得頁面不如hover出現(xiàn)按鈕那么簡(jiǎn)潔,但是卻更容易發(fā)現(xiàn)且不易誤操作。綜合評(píng)判下按鈕始終存在的設(shè)計(jì)方案表現(xiàn)更好,所以選用了按鈕始終存在的方案。

Q2:編輯按鈕用什么形式呈現(xiàn)?

5

現(xiàn)在的設(shè)計(jì)中,圖標(biāo)的應(yīng)用越來越廣泛,它比文字更能使界面簡(jiǎn)潔美觀。但當(dāng)前項(xiàng)目是一個(gè)Web端工具平臺(tái),承載著大量繁瑣的交互操作,所以按鍵的“易識(shí)別性”和“可擴(kuò)展性”是兩個(gè)更重要的評(píng)價(jià)指標(biāo)。根據(jù)對(duì)照評(píng)判標(biāo)準(zhǔn)評(píng)估,文字形式在更多且更重要的評(píng)判維度上表現(xiàn)良好,所以最后選擇文字表現(xiàn)作為最后方案。
Q3:編輯操作怎么呈現(xiàn)?

6

設(shè)計(jì)編輯操作采用什么形式時(shí):編輯對(duì)象是列表的場(chǎng)景下,行內(nèi)編輯既輕量又能在編輯過程中看到上下文,看似是更好的方案;但是整個(gè)平臺(tái)中編輯操作是一個(gè)復(fù)用性非常高的行為,我們需要為用戶在同一個(gè)平臺(tái)中執(zhí)行的相同操作時(shí)保持相同的預(yù)期。覆蓋層編輯就是一個(gè)具有很好擴(kuò)展性的形式。不論編輯內(nèi)容是簡(jiǎn)單還是復(fù)雜、不論使用場(chǎng)景是編輯成員屬性還是編輯文件,在覆蓋層上進(jìn)行編輯操作都能很好的滿足。所以最終選用了在覆蓋層上編輯的方案。

經(jīng)過以上一系列的設(shè)計(jì)思考過程,這個(gè)看似簡(jiǎn)單的成員列表才表現(xiàn)為以下樣子。當(dāng)我們拿著最終方案和這個(gè)可見的思考過程給團(tuán)隊(duì)其他成員時(shí),他們才會(huì)理解設(shè)計(jì)師的價(jià)值和產(chǎn)出,當(dāng)然最重要的是可以避免很多不必要的無效溝通,直切主題,有理有據(jù)的確定方案。

7

4、QOC的一些延伸

1、更理性的運(yùn)用方式

為每一個(gè)評(píng)判標(biāo)準(zhǔn)增加權(quán)重。

在上一節(jié)中對(duì)QOC理念的應(yīng)用是相對(duì)感性的:我們憑經(jīng)驗(yàn)列出評(píng)判標(biāo)準(zhǔn)并將設(shè)計(jì)方案與其進(jìn)行匹配,然后選擇最終方案。例子Q3中,最終選則了只在“可擴(kuò)展性強(qiáng)”1個(gè)評(píng)判標(biāo)準(zhǔn)上表現(xiàn)良好的方案,是因?yàn)槲腋行缘陌选翱蓴U(kuò)展性強(qiáng)”這個(gè)標(biāo)準(zhǔn)放在了很重要的位置。

感性的方法讓我們?cè)诮鉀Q問題的時(shí)候更快速,但是結(jié)果往往不夠量化和準(zhǔn)確。如果我們的目標(biāo)是做一些量化的研究,可以更加理性地為每個(gè)評(píng)判標(biāo)準(zhǔn)增加權(quán)重,進(jìn)行計(jì)算,得出設(shè)計(jì)方案的準(zhǔn)確評(píng)分。

2、更多應(yīng)用場(chǎng)景

以上的例子是運(yùn)用QOC的理念來梳理設(shè)計(jì)過程并尋找最優(yōu)解。其實(shí)QOC的設(shè)計(jì)理念還可以幫助我們了解競(jìng)品和重設(shè)計(jì)等。

(1)了解競(jìng)品

過去:做了競(jìng)品分析卻不知道對(duì)自己的產(chǎn)品有什么直接幫助。

運(yùn)用QOC理念:進(jìn)行競(jìng)品分析時(shí),通過設(shè)計(jì)方案與評(píng)判標(biāo)準(zhǔn)的匹配,我們能夠直觀發(fā)現(xiàn)競(jìng)品的設(shè)計(jì)方案在哪些方面上做得好或者不夠好;我們的設(shè)計(jì)方案跟競(jìng)品相比在哪些方面更有優(yōu)勢(shì)或者不足。這樣的競(jìng)品分析結(jié)果可知更直接的指導(dǎo)設(shè)計(jì)。

(2)重設(shè)計(jì)

過去:想要重設(shè)計(jì)卻不知道從哪里入手。

運(yùn)用QOC理念:重設(shè)計(jì)的動(dòng)機(jī)往往是外界對(duì)現(xiàn)有設(shè)計(jì)出現(xiàn)了新的刺激,如線上反饋效果不好、擴(kuò)展了新內(nèi)容等等。這些外界刺激會(huì)導(dǎo)致評(píng)判標(biāo)準(zhǔn)(Criteria)的直接改變或權(quán)重改變。重設(shè)計(jì)時(shí)只需要對(duì)改變后的元素與可能的設(shè)計(jì)方案進(jìn)行重新匹配,就能快速發(fā)現(xiàn)優(yōu)化和重設(shè)計(jì)的方向了。

5、總結(jié)

最后我想說的是,QOC只是將設(shè)計(jì)空間可視化的一種理念,這篇文章也只是對(duì)QOC理念的一種簡(jiǎn)單運(yùn)用。但這種簡(jiǎn)單的實(shí)踐方法反而更加高效,也更能與日常工作結(jié)合起來。如果對(duì)關(guān)于設(shè)計(jì)空間的更多分析方法和QOC理念有興趣,可以閱讀以下兩篇參考文章,F(xiàn)ighting哦~

Allan MacLean , Richard M. Young , Victoria M.E. Bellotti & Thomas P. Moran (1991) Questions, Options, and Criteria: Elements of Design Space Analysis, Human–Computer Interaction, 6:3-4, 201-250

Byerley, P.F., Barnard, P.J., & May, J. (eds) Computers, Communication and Usability: Design issues, research and methods for integrated services, pp. 197-219. (North Holland Series in Telecommunication) Elsevier: Amsterdam (1993)

 

作者:蔣蕊遙-Jerria,昵稱阿遙,網(wǎng)易UEDC交互小鮮肉一枚,現(xiàn)支持杭研測(cè)試項(xiàng)目。商業(yè)與體驗(yàn)就像美食與身材,要找到其中的平衡點(diǎn)–對(duì)我就是愛吃又想瘦!所以學(xué)習(xí)奮斗吧!

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 不知道是不是因?yàn)槔优e的有問題,感覺這個(gè)方法完全沒意義。最難的不就在于Criteria嗎?如果Criteria能拿捏的那么準(zhǔn)還哪里來的問題和那么多方案,直接不是一步最優(yōu)方案就出來了嗎。例子里的三個(gè)問題我相信你問不同的設(shè)計(jì)師每個(gè)人給的標(biāo)準(zhǔn)都是不一樣的,至少在我看到你的標(biāo)準(zhǔn)之前就和我想的差很大,就像所謂的“頁面簡(jiǎn)潔”,這也能叫標(biāo)準(zhǔn)嗎?這不是一個(gè)全局性的原則嗎,如果是的話所有問題都可以有這樣一個(gè)標(biāo)準(zhǔn)吧?那這樣所有到底是用圖標(biāo)還是用文字的問題在這個(gè)標(biāo)準(zhǔn)下都一定是選文字吧?所以意義到底是啥呢

    來自日本 回復(fù)