如何測(cè)試視覺設(shè)計(jì)

2 評(píng)論 12937 瀏覽 59 收藏 19 分鐘

在評(píng)估字體,顏色和其他視覺細(xì)節(jié)時(shí),請(qǐng)?jiān)u估美學(xué)印象和行為效果。

字體,顏色,對(duì)齊和圖像等視覺細(xì)節(jié)越來越多地被期望不僅可以創(chuàng)造可用的體驗(yàn),還可以表達(dá)復(fù)雜的品牌特征,如友好性,可靠性或創(chuàng)新性。

許多團(tuán)隊(duì)首先定義目標(biāo)品牌特征; 然后設(shè)計(jì)師和利益相關(guān)者選擇他們認(rèn)為最能傳達(dá)這些品牌特征的視覺細(xì)節(jié)。 這種方法假設(shè)設(shè)計(jì)者和利益相關(guān)者的意見將準(zhǔn)確預(yù)測(cè)用戶的反應(yīng)。 這是偉大的第一步,但它并不能保證設(shè)計(jì)師認(rèn)為看起來“友好”的東西會(huì)被用戶所感知。

當(dāng)組織從有效的品牌推廣中獲益良多時(shí),應(yīng)通過嚴(yán)格的數(shù)據(jù)驅(qū)動(dòng)方法評(píng)估審美選擇及其對(duì)用戶態(tài)度的影響。

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

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

(并且為了更好的衡量,我們強(qiáng)調(diào),無論你是喜歡設(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è)計(jì),可以是靜態(tài)圖像,原型或?qū)崟r(shí)交互式網(wǎng)站或應(yīng)用程序。

2.評(píng)價(jià)用戶對(duì)刺激的反應(yīng):用開放式或嚴(yán)格控制的問題來衡量用戶對(duì)設(shè)計(jì)的反應(yīng)。

展示視覺設(shè)計(jì)的刺激測(cè)試

你使用的“刺激測(cè)試”(即設(shè)計(jì)的視覺呈現(xiàn))可以很容易地適應(yīng)于幾種不同類型的研究。在進(jìn)行面對(duì)面的視覺設(shè)計(jì)評(píng)估時(shí),您可以簡(jiǎn)單地向人們展示靜態(tài)圖像,要么打印在紙上,要么顯示在屏幕上。打印的頁面應(yīng)該是一個(gè)真實(shí)的大小,而超過2個(gè)屏幕的頁面通常以數(shù)字化(即屏幕的電子化顯示)的表現(xiàn)形式得到更好的視覺體驗(yàn)和用戶評(píng)估。因?yàn)榇蛴〕鰜頃?huì)給用戶一次性顯示出比他們?cè)谄聊簧蠈?shí)際看到的內(nèi)容多得多的內(nèi)容。如果你想要確保獲取對(duì)特定視覺設(shè)計(jì)的即時(shí)第一印象的反饋,你可以使用靜態(tài)圖像。

審美和品牌印象也可以使用遠(yuǎn)程的、非調(diào)節(jié)好的方法進(jìn)行評(píng)估,這些方法可以對(duì)難以面對(duì)面見面的用戶或與大數(shù)量的用戶(當(dāng)您需要在調(diào)查結(jié)果中具有高度準(zhǔn)確性時(shí),這是有用的方式)進(jìn)行測(cè)試。任何可以顯示圖像的調(diào)查工具都適用于遠(yuǎn)程評(píng)估。

如果你對(duì)第一印象感興趣,想在短時(shí)間內(nèi)向用戶展示出視覺刺激。有兩種方法可以達(dá)到這個(gè)目標(biāo):

  1. 5秒測(cè)試:這種測(cè)試顯示刺激時(shí)間為5秒(或其他很短的時(shí)間)。這種方法能最好的準(zhǔn)確捕捉人們的“直覺反應(yīng)”。雖然5秒的觀看時(shí)間對(duì)于仔細(xì)閱讀或注意其特定字體或顏色等細(xì)節(jié)來說,時(shí)間上太短了,但它足以給用戶形成一個(gè)準(zhǔn)確反映視覺風(fēng)格的印象。
  2. 首次點(diǎn)擊測(cè)試:在參與者看到視覺設(shè)計(jì)之前,給他們一個(gè)特定的指示(比如“了解 更多關(guān)于這個(gè)組織的信息”),并在他們點(diǎn)擊屏幕上可以完成該任務(wù)的位置后,勒令他們停止操作。大多數(shù)用戶在這種類型的測(cè)試上仍然只花費(fèi)幾秒鐘時(shí)間,因?yàn)樗麄儾粫?huì)有意識(shí)的查看整個(gè)頁面,而是搜索與特定任務(wù)相關(guān)的頁面控件或頁面鏈接,并且只以略讀的方式查看不那么重要的,設(shè)計(jì)上的其余部分。如果您期望您的用戶在第一次遇到您的站點(diǎn)時(shí)已經(jīng)有了一個(gè)特定的目標(biāo),那么這個(gè)測(cè)試是最適合的。

