本篇文章作者分享了對(duì)有關(guān)內(nèi)容及視覺可用性測(cè)試的幾個(gè)問題的思考。

前言

最近項(xiàng)目中經(jīng)常接觸內(nèi)容及視覺可用性測(cè)試，一開始有些懵圈，因?yàn)閭鹘y(tǒng)測(cè)試針對(duì)的是功能，那內(nèi)容及視覺該怎么去做可用性測(cè)試？

雖然能獲取用戶的行為數(shù)據(jù)，生成界面熱力圖、滾動(dòng)視圖、點(diǎn)擊視圖分析產(chǎn)品視覺。但這種方法適合成熟期的產(chǎn)品，而且數(shù)據(jù)不能獲取用戶對(duì)視覺的品牌認(rèn)知及主觀感受，當(dāng)產(chǎn)品還是原型稿及視覺稿初期階段，如何測(cè)試？

本人網(wǎng)上查找了許多資料，結(jié)合實(shí)踐，總結(jié)經(jīng)驗(yàn)分享給大家：

• 使用5秒測(cè)試法，測(cè)試用戶第一印象；
• 用戶在任務(wù)說明指引下完成任務(wù)，獲取用戶首次點(diǎn)擊區(qū)域；
• 開放式提問，獲取用戶的態(tài)度；
• 要求用戶列出能描述設(shè)計(jì)的幾個(gè)關(guān)鍵詞；
• 也可以讓用戶選擇關(guān)鍵詞，并說出為什么選擇這些關(guān)鍵詞的原因；
• 選擇3-5個(gè)最重要的品牌品質(zhì)，并詢問人們?nèi)绾卧u(píng)價(jià)每個(gè)品牌的設(shè)計(jì)風(fēng)格；
• 不能孤立地測(cè)試視覺，還要關(guān)注內(nèi)容和交互，每個(gè)維度都會(huì)影響到可用性；
• 如果時(shí)間不充分，請(qǐng)考慮在做產(chǎn)品可用性測(cè)試時(shí)附加做視覺測(cè)試；
• 當(dāng)視覺和品牌認(rèn)知可能會(huì)影響產(chǎn)品的成功時(shí)，就很有必要做視覺可用性測(cè)試；

正文

字體，顏色，元素對(duì)齊和圖等視覺細(xì)節(jié)越來越多地被賦予更大的期望，不僅僅創(chuàng)造友好的視覺體驗(yàn)還要表達(dá)公司及產(chǎn)品復(fù)雜的品牌特征，如“友好性，可靠性或創(chuàng)新”。

許多團(tuán)隊(duì)首先需要定義產(chǎn)品品牌特征?;?然后設(shè)計(jì)師和利益相關(guān)者選擇他們認(rèn)為最能傳達(dá)這些品牌特征的視覺細(xì)節(jié)（視覺效果、語言、行為）。

假設(shè)設(shè)計(jì)者和利益相關(guān)者能準(zhǔn)確預(yù)測(cè)用戶的反應(yīng)，從多維度打造品牌體驗(yàn)，讓用戶在公司或產(chǎn)品的互動(dòng)中獲得一致的品牌體驗(yàn)，對(duì)比傳統(tǒng)的品牌設(shè)計(jì)這是偉大的開始，但它并不能保證設(shè)計(jì)師認(rèn)為看起來“友好”的東西會(huì)被用戶所感知。

當(dāng)一個(gè)公司從有效的品牌推廣中獲益良多時(shí)，應(yīng)通過嚴(yán)格的數(shù)據(jù)驅(qū)動(dòng)方法評(píng)估測(cè)試不同美學(xué)對(duì)用戶對(duì)產(chǎn)品認(rèn)知態(tài)度的影響。

1. 如何測(cè)試視覺設(shè)計(jì)的感知

與任何形式的用戶體驗(yàn)研究一樣，招募代表目標(biāo)用戶的測(cè)試參與者。他們不需要任何設(shè)計(jì)專業(yè)知識(shí)?–?人們不需要培訓(xùn)專業(yè)的視覺設(shè)計(jì)知識(shí)來了解他們是否喜歡某些東西;?事實(shí)上，根據(jù)Gitte Lindgaard及其同事的一項(xiàng)研究，用戶可以在不到十分之一秒的時(shí)間內(nèi)可靠地評(píng)估他們對(duì)視覺效果的評(píng)價(jià)。然而，知道某人是否喜歡設(shè)計(jì)并不表明該設(shè)計(jì)是否傳達(dá)了正確的品牌特征。

