設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

1 評論 5531 瀏覽 47 收藏 39 分鐘

我們在逐步抽象出品牌概念后,通過建構(gòu)對應(yīng)情感與表達(dá)方式的映射關(guān)系來構(gòu)建契合品牌的視覺風(fēng)格;且秉承對于設(shè)計(jì)驗(yàn)證的理念,我們探索了針對視覺風(fēng)格的驗(yàn)證思路與方法,這不僅使得設(shè)計(jì)目標(biāo)得以驗(yàn)證,保證了整個(gè)設(shè)計(jì)過程能夠形成閉環(huán),同時(shí)也使得設(shè)計(jì)方案能夠在設(shè)計(jì)過程中快速迭代。

一、引言

我們認(rèn)為,視覺設(shè)計(jì)在產(chǎn)品中主要起以下作用:視覺可用性、信息設(shè)計(jì)、品牌輸出,借空狀態(tài)改版;我們嘗試落實(shí)視覺設(shè)計(jì)在品牌輸出層面的價(jià)值。

具體而言,在逐步抽象出品牌概念后,我們通過建構(gòu)對應(yīng)情感與表達(dá)方式的映射關(guān)系來構(gòu)建契合品牌的視覺風(fēng)格;且秉承對于設(shè)計(jì)驗(yàn)證的理念,我們探索了針對視覺風(fēng)格的驗(yàn)證思路與方法,這不僅使得設(shè)計(jì)目標(biāo)得以驗(yàn)證,保證了整個(gè)設(shè)計(jì)過程能夠形成閉環(huán),同時(shí)也使得設(shè)計(jì)方案能夠在設(shè)計(jì)過程中快速迭代。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖1-1 整體構(gòu)建流程

二、品牌定義

此前,除了產(chǎn)品名及代言人的形象露出外,產(chǎn)品層面尚未有過明確且體系化的品牌概念傳達(dá),因此無既有的概念或相關(guān)信息可遵循或參考,需從頭厘清。

2.1 收集相關(guān)數(shù)據(jù)

如上所述,由于目前所處階段,本次將以品牌自身單方面輸出為主,因此我們訪談了相關(guān)業(yè)務(wù)負(fù)責(zé)人,探討了產(chǎn)品當(dāng)前在服務(wù)層面關(guān)注的方向以及力爭為用戶營造的體驗(yàn)。

同時(shí),我們也想了解用戶在使用安居客過程中所形成的總體印象并將其作為補(bǔ)充。

因此,抓取了應(yīng)用市場上安居客用戶的正面反饋并從中提煉出高頻詞匯[1]:

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖2-1 用戶評價(jià)詞云圖

2.2 建立品牌心智地圖(Mental Map)

通過繪制品牌心智地圖,可將以上零散的信息分類及提煉,以此來組織并簡化我們對產(chǎn)品品牌認(rèn)知的心智結(jié)構(gòu)[2],最終描繪出一幅由品牌內(nèi)核所延展出的圖景,其組成可以是品牌的各個(gè)方面,凝練了關(guān)于一個(gè)品牌之所以是一個(gè)品牌的構(gòu)成。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖2-2 品牌心智地圖

2.3 提煉品牌精髓(Brand Mantra)

進(jìn)一步的,從品牌心智地圖中提煉出構(gòu)成品牌的核心部分,分別從品牌功能(Brand Functions)、描述性修飾語(Descriptive Modifier)及情感性修飾語(Emotional Modifier)這三個(gè)維度去詮釋[3]。

品牌功能描述了產(chǎn)品或服務(wù)的性質(zhì),即品牌能夠向用戶提供的體驗(yàn)或益處的類型;描述性修飾語將進(jìn)一步分類及明確品牌所傳達(dá)出樣貌之性質(zhì);情感性修飾語則解釋了給用戶帶來的益處是什么。

對安居客而言,作為連接房地產(chǎn)行業(yè)中中介與需求端的平臺,其本質(zhì)上是一個(gè)信息服務(wù)平臺;而由其對信息的深度、廣度及有效性的努力以及對信息傳達(dá)效率的追求可看出,其力求提供的是一種專業(yè)的信息服務(wù);結(jié)合監(jiān)管機(jī)制的建設(shè)力爭為用戶營造一種可靠、安心的體驗(yàn)。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖2-3 品牌精髓

2.4 小結(jié)

通過以上步驟,基本能夠逐漸抽象出所要表達(dá)之物。可簡單將上述過程的目的理解為定義視覺風(fēng)格的方向。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖2-4 品牌概念抽象過程

三、品牌映射(設(shè)計(jì)風(fēng)格構(gòu)建)

