如何測試視覺設計

來自專欄翻譯菌的互聯網8 人贊了文章

在評估字體，顏色和其他視覺細節時，請評估美學印象和行為效果。

字體，顏色，對齊和圖像等視覺細節越來越多地被期望不僅可以創造可用的體驗，還可以表達複雜的品牌特徵，如友好性，可靠性或創新性。

許多團隊首先定義目標品牌特徵; 然後設計師和利益相關者選擇他們認為最能傳達這些品牌特徵的視覺細節。 這種方法假設設計者和利益相關者的意見將準確預測用戶的反應。 這是偉大的第一步，但它並不能保證設計師認為看起來「友好」的東西會被用戶所感知。

當組織從有效的品牌推廣中獲益良多時，應通過嚴格的數據驅動方法評估審美選擇及其對用戶態度的影響。

如何測試視覺設計的感知

與任何形式的用戶體驗研究一樣，招募代表目標受眾的測試參與者。他們不需要任何設計專業知識 - 人們不需要視覺設計培訓來了解他們是否喜歡某些東西; 事實上，根據Gitte Lindgaard及其同事的一項研究，用戶可以在不到十分之一秒的時間內可靠地評估他們對視覺效果的評價。然而，知道某人是否喜歡設計並不表明該設計是否傳達了正確的品牌特質。

（並且為了更好的衡量，我們強調，無論你是喜歡設計還是認為它表達目標特徵，它也不是一個有效的標準。你不是用戶，你的團隊的其他成員和管理層也不是。）

衡量品牌認知，不只是問人們是否喜歡設計，而是採用更結構化的方法，包括兩個主要部分:

1.暴露於視覺刺激：向研究參與者展示視覺設計，可以是靜態圖像，原型或實時互動式網站或應用程序。

2.評價用戶對刺激的反應:用開放式或嚴格控制的問題來衡量用戶對設計的反應。

展示視覺設計的刺激測試

你使用的「刺激測試」(即設計的視覺呈現)可以很容易地適應於幾種不同類型的研究。在進行面對面的視覺設計評估時，您可以簡單地向人們展示靜態圖像，要麼列印在紙上，要麼顯示在屏幕上。列印的頁面應該是一個真實的大小，而超過2個屏幕的頁面通常以數字化（即屏幕的電子化顯示）的表現形式得到更好的視覺體驗和用戶評估。因為列印出來會給用戶一次性顯示出比他們在屏幕上實際看到的內容多得多的內容。如果你想要確保獲取對特定視覺設計的即時第一印象的反饋，你可以使用靜態圖像。

審美和品牌印象也可以使用遠程的、非調節好的方法進行評估，這些方法可以對難以面對面見面的用戶或與大數量的用戶(當您需要在調查結果中具有高度準確性時，這是有用的方式)進行測試。任何可以顯示圖像的調查工具都適用於遠程評估。

如果你對第一印象感興趣，想在短時間內向用戶展示出視覺刺激。有兩種方法可以達到這個目標：

1. 5秒測試：這種測試顯示刺激時間為5秒(或其他很短的時間)。這種方法能最好的準確捕捉人們的「直覺反應」。雖然5秒的觀看時間對於仔細閱讀或注意其特定字體或顏色等細節來說，時間上太短了，但它足以給用戶形成一個準確反映視覺風格的印象。

1. 2.首次點擊測試：在參與者看到視覺設計之前，給他們一個特定的指示(比如「了解 更多關於這個組織的信息」)，並在他們點擊屏幕上可以完成該任務的位置後,勒令他們停止操作。大多數用戶在這種類型的測試上仍然只花費幾秒鐘時間，因為他們不會有意識的查看整個頁面，而是搜索與特定任務相關的頁面控制項或頁面鏈接，並且只以略讀的方式查看不那麼重要的，設計上的其餘部分。如果您期望您的用戶在第一次遇到您的站點時已經有了一個特定的目標，那麼這個測試是最適合的。