這兩個(gè)測(cè)試最易于遠(yuǎn)程管理, 使用諸如5秒測(cè)試和(用于5秒測(cè)試) 或 Chalkmark (用于第一次單擊測(cè)試) 等服務(wù)。

請(qǐng)記住, 通過第一次單擊測(cè)試, 你提供的確切任務(wù)說明肯定會(huì)影響參與者注意和記住視覺設(shè)計(jì)的內(nèi)容。如果你的用戶可能在您的站點(diǎn)上有多種目標(biāo), 則隨機(jī)地將用戶分配給多個(gè)不同的任務(wù)指令之一, 或者堅(jiān)持更中性的5秒測(cè)試。

比較多種設(shè)計(jì)變化

通常, 向用戶顯示多個(gè)視覺設(shè)計(jì)可以幫助他們識(shí)別每個(gè)變體的喜歡 (或不喜歡)。如果你要求參與者評(píng)估多個(gè)設(shè)計(jì),請(qǐng)務(wù)必改變他們看到替代方案的順序,因?yàn)椴糠秩说姆磻?yīng)可能會(huì)受到他們首先看到的版本的影響。(例如,如果一個(gè)版本更容易理解,那些看到那個(gè)版本將首先了解內(nèi)容并且不會(huì)被其他變體混淆的那些版本。)跟蹤每個(gè)用戶首先看到的版本, 以便在分析響應(yīng)時(shí)考慮它。

此外,當(dāng)要求用戶對(duì)同一設(shè)計(jì)的不同版本進(jìn)行評(píng)估時(shí),這些差異必須足夠顯著,足以讓普通人立即察覺。小的變化,如字體大小的微小變化或相似字體的替換對(duì)視覺設(shè)計(jì)師來說可能是顯而易見的,但對(duì)普通用戶來說通常是不可察覺的。要求人們有意識(shí)地識(shí)別和評(píng)估這些微妙的細(xì)節(jié), 很可能會(huì)混淆他們, 浪費(fèi)你的時(shí)間。(更糟的是, 您可能會(huì)成為查詢效果的犧牲品, 用戶只需簡(jiǎn)單地回答一個(gè)問題, 即使他們對(duì)兩個(gè)過于相似的版本沒有真正的感覺。

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

一旦參與者接觸到設(shè)計(jì), 下一步就是測(cè)量他們的反應(yīng)。人們的審美印象可以是非常特殊的, 需要系統(tǒng)地分析, 以確定有意義的趨勢(shì)。這可以用開放式的反饋來完成, 但是使用稍微更有條理的方法會(huì)更容易理解整體模式。下面是一些可以使用的技術(shù), 從完全開放式到高度結(jié)構(gòu)化:

  • 開放式喜好的解釋:讓用戶解釋為何喜歡某個(gè)設(shè)計(jì);
  • 開放式的詞匯選擇:讓用戶使用3到5個(gè)單詞來描述設(shè)計(jì);
  • 封閉式的詞匯選擇(合意性測(cè)試):為用戶提供詞語列表,并讓他們挑選出最能描述設(shè)計(jì)的詞語;
  • 數(shù)字評(píng)分:收集有關(guān)設(shè)計(jì)作品所傳達(dá)特定的品牌價(jià)值的數(shù)字評(píng)分。

開放式喜好的解釋

第一種方法,只是讓人們解釋他們喜歡(或者不喜歡)某個(gè)設(shè)計(jì)的原因,在與有高度積極性和表達(dá)情緒的用戶進(jìn)行面對(duì)面會(huì)議時(shí)有較好的效果。這個(gè)問題覆蓋了最廣泛的用戶,如果你不太了解你用戶的期望,并希望發(fā)現(xiàn)對(duì)他們來說重要的事情,那么這個(gè)問題就很有用。它還可以幫助識(shí)別基于個(gè)人特征(例如“我喜歡紫色”)的觀點(diǎn),這些觀點(diǎn)可以被篩選出來,以便你可以專注于更實(shí)質(zhì)性的因素。這種方法的缺點(diǎn)是,如果參與者沒有積極性或者是沒有表達(dá)清楚,你可能只得到簡(jiǎn)短或不相關(guān)的回答。這種方法在未經(jīng)調(diào)整的遠(yuǎn)程調(diào)查(例如問卷調(diào)查)中特別危險(xiǎn),因?yàn)槿绻腥私o出模糊的回答,例如“這很好”,你將無法在后續(xù)問題中詢問更多細(xì)節(jié)。

開放式的詞匯選擇