明確所要表現(xiàn)的對象后,便可開始建構(gòu)從內(nèi)容到形式這一轉(zhuǎn)化過程,最終構(gòu)建出契合品牌的設(shè)計(jì)風(fēng)格。

3.1 文案風(fēng)格構(gòu)建

首先,嘗試將品牌概念人格化,以作為后續(xù)推導(dǎo)過程中的燈塔,避免偏離航向。

基于所提煉出的品牌精髓,演繹出以下設(shè)定:

  • 品牌性別:男性
  • 品牌角色:專家
  • 品牌性格:沉著、從容
  • 與用戶的關(guān)系:安居客之于用戶就像是一位專業(yè)、貼心的「私人顧問」,在用戶遇到問題時(shí)沉著冷靜地為其指點(diǎn)迷津,在用戶產(chǎn)生疑惑時(shí)體貼入微地為其答疑解惑。

①改版前文案風(fēng)格分析

現(xiàn)有方案中可窺見以下特征:

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

表3-1 改版前文案風(fēng)格

②設(shè)計(jì)策略

為了貼合所設(shè)定的人格化形象,筆者制定了以下策略來調(diào)整文案寫作風(fēng)格:

1)以書面語語體替代口語語體——遣詞更豐富、正式

  • 挑選房源(去看看房子)
  • 樓盤優(yōu)惠活動供你參與(快去看看哪些房子有活動吧)
  • 查看樓盤詳情(你還可以看看其他的哦~)

2)以平鋪直敘的敘事風(fēng)格替代行銷口吻及俏皮語氣

  • 除了旁觀,你也能發(fā)表自己的真知灼見(快參與你喜歡的話題發(fā)表評論吧!)
  • 可查看全部樓盤資訊(先看看其他人的動態(tài)~)

3)構(gòu)建統(tǒng)一的句式結(jié)構(gòu)

此前,空狀態(tài)經(jīng)手不同設(shè)計(jì)師,且團(tuán)隊(duì)中尚無可遵從的寫作風(fēng)格指南,原有文案多少顯得混雜零亂,而句式結(jié)構(gòu)也是文案風(fēng)格的構(gòu)成要素,因此,筆者嘗試構(gòu)建統(tǒng)一的句式結(jié)構(gòu)來滿足現(xiàn)已發(fā)現(xiàn)的五十多處以及將來仍會不斷產(chǎn)生的空狀態(tài)在表達(dá)時(shí)的需求。

將重新設(shè)計(jì)的所有文案按句式結(jié)構(gòu)的異同分類,從中可發(fā)現(xiàn)明顯的規(guī)律,其對應(yīng)的正是針對不同場景所使用的差異化策略,對于單獨(dú)出現(xiàn)的句型,在分析其所屬場景及所需引導(dǎo)策略后,判斷其是必要句型還是可復(fù)用其他句型,最終形成了能夠覆蓋當(dāng)前所有場景的五種句式結(jié)構(gòu),其亦可指導(dǎo)未來同類場景的應(yīng)用。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

表3-2 句式結(jié)構(gòu)構(gòu)建過程

3.2 視覺風(fēng)格推導(dǎo)

① 風(fēng)格構(gòu)建

1)構(gòu)建思路

以品牌精髓中的情感修飾語及描述性修飾語作為核心意象,同時(shí)解構(gòu)對應(yīng)表現(xiàn)形式的形態(tài)要素,其后分別以形態(tài)要素為對象將核心意象進(jìn)行演繹——由于品牌精髓所處抽象層次較高,無法直接指向具體表達(dá)方式的選擇——再以得到的具體情感意象作為標(biāo)尺,尋求契合的表達(dá)方式。

2)色

將品牌精髓以顏色能夠觸發(fā)的感受為視角進(jìn)行演繹,并根據(jù)顏色與人類心理感知的映射關(guān)系確定基本色相范圍。

而對顏色具體的定義可在相同的表達(dá)訴求下進(jìn)一步控制色彩要素來獲取,如中性色的視覺表現(xiàn)在于色相上的控制,我們通過在色相上加入藍(lán)來獲取「高級感」;而由于安居客本身的品牌色即屬綠色,因此我們直接選用;對于藍(lán)色,考慮到實(shí)際應(yīng)用時(shí)與綠色的搭配,在色相上融入綠色使兩者呈現(xiàn)時(shí)能夠相互融合。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖3-1 色的定義

3)形

在實(shí)際建構(gòu)「形」的表達(dá)方式與情緒感受的映射關(guān)系時(shí)筆者發(fā)現(xiàn),不同于顏色的千變?nèi)f化,「形」在其各維度的表達(dá)方式上更多的呈現(xiàn)一種二元對立的局面,這種情況下,不對品牌精髓進(jìn)行演繹亦可對表達(dá)方式作出選擇。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖3-2 形的定義

