作者：ucdchina.com 出處：angela 責(zé)任編輯：0

想像一下這樣的場(chǎng)景：你參與了一個(gè)新產(chǎn)品的設(shè)計(jì)，并提交了一系列的視覺設(shè)計(jì)方案。在評(píng)審會(huì)上，每個(gè)人的眼光都轉(zhuǎn)向坐在房間另一頭的某位領(lǐng)導(dǎo)，“我不喜歡橙色。”這位領(lǐng)導(dǎo)突然抬起頭來說，于是整個(gè)評(píng)審會(huì)突然就亂了章法，過了一會(huì)兒，你痛苦地發(fā)現(xiàn)大家正在熱烈討論的，居然是“界面中的方塊太死板了，能不能用圓形代替？”這類本不應(yīng)該討論的問題。

如果你就是這樣的一個(gè)視覺設(shè)計(jì)師，你一定也有過類似的痛苦經(jīng)歷。但是為什么一群看起來頭腦清楚的成年人總是無法在視覺評(píng)審會(huì)上保持同樣的理性呢？答案很簡單，由于缺乏對(duì)視覺方案產(chǎn)生的前因后果的了解，大部分與會(huì)者只能憑著自己的主觀直覺而不是客觀分析來評(píng)估它們。

為什么這個(gè)過程中存在這樣的主觀性呢？視覺傳達(dá)，是一門很微妙的語言，甚至超過了文字語言。即使在最簡單的應(yīng)用中也存在著語氣和風(fēng)格的豐富變化。就像有句話說的，一幅畫勝過千言萬語，而這正是問題的起源。千言萬語──尤其當(dāng)它們都是不對(duì)的時(shí)候──就有可能造成一場(chǎng)災(zāi)難。

視覺設(shè)計(jì)過程基本上由一系列決定構(gòu)成，這些決定最后產(chǎn)生了一個(gè)策略，然后再由此定義出一個(gè)視覺系統(tǒng)，這個(gè)視覺系統(tǒng)通過提升細(xì)節(jié)和清晰的程度來最大化地滿足這個(gè)策略。依賴主觀判斷來做出這些設(shè)計(jì)決定是災(zāi)難性的，同時(shí)也會(huì)導(dǎo)致這個(gè)被團(tuán)隊(duì)集體通過的設(shè)計(jì)方案難以得到用戶的認(rèn)同。

用研究和人物角色來強(qiáng)化視覺設(shè)計(jì)過程

正確的設(shè)計(jì)流程，能使你將主觀性和猜測(cè)的影響降到最小。客觀代替主觀的第一步是從“研究”開始的。這通常由交互設(shè)計(jì)師主導(dǎo)一些研究，從用戶行為方面來了解商業(yè)和用戶的目標(biāo)，視覺設(shè)計(jì)師可能不會(huì)被邀請(qǐng)去參加與相關(guān)人員的談話和研究用戶的課題?？蔁o論如何，視覺設(shè)計(jì)師都適當(dāng)?shù)貐⑴c這些研究，將有助于成功地用這些知識(shí)來武裝自己。

圖一：視覺設(shè)計(jì)師需要較早地介于研究過程，以便于確定一個(gè)可靠的、有效的視覺策略。

與相關(guān)人員的溝通

作為視覺設(shè)計(jì)師，你在項(xiàng)目會(huì)議期間的主要任務(wù)是理解公司的傳播目標(biāo)、品牌策略，以及在整個(gè)競(jìng)爭(zhēng)環(huán)境中的地位。同時(shí)，理解關(guān)鍵決策人對(duì)于這種產(chǎn)品的審美期望也是很必要的。最后，你還需要知道哪些成員將要參加你的視覺評(píng)審會(huì)。

理解公司目標(biāo)和品牌策略，可以從市場(chǎng)或品牌傳達(dá)部門去了解公司的歷史和現(xiàn)狀。你同時(shí)也需要去發(fā)掘公司的未來的目標(biāo)和它在行業(yè)中應(yīng)該得到的位置，這將為你提供一個(gè)設(shè)計(jì)視覺系統(tǒng)的主體方向。