評(píng)估用戶感知的較為結(jié)構(gòu)化的方法是要求被測(cè)者列出描述設(shè)計(jì)的幾個(gè)單詞。這種方式可以確保你至少獲得一些特定的反饋,同時(shí)仍然還保證問題的開放性,來發(fā)現(xiàn)你可能沒有考慮到的因素,但這些因素對(duì)你的用戶非常重要。你可能會(huì)獲得大量的描述詞匯,并需要仔細(xì)分析它們以確定有意義的主題。這種分析方法的好處是可以簡(jiǎn)單的將詞語分為正面,負(fù)面或中性三種,然后將含義相似的詞語放在一組,并評(píng)估它們是否與您的目標(biāo)品牌屬性相匹配。例如,下表顯示了有關(guān)某個(gè)公對(duì)公網(wǎng)站的描述詞,其網(wǎng)站的品牌目標(biāo)是可信的,現(xiàn)代的和有用的。這些單詞沒有任何一個(gè)是由研究參與者特別命名的描述詞,但許多用戶將設(shè)計(jì)描述為簡(jiǎn)單(同時(shí)具有正面和負(fù)面的含義)。

開放式詞義選擇問題引起廣泛的描述符,必須分析以確定它們是否有效地表達(dá)期望的品牌特征。

結(jié)構(gòu)詞選擇

要求用戶從您提供的術(shù)語列表中選擇描述符是單詞選擇方法的受控變體。通過為用戶提供有限的詞集,該方法特別關(guān)注目標(biāo)品牌屬性是否被參與者感知。你希望傳達(dá)的品牌特質(zhì)應(yīng)該包含在你的術(shù)語列表中,以及其他描述矛盾或發(fā)散品質(zhì)的選擇。結(jié)構(gòu)化的詞選擇 (也稱為 “可取性測(cè)試”) 比打開的單詞選擇更敏感, 無法發(fā)現(xiàn)新的觀點(diǎn), 但更容易比較不同版本的設(shè)計(jì), 或者不同的受眾群體對(duì)同一設(shè)計(jì)的反應(yīng)。這項(xiàng)技術(shù)在一個(gè)人的學(xué)習(xí)中很有效, 在這里你可以問用戶跟進(jìn)問題, 讓他們參考設(shè)計(jì), 因?yàn)樗麄兘忉屃诉x擇每個(gè)術(shù)語的理由。它也可以用于遠(yuǎn)程研究, 但它不是一個(gè)好主意, 把這與 “5 秒” 測(cè)試格式, 因?yàn)榭匆婚L串的單詞可能需要這么多的時(shí)間, 由用戶到最后, 他們不記得太多的設(shè)計(jì), 他們只看到了5秒相反, 使用一個(gè)調(diào)查工具, 讓人們看到的設(shè)計(jì), 因?yàn)樗麄儚牧斜碇羞x擇單詞。

品牌感知的數(shù)值評(píng)價(jià)

最后,最受控的方法是收集每個(gè)品牌特征如何通過設(shè)計(jì)表達(dá)的數(shù)字評(píng)級(jí)。為了避免考試時(shí)間過長,挑選3到5個(gè)最重要的品牌質(zhì)量,并要求人們?cè)u(píng)價(jià)他們每一個(gè)都是如何被設(shè)計(jì)所俘獲的。(你的問題越多,問卷越難,隨機(jī)回答的機(jī)會(huì)越高),因?yàn)檫@種范式限制了發(fā)現(xiàn)不同觀點(diǎn)和反應(yīng)的能力,只有當(dāng)你找出最常見的看法時(shí),數(shù)值評(píng)分才是合適的。以前的研究,只是想評(píng)估每個(gè)質(zhì)量的相對(duì)強(qiáng)度。

最后,關(guān)于焦點(diǎn)小組的總結(jié):雖然它們可以用來獲取用戶偏好,但如果你沒有一個(gè)有才華、有經(jīng)驗(yàn)的焦點(diǎn)小組促進(jìn)者,這種方法是有風(fēng)險(xiǎn)的。從小組對(duì)話中的每個(gè)參與者那里獲取關(guān)于視覺設(shè)計(jì)的詳細(xì)反饋是困難的。有一個(gè)可以提供幫助的策略,是讓參與者在他們小組討論之前寫下自己的看法,然后收集這些書面評(píng)論以供以后分析。而且,焦點(diǎn)小組不會(huì)捕獲任何行為信息。

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