（為了更好地衡量，讓我們強(qiáng)調(diào)，不管你是否喜歡這個(gè)設(shè)計(jì)，還是你認(rèn)為它表達(dá)了目標(biāo)品牌特性，但這不是一個(gè)有效的標(biāo)準(zhǔn)。您不是用戶，團(tuán)隊(duì)的其他成員或管理人員也不是。）

要衡量品牌認(rèn)知度，不要只是問人們是否喜歡視覺設(shè)計(jì)，而是采用更加結(jié)構(gòu)化的方法，包括兩個(gè)主要部分：

1. 真實(shí)場(chǎng)景下呈現(xiàn)產(chǎn)品視覺：向研究參與者展示視覺設(shè)計(jì)，可以是靜態(tài)圖像，原型或?qū)崟r(shí)交互式網(wǎng)站或應(yīng)用程序。
2. 評(píng)估用戶對(duì)產(chǎn)品視覺的反應(yīng)：使用開放式或嚴(yán)格控制的問題來衡量用戶對(duì)設(shè)計(jì)的反應(yīng)。

2. 介紹視覺設(shè)計(jì)測(cè)試

您使用的“視覺刺激”（即設(shè)計(jì)的視覺呈現(xiàn)）可以很容易地適應(yīng)幾種不同類型的研究。

在進(jìn)行面對(duì)面的視覺設(shè)計(jì)評(píng)估時(shí)，您只需向人們顯示靜態(tài)圖像，無論是打印在紙上還是顯示在屏幕上。

打印頁面應(yīng)該是真實(shí)的大小，并且長(zhǎng)度超過2個(gè)屏幕的頁面通常會(huì)以數(shù)字形式進(jìn)行更好的評(píng)估，因?yàn)榇蛴∷鼈儠?huì)一次向用戶顯示比在屏幕上實(shí)際看到的內(nèi)容更多的內(nèi)容。如果您希望確保獲得有關(guān)特定視覺設(shè)計(jì)的即時(shí)第一印象的反饋，請(qǐng)使用靜態(tài)圖像。

美學(xué)和品牌印象也可以使用遠(yuǎn)程可用性測(cè)試，適度和數(shù)量不限制地進(jìn)行評(píng)估，這些方法允許對(duì)難以親自見面的用戶或大量用戶進(jìn)行測(cè)試（當(dāng)您需要高度確定性的結(jié)果時(shí)非常有用）。任何可以顯示圖像的調(diào)查工具都可用于遠(yuǎn)程評(píng)估。

如果您對(duì)第一印象感興趣，請(qǐng)?jiān)诙虝r(shí)間內(nèi)向用戶展示視覺刺激。有兩種方法可以實(shí)現(xiàn)這一目標(biāo)：

1. 5秒測(cè)試：通過這種類型的測(cè)試，您可以顯示5秒鐘（或另一個(gè)短時(shí)間段）的刺激。這種方法最適合準(zhǔn)確捕捉人們的“直覺反應(yīng)”。5秒的觀看時(shí)間對(duì)于閱讀文本或注意特定字體或顏色等細(xì)節(jié)來說太短，但它足以形成準(zhǔn)確反映視覺風(fēng)格的印象。
2. 獲取首次點(diǎn)擊測(cè)試：您可以在參與者接觸設(shè)計(jì)之前向參與者提供特定任務(wù)說明（例如“了解有關(guān)此公司的更多信息”），并在他們點(diǎn)擊屏幕上可以完成該任務(wù)的位置后停止他們。大多數(shù)用戶仍然只會(huì)在這種類型的測(cè)試上花費(fèi)幾秒鐘，但他們不是故意查看整個(gè)頁面，他們將只查看除設(shè)計(jì)的其余部分內(nèi)容并搜索一個(gè)特定的與任務(wù)相關(guān)的特性或鏈接，如果您希望用戶在第一次訪問您的產(chǎn)品時(shí)已經(jīng)目標(biāo)明確，那么此測(cè)試最適合。

這兩項(xiàng)測(cè)試最適合遠(yuǎn)程測(cè)試，請(qǐng)記住，通過首次點(diǎn)擊測(cè)試，您提供的特定的任務(wù)說明肯定會(huì)影響參與者注意和記住視覺設(shè)計(jì)的內(nèi)容。

如果您的用戶在您的產(chǎn)品上可能有各種目標(biāo)，則可以將用戶隨機(jī)分配給多個(gè)不同的任務(wù)之一，或者堅(jiān)持使用更為中性的5秒測(cè)試。

3. 比較多種設(shè)計(jì)差異