閱讀品牌指南、風(fēng)格指南和近期的市場(chǎng)營銷資料，對(duì)于建立一個(gè)更綜合的市場(chǎng)目標(biāo)和公司立場(chǎng)的概念是非常有用的（記住要弄清楚這些指南是否是最新和最相關(guān)的，因?yàn)槟隳玫绞值暮芸赡苁且环葸^期，或是與現(xiàn)在的情況不一致的文檔）。

與相關(guān)人員多溝通，比如產(chǎn)品或市場(chǎng)經(jīng)理，去理解他們的觀點(diǎn)、了解能幫助你成功地搭建起項(xiàng)目框架的因素。另一件需要做的事情是去理解應(yīng)該呈現(xiàn)給用戶的界面中最為關(guān)鍵的視覺概念──尤其是這里被cooper稱為experience keywords（本文后面會(huì)提到）的概念。在這個(gè)期間，你的目標(biāo)是從各個(gè)相關(guān)部門收集關(guān)鍵詞，以幫助你確定設(shè)計(jì)模式。

下面是你可以提出的一些問題：

• 如果這個(gè)界面是一個(gè)人的話，他或她看上去是什么樣的？
• 當(dāng)用戶第一次看到這個(gè)產(chǎn)品時(shí)，你希望他有什么樣的反應(yīng)？
• 這個(gè)產(chǎn)品和競(jìng)爭(zhēng)對(duì)手的產(chǎn)品有什么不同？
• 這個(gè)產(chǎn)品和哪個(gè)著名人物（或汽車、電影等等）最相像？最不像？為什么？

這些問題應(yīng)該在溝通時(shí)及時(shí)提出，并鼓勵(lì)你的談話對(duì)象從情感方面講述她對(duì)這個(gè)產(chǎn)品的一些觀點(diǎn)。在探討這些問題之前記得觀察對(duì)方的反應(yīng)，因?yàn)榇蟛糠秩丝赡懿惶信d趣，或者缺乏恰當(dāng)詞匯去描述這些觀點(diǎn)。比如，如果一個(gè)負(fù)責(zé)架構(gòu)設(shè)計(jì)的人只對(duì)數(shù)據(jù)庫系統(tǒng)和產(chǎn)品的技術(shù)結(jié)構(gòu)感興趣的話，你去問他這個(gè)界面應(yīng)該長成什么樣就純屬浪費(fèi)時(shí)間。

不久前，我們?cè)O(shè)計(jì)了一個(gè)醫(yī)用設(shè)備，這個(gè)設(shè)備能幫助老年病人在自己的家中監(jiān)測(cè)自己的健康狀況。我們從相關(guān)人員處獲悉，如果它和上門服務(wù)的護(hù)士有相似的特征時(shí)，用戶更容易接受這個(gè)產(chǎn)品。于是我們根據(jù)了解到的知識(shí)，把這個(gè)設(shè)備的語氣和風(fēng)格設(shè)計(jì)成一種體貼、有責(zé)任心和可信任的感覺。

與相關(guān)人員溝通的最后一件事是確定團(tuán)隊(duì)中的哪個(gè)成員將參加視覺評(píng)審會(huì)。詢問團(tuán)隊(duì)負(fù)責(zé)人將安排哪些人去參加這些會(huì)議。太多的人參加會(huì)議將很難管理（我們建議6個(gè)人或更少）。最好是幾個(gè)關(guān)鍵的成員參加，比如項(xiàng)目經(jīng)理和產(chǎn)品經(jīng)理，以及來自市場(chǎng)或品牌團(tuán)隊(duì)的員工。如果有一位與用戶有過密切接觸的代表，比如一名銷售或培訓(xùn)師來參加評(píng)審會(huì)則會(huì)更好。你應(yīng)該邀請(qǐng)一位來自開發(fā)團(tuán)隊(duì)的員工，作為技術(shù)代表來評(píng)估這些設(shè)計(jì)方案的技術(shù)可行性。記住讓團(tuán)隊(duì)的其余成員保持信息的同步。

研究用戶