②風(fēng)格應(yīng)用

1)色的應(yīng)用

由空狀態(tài)設(shè)計(jì)中對所有場景的意象設(shè)定,可對場景刻畫中所需的元素進(jìn)行如下分類:

  • 光影
  • 背景

針對插畫,且處于空狀態(tài)這種非正常場景,當(dāng)前濃郁的品牌色不便直接使用,因此從明度層面對其進(jìn)行處理,以得到適用的顏色。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖3-3 品牌色的處理

a. 人

人作為場景構(gòu)建中的組成部分,并非主體,且需要與物形成對比,因此使用白色。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖3-4 人的顏色應(yīng)用

b. 物

物在場景的構(gòu)筑中承擔(dān)了以下角色:

  • 與人的交互形成行為意象的傳達(dá)
  • 作為對環(huán)境的勾勒,構(gòu)成對場景的交代或環(huán)境意象的傳達(dá)
  • 對應(yīng)到結(jié)構(gòu),分別為:作為主體的單一物件和構(gòu)成近景與遠(yuǎn)景的不同物件

對于前者,以中性色呈現(xiàn)其主體,主色點(diǎn)綴于次一級元素;而后者,遠(yuǎn)景作為主要場景元素施以中性色,近景混合應(yīng)用主色。如此,既保證情緒色的露出,也豐富畫面的細(xì)膩程度。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖3-5 物的顏色應(yīng)用

c.光影

  • 背景光:在表達(dá)虛無的場景中,以線性漸變來表達(dá)此概念,此時(shí)混合應(yīng)用兩個(gè)主色來呈現(xiàn)調(diào)性。
  • 光照:對于自然光的呈現(xiàn),另取暖色來表現(xiàn)光影,進(jìn)一步增加質(zhì)感。
  • 投影:陰影當(dāng)使用中性色。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖3-6 光照的顏色應(yīng)用

d.背景

白色或明亮的顏色更讓人有安全感,且我們希望圖示能融入界面中,因此設(shè)定為白色。

2)形的應(yīng)用

a. 元素形狀

避免銳利的切角;更多的用矩及圓形這類相對更穩(wěn)定的形狀。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖3-7 元素形狀定義

b. 元素方向

以水平面或不同面構(gòu)成的穩(wěn)定體系為主,避免單獨(dú)應(yīng)用斜切面。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖3-8 元素方向定義

c. 主體占比

占據(jù)畫面中較大比例。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖3-9 主體占比定義

d. 主體位置

置于畫面中心偏下。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖3-10 主體位置定義

四、驗(yàn)證方案設(shè)計(jì)

4.1 驗(yàn)證思路推導(dǎo)

我們的設(shè)計(jì)目標(biāo)是形成契合品牌的視覺風(fēng)格,若目標(biāo)達(dá)成,用戶應(yīng)當(dāng)能被具備明確視覺風(fēng)格的界面激發(fā)相應(yīng)感受,從而可得到如下測試過程:安排被試瀏覽相關(guān)界面,其后測量其情感感受。

那如何測量人的情感呢?

在對情感測量方法的搜尋中,筆者發(fā)現(xiàn)了心理測量(相對的是生理測量)中常用的語義差異量表(semantic differential scale),其由若干表達(dá)情感體驗(yàn)的詞匯和量尺組成,由用戶根據(jù)感受程度選取相應(yīng)的等級,從而獲取到情感信息。

最終,可得到如下驗(yàn)證思路:

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖4-1 驗(yàn)證思路

4.2 樣本量設(shè)定

定性研究方法并非如定量研究方法那般天然具備確定樣本量的統(tǒng)計(jì)技術(shù),目前也尚無通用的技術(shù),業(yè)界較為熟知的 Jakob Nielsen 所提出的「可用性研究只需測試5個(gè)用戶」的說法,由于其限于可用性研究,「測試5個(gè)用戶」[4]的說法也只是總結(jié)性的論述,實(shí)際也需酌情判斷。

因此,為了確保獲取足夠的數(shù)據(jù),筆者嘗試尋求更精確和通用的解決方案[5],最終鎖定在了市場研究公司 Research by Design 的 Donna Bonde 所提出的指南(Qualitative market research: When enough is enough)。

