當前位置:首頁 > 運營推廣

視覺可用性測試

時間:2019-11-07 04:10:00來源:運營推廣作者:seo實驗室小編閱讀:72次「手機版」
 

可用性測試

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

前言

最近項目中經常接觸內容及視覺可用性測試,一開始有些懵圈,因為傳統測試針對的是功能,那內容及視覺該怎么去做可用性測試?

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

本人網上查找了許多資料,結合實踐,總結經驗分享給大家:

使用5秒測試法,測試用戶第一印象;

用戶在任務說明指引下完成任務,獲取用戶首次點擊區域;

開放式提問,獲取用戶的態度;

要求用戶列出能描述設計的幾個關鍵詞

也可以讓用戶選擇關鍵詞,并說出為什么選擇這些關鍵詞的原因;

選擇3-5個最重要的品牌品質,并詢問人們如何評價每個品牌的設計風格

不能孤立地測試視覺,還要關注內容和交互,每個維度都會影響到可用性;

如果時間不充分,請考慮在做產品可用性測試時附加做視覺測試;

當視覺和品牌認知可能會影響產品的成功時,就很有必要做視覺可用性測試;

正文

字體,顏色,元素對齊和圖等視覺細節越來越多地被賦予更大的期望,不僅僅創造友好的視覺體驗還要表達公司及產品復雜的品牌特征,如“友好性,可靠性或創新”。

許多團隊首先需要定義產品品牌特征?;?然后設計師利益相關者選擇他們認為最能傳達這些品牌特征的視覺細節(視覺效果、語言、行為)。

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

當一個公司從有效的品牌推廣中獲益良多時,應通過嚴格的數據驅動方法評估測試不同美學對用戶對產品認知態度的影響。

1. 如何測試視覺設計的感知

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

(為了更好地衡量,讓我們強調,不管你是否喜歡這個設計,還是你認為它表達了目標品牌特性,但這不是一個有效的標準。您不是用戶,團隊的其他成員或管理人員也不是。)

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

真實場景下呈現產品視覺:向研究參與者展示視覺設計,可以是靜態圖像,原型或實時交互式網站或應用程序

評估用戶對產品視覺的反應:使用開放式或嚴格控制的問題來衡量用戶對設計的反應。

2. 介紹視覺設計測試

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

在進行面對面的視覺設計評估時,您只需向人們顯示靜態圖像,無論是打印在紙上還是顯示在屏幕上。

打印頁面應該是真實的大小,并且長度超過2個屏幕的頁面通常會以數字形式進行更好的評估,因為打印它們會一次向用戶顯示比在屏幕上實際看到的內容更多的內容。如果您希望確保獲得有關特定視覺設計的即時第一印象的反饋,請使用靜態圖像。

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

如果您對第一印象感興趣,請在短時間內向用戶展示視覺刺激。有兩種方法可以實現這一目標:

5秒測試:通過這種類型的測試,您可以顯示5秒鐘(或另一個短時間段)的刺激。這種方法最適合準確捕捉人們的“直覺反應”。5秒的觀看時間對于閱讀文本或注意特定字體或顏色等細節來說太短,但它足以形成準確反映視覺風格的印象。

獲取首次點擊測試:您可以在參與者接觸設計之前向參與者提供特定任務說明(例如“了解有關此公司的更多信息”),并在他們點擊屏幕上可以完成該任務的位置后停止他們。大多數用戶仍然只會在這種類型的測試上花費幾秒鐘,但他們不是故意查看整個頁面,他們將只查看除設計的其余部分內容并搜索一個特定的與任務相關的特性或鏈接,如果您希望用戶在第一次訪問您的產品時已經目標明確,那么此測試最適合。

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

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

3. 比較多種設計差異

通常,向用戶展示多個的視覺設計有助于他們識別他們對每個設計的態度。如果您要求參與者評估多個設計,請務必調整他們看到備選方案的順序,因為部分人的反應可能會受到他們首先看到的版本的影響。(例如,如果一個版本更容易理解,那么最先看到這個版本的人就已經了解了內容,就不會被另一個版本弄糊涂了。)

記錄每個人最先看到的版本,以便在分析用戶響應時將其考慮在內。

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

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

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

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

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

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

開放式偏好解釋:讓用戶解釋他們為什么喜歡設計