通常，向用戶展示多個(gè)的視覺設(shè)計(jì)有助于他們識(shí)別他們對(duì)每個(gè)設(shè)計(jì)的態(tài)度。如果您要求參與者評(píng)估多個(gè)設(shè)計(jì)，請(qǐng)務(wù)必調(diào)整他們看到備選方案的順序，因?yàn)椴糠秩说姆磻?yīng)可能會(huì)受到他們首先看到的版本的影響。（例如，如果一個(gè)版本更容易理解，那么最先看到這個(gè)版本的人就已經(jīng)了解了內(nèi)容，就不會(huì)被另一個(gè)版本弄糊涂了。）

記錄每個(gè)人最先看到的版本，以便在分析用戶響應(yīng)時(shí)將其考慮在內(nèi)。

此外，當(dāng)要求用戶評(píng)估相同設(shè)計(jì)的不同版本時(shí)，差異必須足夠大以便能夠立即被外行人檢測(cè)到。

諸如字體大小的微小變化或類似字體的替換之類的微小變化對(duì)于視覺設(shè)計(jì)師來說可能是顯而易見的，但對(duì)于普通用戶來說通常是不可檢測(cè)的。

要求人們有意識(shí)地識(shí)別和評(píng)估這些微妙的細(xì)節(jié)，很可能會(huì)讓他們感到困惑，浪費(fèi)你的時(shí)間。（更糟糕的是，您可能會(huì)受到最終詢問效果的影響，即使他們對(duì)兩個(gè)過于相似的版本并沒有什么不同的感覺，用戶也會(huì)為了滿足問題而編造答案。）

4. 評(píng)估用戶反應(yīng)：開放式與結(jié)構(gòu)化

一旦參與者接觸到設(shè)計(jì)，下一步就是測(cè)量他們的反應(yīng)。人們的審美印象可能非常特殊，需要系統(tǒng)地分析以確定有意義的趨勢(shì)。

這可以通過開放式反饋來完成，但使用稍微更結(jié)構(gòu)化的方法可以更容易地理解整體模式。以下是一些可以使用的技術(shù)，從完全開放式到高度結(jié)構(gòu)化：

• 開放式偏好解釋：讓用戶解釋他們?yōu)槭裁聪矚g設(shè)計(jì)
• 打開單詞選擇：要求用戶列出描述設(shè)計(jì)的3到5個(gè)單詞
• 封閉式詞語選擇（期望測(cè)試）：為用戶提供術(shù)語列表，并要求他們選擇最能描述設(shè)計(jì)的詞語
• 數(shù)字評(píng)級(jí)：收集關(guān)于設(shè)計(jì)展示特定品牌特征的數(shù)值評(píng)級(jí)

5. 開放式偏好解釋

第一種方法，只是要求人們解釋為什么他們喜歡（或者不喜歡）設(shè)計(jì)，可以選擇那些能很好地且具有高度積極性和表達(dá)清晰度的用戶進(jìn)行面對(duì)面的會(huì)話。

如果你不太了解你的用戶的期望，并希望發(fā)現(xiàn)對(duì)他們重要的事情，那么這個(gè)問題就很有用。

這個(gè)問題能最廣泛地獲取用戶的意見，它還可以幫助識(shí)別基于個(gè)人特質(zhì)（例如“我喜歡紫色”）的觀點(diǎn)，這些觀點(diǎn)可以被篩選出來，以便您可以專注于更實(shí)質(zhì)性的因素。

這種方法的缺點(diǎn)是，如果參與者沒有動(dòng)力或者只是沒有表達(dá)清楚，你可能只得到簡(jiǎn)短或不相關(guān)的回答。這種方法在未經(jīng)調(diào)整的遠(yuǎn)程測(cè)試中特別危險(xiǎn)，因?yàn)槿绻腥私o出模糊的回答，例如“這很好”，您將無法在后續(xù)問題中詢問更多細(xì)節(jié)。

6. 關(guān)鍵詞選擇

評(píng)估用戶感知的更結(jié)構(gòu)化的方法是要求測(cè)試參與者列出能描述設(shè)計(jì)的幾個(gè)關(guān)鍵詞。

這種格式可以確保您獲得至少一些特定的反饋，同時(shí)仍然保持問題的開放性，以發(fā)現(xiàn)您可能沒有考慮的因素，但這些因素對(duì)您的受眾非常重要。您可能會(huì)收到大量關(guān)鍵詞，并需要仔細(xì)分析它們以確定有意義的主題。