筆者認(rèn)為其建設(shè)性在于:

  1. 從不同研究方法的用途出發(fā),論證了定性研究適用樣本量的數(shù)量級迥異于定量研究的合理性;
  2. 從實(shí)際的操作過程來探究樣本量與所發(fā)現(xiàn)問題數(shù)量的關(guān)系;
  3. 在上述論述范圍內(nèi),再去嘗試解構(gòu)對樣本量構(gòu)成影響的因素,這使其能夠根據(jù)具體情況進(jìn)行相對精確的樣本量估算;
  4. 這種思路,使得其脫離了具體的使用場景——所使用的具體定性研究方法,單純針對「樣本量的設(shè)定」這一問題本身,這使其具備了相當(dāng)?shù)耐ㄓ眯浴?/li>

因此,筆者參照其分析進(jìn)行了對樣本量的設(shè)定[6]。先根據(jù)實(shí)際項(xiàng)目及團(tuán)隊(duì)情況,對相關(guān)因素進(jìn)行賦值:

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索表4-1 樣本量設(shè)定

再根據(jù)以下公式可得出適用于本項(xiàng)目的樣本量:

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

4.3 量表設(shè)計(jì)

① 量尺設(shè)計(jì)

1)量表類型

由于對評價(jià)對象提供了對立的形象,自然需要使用雙級量尺,即要求被試從 0 點(diǎn)開始向兩端方向發(fā)展的數(shù)值中做出評選。

2)標(biāo)度數(shù)

設(shè)定標(biāo)度數(shù)時(shí)需平衡以下兩點(diǎn):

  1. 足夠精細(xì),充分滿足被試表達(dá)的需求;
  2. 控制數(shù)量,避免選項(xiàng)太過瑣碎。

常用的標(biāo)度數(shù)中,七點(diǎn)評分量表相比五點(diǎn)評分量表能夠得到更準(zhǔn)確的結(jié)果[7],而11點(diǎn)量表所能收集到數(shù)據(jù)雖然最接近正態(tài)分布[8],但對被試來說成本也會隨之增加,增大疲勞效應(yīng),因此,筆者最終選擇了七點(diǎn)標(biāo)度[9]:

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

表4-2 量尺標(biāo)度數(shù)

3)修飾詞

對于量尺的數(shù)字,需要通過形容詞來賦予意義,否則被試很難進(jìn)行判斷[10];且修飾詞需在意義上和相應(yīng)數(shù)值對應(yīng),這似乎很難實(shí)現(xiàn),幸而前人已對不同量尺形容詞就其表示的程度水平進(jìn)行過系統(tǒng)的評估[11],使得筆者能直接繞過這個(gè)問題。

筆者按照所用的標(biāo)度數(shù),選擇了對應(yīng)能產(chǎn)生等現(xiàn)間距的修飾詞:

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

表4-3 量尺修飾詞

② 測量對象的語義轉(zhuǎn)化

基于輸出的文案風(fēng)格與視覺意象及其對應(yīng)策略,可分別確定具體的測量對象[12],再以此設(shè)定能夠顯示其對立形象的形容詞詞對:

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖4-2 語義轉(zhuǎn)化過程

③ 量表結(jié)構(gòu)設(shè)計(jì)

為了避免語義啟動造成被試評價(jià)時(shí)產(chǎn)生偏差,需將有關(guān)系的條目隨機(jī)擺放,并將褒義詞和貶義詞分布在量表兩端而不是互相集中在一邊,以起到語義抑制效果,避免被試在作答前不經(jīng)思考。

另外,在第一輪測試中,筆者發(fā)現(xiàn)不止一位被試在對某一條目評價(jià)時(shí)混淆了其描述對象,除了其個(gè)人認(rèn)知水平外,某些條目在當(dāng)前語境下所展現(xiàn)出的描述關(guān)系依然不夠明確,因此筆者按照條目的描述對象對其進(jìn)行了分類,并說明其描述對象。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖4-3 量表結(jié)構(gòu)

五、空狀態(tài)設(shè)計(jì)

關(guān)于空狀態(tài)本身,相對于本文所涉及的其他內(nèi)容,其作為范式更被設(shè)計(jì)師所熟識,但在設(shè)計(jì)策略及視覺表現(xiàn)上似乎又并非如想象中簡單。

「空狀態(tài)」之稱乃立足于表現(xiàn)層之觀察,其承載的實(shí)際是若干種場景,反饋「空」只是其中的一種也是最后一種手段,條件允許的情況下,應(yīng)當(dāng)首先考慮如何去引導(dǎo)用戶。因本項(xiàng)目落地于空狀態(tài),上述其他設(shè)計(jì)策略不在此展開,下文將詳述空狀態(tài)的設(shè)計(jì)。

5.1 表現(xiàn)空狀態(tài)

① 空狀態(tài)內(nèi)容