這兩個測試最易於遠程管理, 使用諸如5秒測試和(用於5秒測試) 或 Chalkmark (用於第一次單擊測試) 等服務。

請記住, 通過第一次單擊測試, 你提供的確切任務說明肯定會影響參與者注意和記住視覺設計的內容。如果你的用戶可能在您的站點上有多種目標, 則隨機地將用戶分配給多個不同的任務指令之一, 或者堅持更中性的5秒測試。

比較多種設計變化

通常, 向用戶顯示多個視覺設計可以幫助他們識別每個變體的喜歡 (或不喜歡)。如果你要求參與者評估多個設計，請務必改變他們看到替代方案的順序，因為部分人的反應可能會受到他們首先看到的版本的影響。（例如，如果一個版本更容易理解，那些看到那個版本將首先了解內容並且不會被其他變體混淆的那些版本。）跟蹤每個用戶首先看到的版本, 以便在分析響應時考慮它。

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

評估用戶反應: 開放式與結構化

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

·開放式喜好的解釋：讓用戶解釋為何喜歡某個設計

·開放式的辭彙選擇：讓用戶使用3到5個單詞來描述設計

·封閉式的辭彙選擇（合意性測試）：為用戶提供詞語列表，並讓他們挑選出最能描述設計的詞語

·數字評分：收集有關設計作品所傳達特定的品牌價值的數字評分

開放式喜好的解釋

第一種方法，只是讓人們解釋他們喜歡（或者不喜歡）某個設計的原因，在與有高度積極性和表達情緒的用戶進行面對面會議時有較好的效果。這個問題覆蓋了最廣泛的用戶，如果你不太了解你用戶的期望，並希望發現對他們來說重要的事情，那麼這個問題就很有用。它還可以幫助識別基於個人特徵（例如「我喜歡紫色」）的觀點，這些觀點可以被篩選出來，以便你可以專註於更實質性的因素。這種方法的缺點是，如果參與者沒有積極性或者是沒有表達清楚，你可能只得到簡短或不相關的回答。這種方法在未經調整的遠程調查（例如問卷調查）中特別危險，因為如果有人給出模糊的回答，例如「這很好」，你將無法在後續問題中詢問更多細節。

開放式的辭彙選擇

評估用戶感知的較為結構化的方法是要求被測者列出描述設計的幾個單詞。這種方式可以確保你至少獲得一些特定的反饋，同時仍然還保證問題的開放性，來發現你可能沒有考慮到的因素，但這些因素對你的用戶非常重要。你可能會獲得大量的描述辭彙，並需要仔細分析它們以確定有意義的主題。這種分析方法的好處是可以簡單的將詞語分為正面，負面或中性三種，然後將含義相似的詞語放在一組，並評估它們是否與您的目標品牌屬性相匹配。例如，下表顯示了有關某個公對公網站的描述詞，其網站的品牌目標是可信的，現代的和有用的。這些單詞沒有任何一個是由研究參與者特別命名的描述詞，但許多用戶將設計描述為簡單（同時具有正面和負面的含義）。

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

結構詞選擇

要求用戶從您提供的術語列表中選擇描述符是單詞選擇方法的受控變體。通過為用戶提供有限的詞集，該方法特別關注目標品牌屬性是否被參與者感知。你希望傳達的品牌特質應該包含在你的術語列表中，以及其他描述矛盾或發散品質的選擇。結構化的詞選擇 (也稱為 "可取性測試") 比打開的單詞選擇更敏感, 無法發現新的觀點, 但更容易比較不同版本的設計, 或者不同的受眾群體對同一設計的反應。這項技術在一個人的學習中很有效, 在這裡你可以問用戶跟進問題, 讓他們參考設計, 因為他們解釋了選擇每個術語的理由。它也可以用於遠程研究, 但它不是一個好主意, 把這與 "5 秒" 測試格式, 因為看一長串的單詞可能需要這麼多的時間, 由用戶到最後, 他們不記得太多的設計, 他們只看到了5秒相反, 使用一個調查工具, 讓人們看到的設計, 因為他們從列表中選擇單詞。