上面描述的所有方法都集中在視覺印象上,但現(xiàn)實(shí)是人們不單獨(dú)地面對(duì)視覺設(shè)計(jì),而是將其作為整體體驗(yàn)的一部分,包括內(nèi)容和交互。用戶體驗(yàn)的每個(gè)維度都會(huì)影響其他維度:更具審美吸引力的設(shè)計(jì)通常被認(rèn)為更有用。同樣,用戶對(duì)品牌特征的感知也會(huì)受到交互設(shè)計(jì)選擇的影響:如果人們無法理解如何使用它,那么乍一看簡(jiǎn)單而令人歡迎的設(shè)計(jì)會(huì)很快變得混亂和令人沮喪。

雖然第一印象很重要,但他們并沒有講述整個(gè)故事。您還應(yīng)該評(píng)估當(dāng)他們與系統(tǒng)真正交互時(shí),視覺設(shè)計(jì)如何影響用戶的行為和成功完成某個(gè)任務(wù)。事實(shí)上,只有當(dāng)人們實(shí)際使用系統(tǒng)時(shí),細(xì)微變化的影響,如頭部大小的增加,才會(huì)變得顯而易見的;乍一看,他們甚至可能沒有注意到差異,但是當(dāng)瀏覽一篇文章時(shí),較大的標(biāo)題可能會(huì)使讀者更容易快速跳轉(zhuǎn)到特定的部分。這種改變的行為可能再次提高用戶找到相關(guān)信息的能力,使他們更喜歡網(wǎng)站。人們甚至?xí)f,這份寫作相對(duì)更好(因?yàn)樗麄冮喿x到了更多的感興趣的信息),即使實(shí)際的內(nèi)容保持不變,唯一的變化是排版。

幸運(yùn)的是,典型的可用性測(cè)試協(xié)議可以很容易地修改,來納入視覺設(shè)計(jì)的評(píng)估。你可以把一些關(guān)于視覺印象的特定問題,甚至是單詞選擇練習(xí)納入常規(guī)可用性測(cè)試會(huì)話中。然而,這不需要試圖獲取用戶的第一印象,這些審美評(píng)估應(yīng)該發(fā)生在行為可用性部分的研究完成后

這個(gè)順序很重要,因?yàn)槿绻阍跁?huì)議開始時(shí)詢問某人對(duì)視覺設(shè)計(jì)的看法,那么你就有可能使行為部分的研究產(chǎn)生偏移。特別是如果用戶看到了多個(gè)版本并選擇了一個(gè)“最愛”,在整個(gè)會(huì)議的剩余時(shí)間里,他們很可能忽略或最小化他們?cè)凇白钕矚g”的版本中體驗(yàn)到的任何問題。

代替在開始階段詢問他們的視覺感受,首先讓人們完成是行為任務(wù),注意與視覺相關(guān)的活動(dòng)和無意識(shí)的談話。比如,在最近的我們公司官網(wǎng)的一個(gè)原型的一次測(cè)試中,我們讓用戶完成正常的可用性任務(wù),例如查找內(nèi)容。在嘗試任務(wù)時(shí),一個(gè)用戶對(duì)頁面頂部的新導(dǎo)航菜單隨意的評(píng)論是很有用的。這個(gè)菜單在設(shè)計(jì)上實(shí)際上并不是新功能——網(wǎng)站上當(dāng)前的菜單與這個(gè)用戶過去經(jīng)常訪問的菜單是同一個(gè),現(xiàn)在以較輕的字體顯示,沒有大寫樣式。

一項(xiàng)比較兩個(gè)不同字體的全局導(dǎo)航正常使用的可用性的研究。測(cè)試方法發(fā)現(xiàn)原來的導(dǎo)航菜單(上圖)顯示很重,全部大寫字體變得更容易被發(fā)現(xiàn),當(dāng)以較輕的標(biāo)題字體(下部)顯示時(shí),它會(huì)被認(rèn)為是網(wǎng)站的“新”添加物。

一旦研究的基礎(chǔ)任務(wù)的部分完成。您就可以推測(cè)用戶對(duì)品牌特征的看法。他們的答案不僅僅是基于視覺印象上的,就像他們?cè)?秒的測(cè)試中一樣,但視覺、內(nèi)容和交互結(jié)合形成的印象,實(shí)際上更接近用戶在現(xiàn)實(shí)世界中的反應(yīng)。

視覺印象應(yīng)該被單獨(dú)測(cè)試還是作為可用性測(cè)試的一部分?

對(duì)于交互式系統(tǒng),評(píng)估視覺偏好永遠(yuǎn)不能代替可用性測(cè)試。如果您的時(shí)間和資源只能進(jìn)行一次測(cè)試,就在可用性測(cè)試用一些技巧來評(píng)估視覺設(shè)計(jì)。

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

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

 

原文作者:?Kathryn Whitenton

原文地址:https://www.nngroup.com/articles/testing-visual-design/

譯文作者:兔子翻譯組

本文由@兔子翻譯組 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Pexels,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 感謝,最近干好遇到色彩評(píng)比的問題

    回復(fù)