空狀態(tài)由兩部分構(gòu)成——反饋和引導(dǎo)?;诋?dāng)前情境的反饋能讓用戶獲悉所發(fā)生之事;在此基礎(chǔ)之上,還需提供引導(dǎo)以幫助用戶完成最終的任務(wù)。

1)反饋

反饋通常由圖像與文案組成,其風(fēng)格應(yīng)契合品牌調(diào)性,其內(nèi)容除了基本的反饋信息外也應(yīng)更多地考慮如何引導(dǎo)用戶。

2)引導(dǎo)

此處的引導(dǎo)指的就是最終根據(jù)實(shí)際情境提供的操作,如無可支持的功能,可以文案形式進(jìn)行表達(dá)。

② 空狀態(tài)結(jié)構(gòu)類型

針對安居客產(chǎn)品中的場景,除了完整的空狀態(tài)結(jié)構(gòu),對于模塊化的頁面,由于模塊本身的高度有限,在數(shù)據(jù)為空時(shí),只取描述文案作為反饋,并在樣式上弱化按鈕使其在當(dāng)前結(jié)構(gòu)下保持原有的視覺權(quán)重,以其為另一種空狀態(tài)結(jié)構(gòu)。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖5-1 空狀態(tài)結(jié)構(gòu)

③ 視圖結(jié)構(gòu)類型

空狀態(tài)本身的結(jié)構(gòu)和布局應(yīng)當(dāng)一致,但對于平臺型產(chǎn)品,伴隨著業(yè)務(wù)復(fù)雜性的是頁面結(jié)構(gòu)的多樣性,這使得空狀態(tài)呈現(xiàn)于不同容器中,為達(dá)到一致的視覺效果在視覺輸出環(huán)節(jié)就需要針對性地定義布局邏輯。

而上述所謂的一致效果即為空狀態(tài)模塊應(yīng)當(dāng)居中展示于所有容器中,但由于空狀態(tài)模塊的重心并非在其物理中心上,因此為達(dá)到視覺居中的效果,在將其物理居中的基礎(chǔ)上還需在垂直方向上作相應(yīng)調(diào)整。

1)完整視圖

視圖的高度隨設(shè)備而變化,因此使用相對定位,布局邏輯即為將空狀態(tài)模塊相對于視圖中心垂直上移固定距離。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖5-2 完整視圖的布局邏輯

2)模塊與列表

對于相近的模塊,可統(tǒng)一其高度(無法通用的場景還需另外定義高度),此時(shí)可使用絕對定位,布局邏輯即為空狀態(tài)模塊相對容器頂部保持固定距離。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖5-3 模塊布的局邏輯

對于列表,由于其高度不固定,在空狀態(tài)時(shí)常規(guī)的處理方式是將空狀態(tài)置于背景之上或 cell 之中,前者不適用于基于白色背景的空狀態(tài)設(shè)計(jì),而后者的形式與其實(shí)際層級關(guān)系不符,因此我們最終選擇了添加 view 來實(shí)現(xiàn)效果,如此就需定義高度來滿足此種場景中的所有情況,其布局邏輯也就與模塊中所應(yīng)用的相同。

5.2 圖示的設(shè)計(jì)策略

圖示的設(shè)計(jì)策略核心在于其內(nèi)容的的表達(dá)即意象的設(shè)定,常規(guī)的以空對象為意象的做法,無更多信息傳達(dá),亦無助于信息傳達(dá),是一種徒增冗余的可視化;以情緒為意象的做法由于其抽象程度和表意當(dāng)應(yīng)用于所有空狀態(tài),這種重復(fù)容易讓用戶厭煩且無趣。

而近來越來越多見的場景化表現(xiàn)形式,設(shè)計(jì)者對于意象的設(shè)定依舊未脫離于上述范疇,更有甚者,一股腦鉆進(jìn)表現(xiàn)形式中不可自拔,竟無明確意象的設(shè)定。

基于上述分析,筆者認(rèn)為更合適的做法是:內(nèi)容上表現(xiàn)所引導(dǎo)的行為(如有),形式上以場景的構(gòu)筑間接表達(dá)意象。此作法更豐滿地引導(dǎo)了行為,表達(dá)方式上也更具感染力。

根據(jù)場景筆者設(shè)定了三類意象:

  1. 平臺無內(nèi)容:虛無
  2. 用戶無操作:行為
  3. 異常情況:環(huán)境

對于「虛無」的概念,即以寫實(shí)的方式在空間層面描繪出來,并讓人置身其中,營造出一種孤寂的氛圍。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖5-4 「虛無」的意象表達(dá)