打開單詞選擇:要求用戶列出描述設計的3到5個單詞

封閉式詞語選擇(期望測試):為用戶提供術語列表,并要求他們選擇最能描述設計的詞語

數字評級:收集關于設計展示特定品牌特征的數值評級

5. 開放式偏好解釋

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

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

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

這種方法的缺點是,如果參與者沒有動力或者只是沒有表達清楚,你可能只得到簡短或不相關的回答。這種方法在未經調整的遠程測試中特別危險,因為如果有人給出模糊的回答,例如“這很好”,您將無法在后續問題中詢問更多細節。

6. 關鍵詞選擇

評估用戶感知的更結構化的方法是要求測試參與者列出能描述設計的幾個關鍵詞。

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

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

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

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

7. 結構化的詞選擇

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

您希望傳達的品牌特征應該包含在您的關鍵詞列表中,以及相反關鍵詞或不同層次含義的其他選擇。結構化關鍵詞選擇,比開放式關鍵詞選擇更不靈活,無法發現新的觀點,但可以更容易地比較不同版本的設計,或者不同觀眾群體對同一設計的反應。

這種技術在面對面研究中很有效,您可以在其中詢問用戶后續問題并讓他們參考設計,因為他們解釋了選擇每個關鍵詞的原因。它也可以用于遠程測試,但是將它與“5秒”測試格式結合起來并不是一個好主意,因為查看一長串關鍵詞可能需要花費很多時間才能達到用戶的目的。

等他們看完關鍵詞,可能就不記得他們只看了5秒的設計的反應了。相反,使用一種問卷調查工具,允許人們在從列表中選擇關鍵詞時查看設計。

8. 品牌感知的數字評級

最后,最受控制的方法是收集每個品牌特征在設計中表現得如何對應的數字評分。

為了避免測試時間過長,選擇3-5個最重要的品牌品質,并詢問人們如何評價每個品牌的設計風格。(你的問題越多,問卷就越難,隨機答案的機會也就越大)

因為這種范式限制了發現不同觀點和反應的能力,只有當你找出最常見的數字評級時,數字評級才是合適的。在以前的研究中的感知,只是想評估每種質量的相對強度。

最后,關于焦點小組的一個詞:雖然它們可以用來捕捉用戶偏好,但如果你沒有一個有才華,經驗豐富的焦點小組輔導員,這種方法是有風險的。

在群組對話中捕獲關于每個參與者的視覺設計的詳細反饋是困難的。可以幫助的一種策略是讓參與者在將他們作為一個小組進行討論之前記下他們自己的看法,并收集這些書面評論以供以后分析。焦點小組也不會捕獲任何行為信息。

9. 評估可用性測試中的視覺設計美學

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

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

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

這種改變的行為可能會再次提高用戶查找相關信息的能力,并使他們更像網站。人們甚至可能會說寫作更好(因為他們閱讀了更多感興趣的信息),即使實際副本保持不變,唯一的變化就是排版。

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

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

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

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

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

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

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

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

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

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

在測試交互式原型之前,要比較不同的視覺方法;

在測試交互式原型之后,用更大的用戶樣本確認結果。

題圖來自 Unsplash,基于CC0協議

相關閱讀

單元測試和集成測試

單元測試(Unit testing)是對最小的軟件設計單元(模塊或源程序單元)的驗證工作。 在面向對象的設計(Object Oriented Design)里,最小單元

android cts測試方法及步驟 Android gts測試方法與步

CTS 是一個兼容性性測試工具。是Android TV 的必備條件。 CTS 是一個自動化測試工具,其中包括兩個主要軟件組件: CTS tradefed 自動

黑盒測試方法----流程圖

一、適用場景 測試點有明顯的業務流程,如1)有多個步驟,有一定的前后約束關系,共同完成一件事情2)整個過程可能涉及多于1個的執行者或觸

圖靈測試離我們還有多遠?

人機交互這件事,看起來簡單,卻是人工智能王冠上最耀眼的一顆明珠。目前看來,嚴格意義上的圖靈測試離我們還相當遙遠,不過通過交互方式

case when 判斷null(已測試)

SELECT (case when cdi.DEVICE_TAG is not null then cdi.DEVICE_TAG else '暫無數據' end) as deviceTag, (case when cdi.D

分享到:

欄目導航

推薦閱讀

熱門閱讀

七星彩论坛