視覺可用性測試

2 評論 11926 瀏覽 74 收藏 20 分鐘

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

前言

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

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

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

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

正文

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

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

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

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

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

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

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

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

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

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

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

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

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

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

如果您對第一印象感興趣,請在短時間內(nèi)向用戶展示視覺刺激。有兩種方法可以實(shí)現(xiàn)這一目標(biāo):

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

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

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

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

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

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

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

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

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

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

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

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

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

5. 開放式偏好解釋

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

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

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

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

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

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

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

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

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

開放式詞匯選擇問題引出了廣泛的竿見次,必須對其進(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è)計,或者不同觀眾群體對同一設(shè)計的反應(yīng)。

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

等他們看完關(guān)鍵詞,可能就不記得他們只看了5秒的設(shè)計的反應(yīng)了。相反,使用一種問卷調(diào)查工具,允許人們在從列表中選擇關(guān)鍵詞時查看設(shè)計。

8. 品牌感知的數(shù)字評級

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

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

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

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

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

9. 評估可用性測試中的視覺設(shè)計美學(xué)

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 很棒,收獲很大。

    來自湖南 回復(fù)
    1. 可以關(guān)注我的公眾號,業(yè)務(wù)體驗(yàn)設(shè)計

      來自廣東 回復(fù)