對于行為及環(huán)境,筆者將抽象的概念具象化,以其為意象。

以「用戶未曾對相關(guān)對象發(fā)表評論」為例,對事物進(jìn)行主觀或客觀的闡述是一種抽象的概念,難以直接可視化,因此筆者將視角落在了行為的表達(dá)或?qū)嵤┬问缴希瑥闹羞x擇了「書寫」這一動作作為意象,同時(shí)在構(gòu)建場景時(shí),打破人和物的比例關(guān)系并夸張?zhí)幚?,形成一種趣味性的觀感,進(jìn)一步觸發(fā)用戶的共情。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖5-5 「評論」的意象表達(dá)

其他場景示例:

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

表5-1 其他場景示例

六、驗(yàn)證實(shí)施及結(jié)果

定性類驗(yàn)證方法相對于埋點(diǎn)數(shù)據(jù)這類定量方法附帶的優(yōu)勢是可在設(shè)計(jì)過程中幫助改進(jìn)設(shè)計(jì),因此,整個(gè)過程中我們根據(jù)測試結(jié)果和測試過程中遇到的問題迭代著設(shè)計(jì)方案以及測試流程本身。

第一輪測試中,被試被觸發(fā)的情感感知與我們的目標(biāo)方向相反,且還發(fā)現(xiàn)了超出我們預(yù)期的視覺可用性問題;文案方面,多組條目用戶無法感知(本身為中性對象除外)。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖6-1 第一輪測試輪廓圖

具體分析如下:

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

表6-1 第一輪測試結(jié)果分析

經(jīng)過對這些結(jié)果和反饋的分析后,我們著手調(diào)整視覺表現(xiàn):進(jìn)一步地分解插畫中視覺表達(dá)構(gòu)成的元素,并探究不同的處理手段與受眾感受間的關(guān)系,以此摸索達(dá)成目標(biāo)風(fēng)格的設(shè)計(jì)策略。并在此基礎(chǔ)上,調(diào)整對應(yīng)的形容詞詞對,使其更精確的表達(dá)對應(yīng)的情感感受。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖6-2 迭代前后方案對比

其后,我們選擇了幾個(gè)具有代表性的場景進(jìn)行了應(yīng)用便進(jìn)行了第二輪測試,在得到了命中預(yù)期范圍的測試結(jié)果后,再對其他頁面進(jìn)行了統(tǒng)一調(diào)整。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖6-3 第二輪測試輪廓圖

在所有方案產(chǎn)出后,針對整體視覺和文案風(fēng)格進(jìn)行了第三輪測試,最終的結(jié)果基本都達(dá)到了預(yù)期,測試到此結(jié)束。

設(shè)計(jì)沉思錄|設(shè)計(jì)風(fēng)格的構(gòu)建與驗(yàn)證方法探索

圖6-4 第三輪測試輪廓圖

七、遺留問題及后續(xù)關(guān)注

7.1 明確「品牌精髓」的定義及應(yīng)用

在撰寫此文的過程中,伴隨著對品牌精髓產(chǎn)生了更深的理解,筆者對于描述性修飾語及情感性修飾語的定義及提煉方式產(chǎn)生了疑問——如「專業(yè)」一詞作為描述性修飾語是否會顯得寬泛?且由于品牌精髓作為后續(xù)加工過程的源頭,決定了整個(gè)加工過程的順利和準(zhǔn)確,因此,對其的準(zhǔn)確理解和應(yīng)用顯得尤為重要。

7.2 進(jìn)一步探索情感轉(zhuǎn)換及其應(yīng)用

在有形產(chǎn)品設(shè)計(jì)領(lǐng)域,早在上世紀(jì)八十年代初便開始關(guān)注人的感性需求及意象與產(chǎn)品設(shè)計(jì)的形態(tài)要素間的關(guān)系,并形成了體系化的理論——感性工學(xué),并從日本汽車行業(yè)的應(yīng)用滲透到了日本各個(gè)產(chǎn)品設(shè)計(jì)領(lǐng)域,進(jìn)而逐漸傳播到西方國家及中國等國家。但在「用戶體驗(yàn)設(shè)計(jì)」行業(yè),尚停留在對「情感化設(shè)計(jì)」一詞朗朗上口卻又渾然無知的階段。

而目前業(yè)界所「熟知」的 Donad. A. Norman 教授提出的三層次理論——亦是情感化設(shè)計(jì)領(lǐng)域除感性工學(xué)理論外另一個(gè)被公認(rèn)的理論體系——更接近于一種世界觀——解決「是什么」的問題——而非方法論——解決「怎么辦」的問題[13],這和 Jesse Jame Garrett 提出的「用戶體驗(yàn)要素」在軟件產(chǎn)品設(shè)計(jì)領(lǐng)域知識框架中的定位類似,因此,在實(shí)際應(yīng)用于交互設(shè)計(jì)與界面設(shè)計(jì)時(shí)還需彌補(bǔ)中間的斷層。