用戶訪談提供了一次驗(yàn)證團(tuán)隊(duì)成員假設(shè)的機(jī)會(huì)，通過用戶訪談你還可以了解更多關(guān)于用戶和公司以及其產(chǎn)品之間的情感上的聯(lián)系。另外，訪談也提供了一個(gè)造訪用戶所處環(huán)境的機(jī)會(huì)，可以直接了解當(dāng)用戶在和你的產(chǎn)品進(jìn)行交互時(shí)，有可能遇到的挑戰(zhàn)。這是一次非常有價(jià)值的實(shí)踐，照片或任何第二手資料都無法代替。眼見為實(shí)。

交互設(shè)計(jì)師和視覺設(shè)計(jì)師在用戶研究階段所尋找的是不同的模式，理解這一點(diǎn)是非常重要的。舉例來說，交互設(shè)計(jì)師想找出的是工作流程、心智模型、任務(wù)的優(yōu)先級(jí)別和頻率、障礙點(diǎn)等等，而這時(shí)候，視覺設(shè)計(jì)師應(yīng)該尋找以下模式：

• 用戶特征（比如，身體缺陷，尤其是視力）；
• 環(huán)境因素（燈光、用戶和界面之間的距離、顯示器上的保護(hù)膜）；
• 品牌中有可能引起用戶共鳴的因素；
• 用戶對(duì)體驗(yàn)的期望。

將影響你的設(shè)計(jì)的兩個(gè)最常見的用戶特征，是視覺和身體上的缺陷。比如，供糖尿病人（通常也有一些視力上的問題）使用的血糖儀，常常出現(xiàn)文字的尺寸太小、圖標(biāo)不夠清晰等設(shè)計(jì)，這使得病人飽受其苦。如果你曾經(jīng)看到一個(gè)老年用戶在努力辨認(rèn)網(wǎng)頁上12個(gè)像素的verdana文字的話，那么他很容易就會(huì)忽略在書本上出現(xiàn)的7個(gè)像素的文字。而針對(duì)行動(dòng)困難的人士的產(chǎn)品，他們的身體缺陷對(duì)設(shè)計(jì)的影響就更大了，因?yàn)檫@意味著他們的產(chǎn)品上的按鈕需要更大的距離和尺寸。

當(dāng)設(shè)計(jì)用戶界面時(shí)，用戶的應(yīng)用環(huán)境也是考慮因素之一。照明環(huán)境或產(chǎn)品的位置，都可能對(duì)界面的設(shè)計(jì)方案有著戲劇性的影響，尤其是尺寸和對(duì)比度。在一個(gè)外科手術(shù)室中，我們發(fā)現(xiàn)顯示器離用戶有六英尺遠(yuǎn)，同時(shí)還覆蓋了一層塑料布。很明顯我們需要設(shè)計(jì)一個(gè)字體很大對(duì)比度很高的界面。相反地，另一些界面，比如手機(jī)，是那種既可能在戶內(nèi)也可能在戶外使用的設(shè)備，則需要一種在完全不同的照明環(huán)境中都可用的靈活設(shè)計(jì)。

通過一些人體測(cè)量學(xué)的資料的幫助（比如the measure of man and woman: human factors in design by alvin r. tilley, henry dreyfuss associates），你可體驗(yàn)到獨(dú)特的用戶和環(huán)境因素，這有助于設(shè)計(jì)出一個(gè)適用于不同身材的產(chǎn)品。

就之前提到的家用醫(yī)學(xué)設(shè)備而言，我們?cè)煸L了一些用戶的家庭，并做了訪談。我們發(fā)現(xiàn)病人的年紀(jì)一般都比較大，同時(shí)大部分都在客廳都放了一把舒服的椅子，它緊挨著用來放置類似設(shè)備的桌子。用戶的身體都不太好，同時(shí)還有視力和聽力的問題。他們通常把設(shè)備放在一伸胳膊就能夠著的地方。我們的設(shè)計(jì)方案把這些環(huán)境因素都納入了考慮之中，包括足夠大和高對(duì)比度文字的視覺風(fēng)格，以及可選擇的聲音提示。