此分析的一個(gè)好方法是將術(shù)語分類為一般正面，負(fù)面或中性，然后將具有相似含義的術(shù)語分類，并評(píng)估它們是否與您的目標(biāo)品牌屬性相匹配。

下表顯示了有關(guān)企業(yè)對(duì)企業(yè)網(wǎng)站的關(guān)鍵詞秒速，其網(wǎng)站的品牌目標(biāo)是值得信賴，現(xiàn)代和有用。這些關(guān)鍵詞都沒有被研究參與者特別命名為，但許多用戶將設(shè)計(jì)描述為簡(jiǎn)單（具有正面和負(fù)面含義）。

開放式詞匯選擇問題引出了廣泛的竿見次，必須對(duì)其進(jìn)行分析以確定它們是否有效地表達(dá)了所需的品牌特征。

7. 結(jié)構(gòu)化的詞選擇

要求用戶從您提供的關(guān)鍵詞列表中選擇描述詞語。通過向用戶提供有限的關(guān)鍵詞，該方法特別關(guān)注參與者是否感知目標(biāo)品牌屬性。

您希望傳達(dá)的品牌特征應(yīng)該包含在您的關(guān)鍵詞列表中，以及相反關(guān)鍵詞或不同層次含義的其他選擇。結(jié)構(gòu)化關(guān)鍵詞選擇，比開放式關(guān)鍵詞選擇更不靈活，無法發(fā)現(xiàn)新的觀點(diǎn)，但可以更容易地比較不同版本的設(shè)計(jì)，或者不同觀眾群體對(duì)同一設(shè)計(jì)的反應(yīng)。

這種技術(shù)在面對(duì)面研究中很有效，您可以在其中詢問用戶后續(xù)問題并讓他們參考設(shè)計(jì)，因?yàn)樗麄兘忉屃诉x擇每個(gè)關(guān)鍵詞的原因。它也可以用于遠(yuǎn)程測(cè)試，但是將它與“5秒”測(cè)試格式結(jié)合起來并不是一個(gè)好主意，因?yàn)椴榭匆婚L(zhǎng)串關(guān)鍵詞可能需要花費(fèi)很多時(shí)間才能達(dá)到用戶的目的。

等他們看完關(guān)鍵詞，可能就不記得他們只看了5秒的設(shè)計(jì)的反應(yīng)了。相反，使用一種問卷調(diào)查工具，允許人們?cè)趶牧斜碇羞x擇關(guān)鍵詞時(shí)查看設(shè)計(jì)。

8. 品牌感知的數(shù)字評(píng)級(jí)

最后，最受控制的方法是收集每個(gè)品牌特征在設(shè)計(jì)中表現(xiàn)得如何對(duì)應(yīng)的數(shù)字評(píng)分。

為了避免測(cè)試時(shí)間過長(zhǎng)，選擇3-5個(gè)最重要的品牌品質(zhì)，并詢問人們?nèi)绾卧u(píng)價(jià)每個(gè)品牌的設(shè)計(jì)風(fēng)格。（你的問題越多，問卷就越難，隨機(jī)答案的機(jī)會(huì)也就越大）

因?yàn)檫@種范式限制了發(fā)現(xiàn)不同觀點(diǎn)和反應(yīng)的能力，只有當(dāng)你找出最常見的數(shù)字評(píng)級(jí)時(shí)，數(shù)字評(píng)級(jí)才是合適的。在以前的研究中的感知，只是想評(píng)估每種質(zhì)量的相對(duì)強(qiáng)度。

最后，關(guān)于焦點(diǎn)小組的一個(gè)詞：雖然它們可以用來捕捉用戶偏好，但如果你沒有一個(gè)有才華，經(jīng)驗(yàn)豐富的焦點(diǎn)小組輔導(dǎo)員，這種方法是有風(fēng)險(xiǎn)的。

在群組對(duì)話中捕獲關(guān)于每個(gè)參與者的視覺設(shè)計(jì)的詳細(xì)反饋是困難的?？梢詭椭囊环N策略是讓參與者在將他們作為一個(gè)小組進(jìn)行討論之前記下他們自己的看法，并收集這些書面評(píng)論以供以后分析。焦點(diǎn)小組也不會(huì)捕獲任何行為信息。

9. 評(píng)估可用性測(cè)試中的視覺設(shè)計(jì)美學(xué)

上述所有方法都專注于視覺印象;?但實(shí)際情況是，人們不會(huì)孤立地接觸視覺設(shè)計(jì)，而是作為整體體驗(yàn)的一部分，其中還包括內(nèi)容和交互。