借此次空狀態(tài)改版,筆者在品牌輸出的過程中摸索著情緒感受與設(shè)計(jì)風(fēng)格的映射關(guān)系,形成了初步的構(gòu)建思路,且在關(guān)于感性工程的相關(guān)文獻(xiàn)中得到了印證,但在風(fēng)格應(yīng)用層面,此次只是初作嘗試,尚存在很大優(yōu)化空間。未來,將以此為基礎(chǔ)針對界面進(jìn)行嘗試,并在情感轉(zhuǎn)換層面進(jìn)行更深入的挖掘與探索。

7.3 嘗試建立視覺情感語義詞庫

在設(shè)計(jì)量表的過程中,筆者明顯感受到為測量對象設(shè)定形容詞詞對的困難——準(zhǔn)確把握測量對象與對應(yīng)形象間的聯(lián)想關(guān)系,甚至在實(shí)際測試過程中基于用戶的測試結(jié)果和反饋,筆者持續(xù)迭代著問卷?xiàng)l目及對應(yīng)形容詞詞對的選用。

而以筆者目前對語義差別量表的理解和應(yīng)用,其作為「測量某一客體對受眾的意義」的工具,對于視覺風(fēng)格的構(gòu)建將會是重要的設(shè)計(jì)驗(yàn)證手段。

基于此,有必要尋求并建立一套視覺情感語義詞庫,以保證量表設(shè)計(jì)的有效性。

7.4 確認(rèn)情感測試中建立基準(zhǔn)線的必要性

在測試過程中,筆者明顯覺察到不同被試對相同概念顯著的理解差異,大致分為如下兩種情形:

  1. 認(rèn)識不一樣:如某被試對于文案是否有趣的判斷標(biāo)準(zhǔn)為是否直白。
  2. 錨定偏差:如某被試認(rèn)為文案就應(yīng)該是比較俏皮、小清新的,當(dāng)他看到的方案沒達(dá)到其預(yù)期時(shí),便會認(rèn)為其是沉悶的——實(shí)際上是中性的。

這直接影響到數(shù)據(jù)收集的準(zhǔn)確性。

筆者當(dāng)下的反應(yīng)是應(yīng)當(dāng)對被試先建立基準(zhǔn)線,從而能夠?qū)?shù)據(jù)進(jìn)行加權(quán)處理,但鑒于需要針對問卷?xiàng)l目設(shè)計(jì)對應(yīng)的問題及素材,筆者選擇了更敏捷的做法——把通過訪談所認(rèn)定的存在明顯偏差的結(jié)果作為異常值剔除出最后的統(tǒng)計(jì)。

因此,如后期將語義差別量表列入針對視覺風(fēng)格構(gòu)建的標(biāo)準(zhǔn)驗(yàn)證方法之中,為保證數(shù)據(jù)的準(zhǔn)確性,有必要對是否加設(shè)「建立被試對相關(guān)概念理解及程度的基準(zhǔn)線」這一環(huán)節(jié)進(jìn)行研究和確認(rèn)。

本文以項(xiàng)目為描述對象,因此,并未冗述所涉及到方法的更多細(xì)節(jié)(諸如其概念、優(yōu)劣、使用原則、注意事項(xiàng)等),待時(shí)機(jī)成熟時(shí)我們會陸續(xù)輸出相關(guān)方法及工具(如定性研究中樣本量的設(shè)定、量表中量尺的設(shè)計(jì)、訪談中的注意事項(xiàng)、語義差別量表的設(shè)計(jì)和使用等)的使用指南,包括封裝好的文檔工具,望能拋磚引玉。

(設(shè)計(jì)方法構(gòu)建/驗(yàn)證實(shí)施:張沛俊,視覺探索/實(shí)施:王錚、王君妍)