除了理解用戶和環(huán)境因素之外，花一些時(shí)間去討論品牌和個(gè)性是很重要的。你應(yīng)該詢問用戶，關(guān)于他們與你的公司或競(jìng)爭(zhēng)對(duì)手的過往經(jīng)歷（如果你能分享這些信息的話），這樣你可以評(píng)估這些信息和團(tuán)隊(duì)中的假設(shè)是否一致。你可以詢問用戶類似這樣的問題：

• x公司與其它同類型的公司有什么不同？
• 你為什么覺得這個(gè)產(chǎn)品或公司很特殊？
• 你希望x公司有什么不同？

你也應(yīng)該花一些時(shí)間理解界面應(yīng)該具有的個(gè)性。在the media equation，byron reeves和clifford nass寫了一篇文章，提出一個(gè)觀點(diǎn)：“人們實(shí)際上是像對(duì)待真正的人類一樣對(duì)待計(jì)算機(jī)的，所以需要用人類的個(gè)性特征來考慮計(jì)算機(jī)的回答?！本拖衽c同事的溝通一樣，你可以問用戶一些類似這樣的問題：

• 如果界面是一個(gè)人的話，它會(huì)像是什么樣的人？
• 你會(huì)如何向朋友描述這個(gè)產(chǎn)品？
• 這個(gè)產(chǎn)品與競(jìng)爭(zhēng)對(duì)手的產(chǎn)品有什么不一樣？

再次強(qiáng)調(diào)，這些問題本身并不能提供給你所有的答案，但是它們使你能夠得到一個(gè)與用戶有關(guān)的、關(guān)于視覺設(shè)計(jì)方面的綜合結(jié)論。不要僅僅問：“什么樣的視覺方案更好一點(diǎn)？”因?yàn)榕c你的同事相比，用戶更難用有效的詞匯來描述他們?cè)谕庥^上的想法。相反地，你可以提供一些例子作為引導(dǎo)，比如：“如果我的電話是一個(gè)人的話，我希望它是有禮貌、聰明和友好的?！迸c用戶進(jìn)行視覺設(shè)計(jì)和品牌的交談可能有一定的挑戰(zhàn)性，但是它能提高你的視覺方案的成功率，因?yàn)槟愀嗟氖腔谂c用戶有關(guān)的故事來設(shè)計(jì)，而更少依賴于項(xiàng)目中某些專家的意見。

以那個(gè)家用醫(yī)學(xué)監(jiān)視器的例子來講，我們?cè)儐柫瞬∪岁P(guān)于“一個(gè)好護(hù)士應(yīng)該是怎樣的？”問題，并收集到一些像這樣的特征：幽默、關(guān)注、善于聆聽、落落大方、親切、能干、自信、可靠，以及樂觀等等。這些詞匯在稍后的視覺設(shè)計(jì)流程中將用于建立設(shè)計(jì)策略。

形成視覺策略

一旦你完成了上面這些研究工作，你就可以分析這些結(jié)果并確定模式了。在這里，你將得到關(guān)于用戶的信息、他們的環(huán)境、潛在的experience keywords以及品牌需求等。

首先，將你從研究中得到的結(jié)論應(yīng)用到人物角色上，以確定所有情感或行為上的模式。交互設(shè)計(jì)師會(huì)專注于特定的人物角色的目標(biāo)、背景和觀點(diǎn)，而視覺設(shè)計(jì)師則應(yīng)該注重于情感化，以及用戶和環(huán)境的因素等方面。

在最近的一個(gè)“富消息應(yīng)用”的項(xiàng)目中，我們基于用戶研究創(chuàng)建了一個(gè)人物角色，她對(duì)于不認(rèn)識(shí)的人發(fā)送的郵件具有很強(qiáng)的警惕性，因?yàn)樗犝f過很多關(guān)于計(jì)算機(jī)病毒的報(bào)道。這種情緒會(huì)直接影響到界面的設(shè)計(jì)，因?yàn)闉榱藵M足這類人物角色對(duì)于“安全感”的需求，界面必須在第一眼就讓人感覺專業(yè)和可信任。

experience keywords（體驗(yàn)關(guān)鍵字）