用戶體驗(yàn)的每個(gè)維度都會(huì)影響其他維度：更具美感吸引力的設(shè)計(jì)通常被認(rèn)為更有用。同樣，用戶對(duì)品牌特征的看法受到交互設(shè)計(jì)的影響：如果人們無法理解如何使用它，那么乍一看似乎簡(jiǎn)單和熱情的設(shè)計(jì)很快就會(huì)變得令人困惑和沮喪。

雖然第一印象很重要，但它們并不能說明整個(gè)故事。您還應(yīng)評(píng)估視覺設(shè)計(jì)在實(shí)際與系統(tǒng)交互時(shí)如何影響用戶的行為和任務(wù)成功。實(shí)際上，當(dāng)人們實(shí)際使用系統(tǒng)時(shí)，細(xì)微變化的影響，例如標(biāo)題大小稍微增加，?乍一看，他們甚至可能沒有注意到差異，但在瀏覽文章時(shí)，可能才會(huì)顯而易見;較大的標(biāo)題可能會(huì)更容易快速跳轉(zhuǎn)到特定部分。

這種改變的行為可能會(huì)再次提高用戶查找相關(guān)信息的能力，并使他們更像網(wǎng)站。人們甚至可能會(huì)說寫作更好（因?yàn)樗麄冮喿x了更多感興趣的信息），即使實(shí)際副本保持不變，唯一的變化就是排版。

幸運(yùn)的是，可以輕松修改典型的可用性測(cè)試腳本，以結(jié)合視覺設(shè)計(jì)的評(píng)估。您可以在常規(guī)可用性測(cè)試會(huì)話中包含有關(guān)視覺展示甚至單詞選擇練習(xí)的特定問題。然而，這些美學(xué)評(píng)估應(yīng)該在研究的行為可用性部分完成之后進(jìn)行，而不是試圖捕捉用戶的第一印象。

這個(gè)序列很重要，因?yàn)槿绻阍跁?huì)議開始時(shí)詢問某人對(duì)視覺設(shè)計(jì)的看法，你就會(huì)冒著偏離研究行為部分的風(fēng)險(xiǎn)。特別是如果用戶看過多個(gè)版本并選擇了“最愛”，他們可能會(huì)忽略或最小化他們?cè)谡麄€(gè)會(huì)話期間遇到的“最喜歡”版本所遇到的任何問題。

讓人們首先完成行為任務(wù)，并注意與視覺設(shè)計(jì)相關(guān)的行動(dòng)或自發(fā)評(píng)論，而不是在會(huì)話開始時(shí)向用戶詢問他們的視覺設(shè)計(jì)感知。例如，在最近對(duì)我們公司網(wǎng)站原型的測(cè)試中，我們要求用戶完成正常的可用性任務(wù)，例如查找內(nèi)容。

在嘗試任務(wù)時(shí)，一位用戶隨意評(píng)論頁面頂部的新導(dǎo)航菜單很有幫助。這個(gè)菜單實(shí)際上并不是該設(shè)計(jì)的新功能 – 它是該用戶過去經(jīng)常訪問的網(wǎng)站上的相同菜單，現(xiàn)在以較輕的字體顯示，沒有大寫樣式。

一旦完成了基于任務(wù)的研究部分，您就可以轉(zhuǎn)向評(píng)估用戶對(duì)品牌特征的看法。他們的答案不會(huì)完全基于視覺印象，就像他們?cè)?秒測(cè)試中那樣，但是視覺，內(nèi)容和互動(dòng)的結(jié)合形成的印象實(shí)際上更接近用戶在現(xiàn)實(shí)世界中的反應(yīng)。

10. 視覺印象是應(yīng)該在隔離中測(cè)試，還是作為可用性測(cè)試的一部分

對(duì)于交互式系統(tǒng)，評(píng)估視覺偏好絕不應(yīng)該代替可用性測(cè)試。如果您只有時(shí)間和資源來做一個(gè)測(cè)試，那么就用附加的技術(shù)對(duì)其進(jìn)行可用性測(cè)試。

在以下情況下，請(qǐng)考慮使用本文中介紹的獨(dú)立方法：

• 時(shí)間和資源允許多種類型的測(cè)試；
• 視覺和品牌認(rèn)知可能會(huì)顯著影響產(chǎn)品的成功；
• 在測(cè)試交互式原型之前，要比較不同的視覺方法；
• 在測(cè)試交互式原型之后，用更大的用戶樣本確認(rèn)結(jié)果。

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

題圖來自 Unsplash，基于CC0協(xié)議。