腳注

  1. 為了更清晰地展示用戶的評價(jià),筆者去除了出現(xiàn)頻次前 100 位中與目標(biāo)內(nèi)容不相關(guān)的詞語,諸如「安居客」、「二手房」、「買房」、「房子」、「平臺」這些與業(yè)務(wù)強(qiáng)相關(guān)的詞語,以及語句中的虛詞,如「而且」——連詞、「挺」——副詞、「呢」——助詞、「到了」——介詞等等。
  2. 筆者并未檢索到市場營銷語境中 Mental Map 的一手文獻(xiàn),而是發(fā)現(xiàn)了行為地理學(xué)領(lǐng)域中的 Mental Mapping——用于呈現(xiàn)個(gè)體對其交互領(lǐng)域的觀點(diǎn)感知,因此,猜測其并非是一個(gè)專有術(shù)語,更像是一個(gè)概念在具體領(lǐng)域中的應(yīng)用,且筆者認(rèn)為其本質(zhì)更像是一種圖示(Schema),因其描繪的是對于信息類別及其之間關(guān)系的組織形式。
  3. The Market[EB/OL]. Chapter Sixteen. [2018-04-08].
  4. Jakob Nielsen 在 1989 年發(fā)表的論文中所主張的樣本量其實(shí)是 3 個(gè),他認(rèn)為該樣本量的 ROI 最高,5 個(gè)已是他在當(dāng)年環(huán)境下進(jìn)行的妥協(xié)。
  5. 人們普遍更熟悉定量方法及相關(guān)術(shù)語,又傾向于以習(xí)慣的視角去看待事物,自然也就會在所有場景下都期望聽到類似的術(shù)語及相似量級的樣本量,在這樣的背景下,以一句「某專家說過,測試5個(gè)用戶足矣」回應(yīng)大家對于樣本量的探討實(shí)在略顯蒼白。因此,即使從這個(gè)角度而言,也必須審慎地看待這個(gè)問題。
  6. 篇幅所限,此處不再贅述公式的含義及不同類型對應(yīng)的賦值,具體可參考研究員 Victor Yocco 對上述指南的應(yīng)用)
  7. Kraig Finstad. Response Interpolation and Scale Sensitivity: Evidence Against 5-Point Scales[J]. Journal of Usability Studies, 2010, 5(3): 108-109.
  8. John Dawes. Five point vs. eleven point scales: Does it make a difference to data characteristics?[J]. Australasian Journal of Market Research, 2002, 10(1): 10.
  9. 在撰寫此文的過程中,筆者對標(biāo)度數(shù)的選擇產(chǎn)生了相關(guān)疑問,進(jìn)一步的檢索讓筆者了解到更多關(guān)于這個(gè)問題各個(gè)層面的討論和研究,但還未發(fā)現(xiàn)最終定論。能夠明確的只有正文中提到的所需平衡的事項(xiàng),以及具體的選擇取決于使用的量表類型及研究目的,更明確的操作建議乃至最佳實(shí)踐還需通過整合前人的研究成果進(jìn)一步提煉,不適宜在項(xiàng)目中進(jìn)行,留待他日。
  10. 筆者在設(shè)計(jì)量尺伊始,便感知到修飾詞語義的精確性對被試評價(jià)時(shí)的影響,但也意識到對其進(jìn)行衡量在當(dāng)前來說是個(gè)不可能完成的任務(wù),因此先選擇了不放置修飾詞。但在第一輪測試中,即使在填寫問卷前進(jìn)行了相關(guān)說明依然有被試對量尺的語義感到困惑,幸而其后在相關(guān)文獻(xiàn)中找到了解決方案。
  11. 布雷特 W. 佩勒姆,哈特·布蘭頓. 心理學(xué)研究方法[M]. 高定國,何凌南等譯. 原書第3版. 北京:機(jī)械工業(yè)出版社, 2013: 69.
  12. 確定測量對象這一步很關(guān)鍵,必須嚴(yán)格對應(yīng)實(shí)際的設(shè)計(jì)策略(在其他的使用場景中有其他具體的參照對象),而不可有任何虛妄想象之處,否則形容詞詞對所表達(dá)的概念無法被被試感知到,因其并未在設(shè)計(jì)方案中有所體現(xiàn)。筆者在初次的量表設(shè)計(jì)中就犯此錯(cuò)誤:針對文案風(fēng)格設(shè)定的形容詞詞對,提煉自所設(shè)定的人格化品牌概念,后在測試中面對相應(yīng)條目時(shí)被試根本無法感知。究其原因,在于文案風(fēng)格的構(gòu)成來自于實(shí)際的設(shè)計(jì)策略,測量對象應(yīng)從中得出。
  13. 三層次理論剖析了人類情感系統(tǒng)的構(gòu)成及相互間的內(nèi)在聯(lián)系,并探究了其對人類感知世界的影響,其所論述的也為廣義上的設(shè)計(jì),換言之,其理論體系嘗試探究的是「是什么」的問題,并未涉及到具體的實(shí)操層面。

 

作者:張沛俊

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心(微信公眾號@58UXD),作者@張沛俊

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

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

    來自廣東 回復(fù)