如何構(gòu)建和驗(yàn)證設(shè)計(jì)風(fēng)格?來(lái)看高手的實(shí)戰(zhàn)案例!

2018-12-25    資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 

文章目錄

  1. 品牌定義
  2. 品牌映射(設(shè)計(jì)風(fēng)格構(gòu)建)
  3. 驗(yàn)證方案設(shè)計(jì)
  4. 空狀態(tài)設(shè)計(jì)
  5. 驗(yàn)證實(shí)施及結(jié)果
  6. 遺留問題及后續(xù)關(guān)注

品牌定義

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

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

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

同時(shí),我們也想了解用戶在使用安居客過(guò)程中所形成的總體印象并將其作為補(bǔ)充,因此,抓取了應(yīng)用市場(chǎng)上安居客用戶的正面反饋并從中提煉出高頻詞匯。

△ 用戶評(píng)價(jià)詞云圖

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

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

△ 品牌心智地圖

3. 提煉品牌精髓(Brand Mantra)

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

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

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

△ 品牌精髓

小結(jié)

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

△ 品牌概念抽象過(guò)程

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

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

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

首先,嘗試將品牌概念人格化,以作為后續(xù)推導(dǎo)過(guò)程中的燈塔,避免偏離航向?;谒釤挸龅钠放凭?,演繹出以下設(shè)定:

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

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

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

△ 改版前文案風(fēng)格

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

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

  • 以書面語(yǔ)語(yǔ)體替代口語(yǔ)語(yǔ)體——遣詞更豐富、正式。如:挑選房源(去看看房子);樓盤優(yōu)惠活動(dòng)供你參與(快去看看哪些房子有活動(dòng)吧);查看樓盤詳情(你還可以看看其他的哦~)。
  • 以平鋪直敘的敘事風(fēng)格替代行銷口吻及俏皮語(yǔ)氣。如:除了旁觀,你也能發(fā)表自己的真知灼見(快參與你喜歡的話題發(fā)表評(píng)論吧!);可查看全部樓盤資訊(先看看其他人的動(dòng)態(tài)~)。
  • 構(gòu)建統(tǒng)一的句式結(jié)構(gòu)。

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

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

△ 句式結(jié)構(gòu)構(gòu)建過(guò)程

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

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

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

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

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

△ 色的定義

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

△ 形的定義

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

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

  • 光影
  • 背景

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

△ 品牌色的處理

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

△ 人的顏色應(yīng)用

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

  • 與人的交互形成行為意象的傳達(dá);
  • 作為對(duì)環(huán)境的勾勒,構(gòu)成對(duì)場(chǎng)景的交代或環(huán)境意象的傳達(dá)。

對(duì)應(yīng)到結(jié)構(gòu),分別為:

  • 作為主體的單一物件;
  • 構(gòu)成近景與遠(yuǎn)景的不同物件。

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

△ 物的顏色應(yīng)用

光影

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

△ 光照的顏色應(yīng)用

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

形的應(yīng)用:元素形狀、元素方向、主體占比、主體位置。

元素形狀:避免銳利的切角,更多的用矩形及圓形這類相對(duì)更穩(wěn)定的形狀。

△ 元素形狀定義

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

△ 元素方向定義

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

△ 主體占比定義

主體位置:置于畫面中心偏下。

△ 主體位置定義

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

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

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

那如何測(cè)量人的情感呢?

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

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

△ 驗(yàn)證思路

2. 樣本量設(shè)定

定性研究方法并非如定量研究方法那般天然具備確定樣本量的統(tǒng)計(jì)技術(shù),目前也尚無(wú)通用的技術(shù),業(yè)界較為熟知的 Jakob Nielsen 所提出的「可用性研究只需測(cè)試5個(gè)用戶」的說(shuō)法,由于其限于可用性研究,「測(cè)試5個(gè)用戶」的說(shuō)法也只是總結(jié)性的論述,實(shí)際也需酌情判斷,因此,為了確保獲取足夠的數(shù)據(jù),筆者嘗試尋求更和通用的解決方案,最終鎖定在了市場(chǎng)研究公司 Research by Design 的 Donna Bonde 所提出的指南(Qualitative market research: When enough is enough)。

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

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

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

△ 樣本量設(shè)定

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

3. 量表設(shè)計(jì)

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

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

標(biāo)度數(shù):設(shè)定標(biāo)度數(shù)時(shí)需平衡兩點(diǎn),足夠精細(xì),充分滿足被試表達(dá)的需求;控制數(shù)量,避免選項(xiàng)太過(guò)瑣碎。

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

△ 量尺標(biāo)度數(shù)

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

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

△ 量尺修飾詞

測(cè)量對(duì)象的語(yǔ)義轉(zhuǎn)化

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

△ 語(yǔ)義轉(zhuǎn)化過(guò)程

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

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

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

△ 量表結(jié)構(gòu)

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

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

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

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

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

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

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

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

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

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

△ 空狀態(tài)結(jié)構(gòu)

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

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

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

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

△ 完整視圖的布局邏輯

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

△ 模塊布的局邏輯

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

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

圖示的設(shè)計(jì)策略核心在于其內(nèi)容的表達(dá)即意象的設(shè)定,常規(guī)的以空對(duì)象為意象的做法,無(wú)更多信息傳達(dá),亦無(wú)助于信息傳達(dá),是一種徒增冗余的可視化;以情緒為意象的做法由于其抽象程度和表意當(dāng)應(yīng)用于所有空狀態(tài),這種重復(fù)容易讓用戶厭煩且無(wú)趣;而近來(lái)越來(lái)越多見的場(chǎng)景化表現(xiàn)形式,設(shè)計(jì)者對(duì)于意象的設(shè)定依舊未脫離于上述范疇,更有甚者,一股腦鉆進(jìn)表現(xiàn)形式中不可自拔,竟無(wú)明確意象的設(shè)定。

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

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

  • 平臺(tái)無(wú)內(nèi)容:虛無(wú)
  • 用戶無(wú)操作:行為
  • 異常情況:環(huán)境

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

△ 「虛無(wú)」的意象表達(dá)

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

△ 「評(píng)論」的意象表達(dá)

其他場(chǎng)景示例:

△ 其他場(chǎng)景示例

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

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

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

△  第一輪測(cè)試輪廓圖

具體分析如下:

△ 第一輪測(cè)試結(jié)果分析

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

△ 迭代前后方案對(duì)比

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

△ 第二輪測(cè)試輪廓圖

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

△  第三輪測(cè)試輪廓圖

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

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

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

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)而逐漸傳播到西方國(guó)家及中國(guó)等國(guó)家。但在「用戶體驗(yàn)設(shè)計(jì)」行業(yè),尚停留在對(duì)「情感化設(shè)計(jì)」一詞朗朗上口卻又渾然無(wú)知的階段。

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

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

3. 嘗試建立視覺情感語(yǔ)義詞庫(kù)

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

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

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

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

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

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

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

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

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

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

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。


日歷

鏈接

個(gè)人資料

存檔