當(dāng)人物角色被創(chuàng)建出來以后，列出從相關(guān)設(shè)計(jì)人員和用戶訪談中得到的所有描述性的詞匯或概念，并將其分組。這些詞匯組合正是形成一套“體驗(yàn)關(guān)鍵字”的基礎(chǔ)，將用于確定和管理視覺策略。我們最初的詞匯組合看起來類似下面這張圖：

圖二：這些在研究期間收集的詞匯幫助我們確定了“體驗(yàn)關(guān)鍵字”的核心，我們可以用來驅(qū)動(dòng)整體的視覺策略。我們通常把這些詞匯列表統(tǒng)一成3個(gè)或5個(gè)概念組合，然后最終發(fā)展成一套“體驗(yàn)關(guān)鍵字”。

“體驗(yàn)關(guān)鍵字”描述的是這個(gè)人物角色在看到界面時(shí)，“最初五秒鐘”的情感反應(yīng)?？紤]這種最初反應(yīng)有兩個(gè)好處。首先，通過提供一種積極的第一印象和持續(xù)的情感體驗(yàn)，它可以強(qiáng)化公司的品牌。其次，對(duì)于用戶是否接受這個(gè)產(chǎn)品和忍受某些不足，它具有重大的意義。研究表明，具有美感的設(shè)計(jì)被認(rèn)為比很少有美感的設(shè)計(jì)更有用（這被稱為美感可用性效應(yīng)）。同時(shí)，當(dāng)人們喜歡使用它們的時(shí)候，界面就會(huì)變成更可用（見donald norman在《attractive things work better》中的報(bào)告；或更好的方式，聽聽關(guān)于新上市的iphone的新聞）。

保證這些“體驗(yàn)關(guān)鍵字”同樣也適用于你的團(tuán)隊(duì)和一些關(guān)鍵成員。可信任和從視覺上描述的關(guān)鍵字有助于推動(dòng)視覺策略的討論。選擇你將用于描述某個(gè)人的“體驗(yàn)關(guān)鍵字”；這樣的方式能讓你的觀眾容易接受。你最終確定的那套“體驗(yàn)關(guān)鍵字”看上去應(yīng)該像下面這個(gè)圖：

在上面這個(gè)例子中，有四個(gè)體驗(yàn)關(guān)鍵字：體貼、謙虛、有責(zé)任心和善于引導(dǎo)。其它的關(guān)鍵字都是在闡述它們的含義。用圖片或其它形象的支持方式也同樣有效。

一旦團(tuán)隊(duì)達(dá)成共識(shí)，體驗(yàn)關(guān)鍵字將為視覺設(shè)計(jì)指出一個(gè)明確的方向?！绑w貼”直接反映在界面上可能就成為柔和的色彩和形狀，而“善于引導(dǎo)”則描述了一個(gè)對(duì)比度更強(qiáng)和線條更明確的界面。

現(xiàn)在你擁有了客觀武器：人物角色、體驗(yàn)關(guān)鍵字、品牌需求等標(biāo)準(zhǔn)，這也意味著你得到了一個(gè)用于決定視覺設(shè)計(jì)的堅(jiān)實(shí)基礎(chǔ)。你現(xiàn)在可以提供一個(gè)更加深思熟慮的視覺設(shè)計(jì)方案了，它能得到更切合實(shí)際的反饋。現(xiàn)在，當(dāng)產(chǎn)品經(jīng)理抱怨橙色的時(shí)候，你就可以提醒他這個(gè)設(shè)計(jì)是基于某個(gè)人物角色的最佳體驗(yàn)關(guān)鍵字做出的，而這些關(guān)鍵字早就得到了大家的首肯，從而讓他遠(yuǎn)離自己的主觀臆斷。

另外，擁有相關(guān)成員和用戶訪談中的上下文信息，將有助于你更集中、更適宜地針對(duì)那些將使用你的產(chǎn)品的人確定最初的設(shè)計(jì)概念。

原作者：nick myers，cooper公司的首席視覺設(shè)計(jì)師。
原文地址：using research to end visual design debates
翻譯：angela