品牌感知的數值評價

最後，最受控的方法是收集每個品牌特徵如何通過設計表達的數字評級。為了避免考試時間過長，挑選3到5個最重要的品牌質量，並要求人們評價他們每一個都是如何被設計所俘獲的。（你的問題越多，問卷越難，隨機回答的機會越高），因為這種範式限制了發現不同觀點和反應的能力，只有當你找出最常見的看法時，數值評分才是合適的。以前的研究，只是想評估每個質量的相對強度。

最後，關於焦點小組的總結：雖然它們可以用來獲取用戶偏好，但如果你沒有一個有才華、有經驗的焦點小組促進者，這種方法是有風險的。從小組對話中的每個參與者那裡獲取關於視覺設計的詳細反饋是困難的。有一個可以提供幫助的策略，是讓參與者在他們小組討論之前寫下自己的看法，然後收集這些書面評論以供以後分析。而且，焦點小組不會捕獲任何行為信息。

在可用性測試中評估視覺設計美學

上面描述的所有方法都集中在視覺印象上，但現實是人們不單獨地面對視覺設計，而是將其作為整體體驗的一部分，包括內容和交互。用戶體驗的每個維度都會影響其他維度：更具審美吸引力的設計通常被認為更有用。同樣，用戶對品牌特徵的感知也會受到交互設計選擇的影響：如果人們無法理解如何使用它，那麼乍一看簡單而令人歡迎的設計會很快變得混亂和令人沮喪。

雖然第一印象很重要，但他們並沒有講述整個故事。您還應該評估當他們與系統真正交互時，視覺設計如何影響用戶的行為和成功完成某個任務。事實上，只有當人們實際使用系統時，細微變化的影響，如頭部大小的增加，才會變得顯而易見的；乍一看，他們甚至可能沒有注意到差異，但是當瀏覽一篇文章時，較大的標題可能會使讀者更容易快速跳轉到特定的部分。這種改變的行為可能再次提高用戶找到相關信息的能力，使他們更喜歡網站。人們甚至會說，這份寫作相對更好（因為他們閱讀到了更多的感興趣的信息），即使實際的內容保持不變，唯一的變化是排版。

幸運的是，典型的可用性測試協議可以很容易地修改，來納入視覺設計的評估。你可以把一些關於視覺印象的特定問題，甚至是單詞選擇練習納入常規可用性測試會話中。然而，這不需要試圖獲取用戶的第一印象，這些審美評估應該發生在行為可用性部分的研究完成後。

這個順序很重要，因為如果你在會議開始時詢問某人對視覺設計的看法，那麼你就有可能使行為部分的研究產生偏移。特別是如果用戶看到了多個版本並選擇了一個「最愛」，在整個會議的剩餘時間裡，他們很可能忽略或最小化他們在「最喜歡」的版本中體驗到的任何問題。

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

一項比較兩個不同字體的全局導航正常使用的可用性的研究。測試方法發現原來的導航菜單（上圖）顯示很重，全部大寫字體變得更容易被發現，當以較輕的標題字體（下部）顯示時，它會被認為是網站的「新」添加物。

一旦研究的基礎任務的部分完成。您就可以推測用戶對品牌特徵的看法。他們的答案不僅僅是基於視覺印象上的，就像他們在5秒的測試中一樣，但視覺、內容和交互結合形成的印象，實際上更接近用戶在現實世界中的反應。

視覺印象應該被單獨測試還是作為可用性測試的一部分？

對於互動式系統，評估視覺偏好永遠不能代替可用性測試。如果您的時間和資源只能進行一次測試，就在可用性測試用一些技巧來評估視覺設計。

在以下情況下，請考慮使用本文中介紹的獨立的方法：

? 時間和資源允許多種類型的測試

? 視覺和品牌認知可能會顯著影響產品的成功

? 在測試互動式原型之前，要比較不同的視覺方法

? 在測試互動式原型之後，用更大的用戶樣本確認結果