產(chǎn)品硬件界面中視覺邏輯的構(gòu)建研究

張瀾　曹鳴

摘要：

在產(chǎn)品硬件界面設(shè)計(jì)研究中，并未將視覺邏輯作為一個(gè)完善的理論方法進(jìn)行過系統(tǒng)的研究。對(duì)視覺邏輯的理論研究需要綜合心理學(xué)、用戶體驗(yàn)分析、符號(hào)學(xué)等多學(xué)科多方向后，再進(jìn)行全面的視覺邏輯理論構(gòu)建研究。在視覺邏輯的構(gòu)建研究中，視覺信息感知要素是重要的研究對(duì)象，用戶行為邏輯是重要的研究路徑，通過對(duì)幾種典型視覺信息要素特點(diǎn)的分析，從用戶行為研究的角度總結(jié)歸納出視覺信息感知要素在產(chǎn)品硬件界面視覺邏輯構(gòu)建中的作用，探索產(chǎn)品硬件界面中視覺邏輯構(gòu)建的途徑及方式方法，為產(chǎn)品設(shè)計(jì)中硬件界面的深度研究提供理論依據(jù)，為提升產(chǎn)品用戶體驗(yàn)提供科學(xué)的行為準(zhǔn)則。

關(guān)鍵詞：

產(chǎn)品硬件界面 視覺邏輯 視覺信息感知要素 構(gòu)建

引言

當(dāng)今的產(chǎn)品設(shè)計(jì)，產(chǎn)品硬件界面已發(fā)展成為一個(gè)復(fù)雜廣泛的系統(tǒng)，在大多產(chǎn)品開發(fā)過程中，對(duì)產(chǎn)品硬件界面的研究主要集中在基礎(chǔ)人因和工藝技術(shù)兩個(gè)方面，對(duì)操作過程中的行為邏輯很少進(jìn)行科學(xué)的定義及規(guī)范，當(dāng)前行為邏輯的研究只是對(duì)用戶行為的單方面研究，并未深入研究產(chǎn)品硬件界面是如何對(duì)用戶行為邏輯產(chǎn)生影響的。視覺邏輯作為用戶行為邏輯中的重要組成部分，是構(gòu)建產(chǎn)品用戶體驗(yàn)的首要邏輯準(zhǔn)則。

一、產(chǎn)品硬件界面中視覺邏輯的定義

視覺邏輯最初的定義是在平面設(shè)計(jì)領(lǐng)域中，將用戶的視覺、心理、生理等感知聯(lián)系在一起，對(duì)元素的科學(xué)性、邏輯性、條理性的表述。而后在新聞學(xué)中，視覺邏輯是指在新聞的拍攝過程中拍攝的場(chǎng)景、場(chǎng)景中人物的動(dòng)作以及新聞的文字論述符合合理邏輯這一特定現(xiàn)象。

產(chǎn)品硬件界面設(shè)計(jì)中，我們將視覺邏輯定義為通過對(duì)人的直覺與意識(shí)行為的研究與理解，把某種行為系統(tǒng)規(guī)劃以視覺化的形式使之符合相關(guān)的合理邏輯的表述。產(chǎn)品硬件界面中的視覺邏輯注重對(duì)象之間的次序與邏輯關(guān)系，提供更多系統(tǒng)和子系統(tǒng)的詳細(xì)描述。合理的視覺邏輯能夠提升用戶的行為感知，優(yōu)化產(chǎn)品的用戶體驗(yàn)過程。

二、產(chǎn)品硬件界面中構(gòu)建視覺邏輯的信息要素

用戶與產(chǎn)品進(jìn)行最直接的視覺邏輯接觸是通過視覺信息要素進(jìn)行的，視覺信息要素是產(chǎn)品硬件界面中的一種基礎(chǔ)和藝術(shù)。產(chǎn)品硬件界面中構(gòu)建視覺邏輯的視覺信息要素主要包括布局、形態(tài)，體量、視覺符號(hào)、質(zhì)感/色彩以及多感官交互方式等，這些都是作為形式化的邏輯存在。

布局信息要素

布局是對(duì)產(chǎn)品界面中功能元件進(jìn)行整體的規(guī)劃，其目的是要求產(chǎn)品的硬件界面分區(qū)科學(xué)，功能明確，注重信息的分組及行為排序。

根據(jù)不同的信息規(guī)劃，產(chǎn)品硬件界面中的布局方式大致可分為以下五種：接近式布局，相似式布局，單一終點(diǎn)式布局，連續(xù)式布局，對(duì)稱式布局。相關(guān)特征如表1：

形態(tài)，體量信息要素

在產(chǎn)品硬件界面中，形態(tài)一般是指界面中相關(guān)輸入輸出設(shè)備的相關(guān)形態(tài)，如我們常見的按鈕、旋鈕等，其形態(tài)目標(biāo)在于產(chǎn)品易用性。DonNorman在《設(shè)計(jì)心理學(xué)》一書中提出了“感知功能可見性”這一概念，他強(qiáng)調(diào)“無論是在生活中還是在電腦屏幕上，如果想讓用戶使用一個(gè)物體，就要保證他們輕易地察覺并理解它是什么以及如何使用”。從視覺感知上來說，合理的形態(tài)元素能得到用戶視覺上的關(guān)注和減輕行為的疲勞度。

產(chǎn)品硬件界面中，體量元素通常是與形態(tài)元素想綁定的信息要素。但也存在一定的可獨(dú)立探討性，相同的形態(tài)元素，由于體量不同，會(huì)形成不同的信息輸出。

視覺符號(hào)信息要素

從皮爾士的符號(hào)學(xué)理論來說，符號(hào)是可以被人理解或解釋，或者是對(duì)某人具有一定意義的東西，因此視覺符號(hào)應(yīng)當(dāng)包含抽象信息確切傳播信息的意義，而且應(yīng)遵循主流的視覺形式。視覺符號(hào)信息要素的特性分別是共識(shí)性和差異性。所謂共識(shí)性是具有相同文化背景和視覺經(jīng)驗(yàn)的用戶對(duì)于視覺符號(hào)也有相同的理解。表2是產(chǎn)品硬件界面中常見的幾個(gè)圖形視覺符號(hào)簡化形式，這些符號(hào)所傳播的意義基本上已經(jīng)成為主流的行業(yè)用語，具有共識(shí)性。差異性是指視覺符號(hào)之間應(yīng)當(dāng)有明顯的區(qū)別來辨別其含義，但不應(yīng)選擇復(fù)雜的形式表示，也不應(yīng)使用會(huì)產(chǎn)生歧義或多重含義的視覺符號(hào)。

材質(zhì)/色彩信息要素

材質(zhì)是指材料和質(zhì)感的結(jié)合后看到的視覺信息要素，材料和色彩均屬于可視表面屬性要素。材質(zhì)作為視覺要素在產(chǎn)品界面上包含紋理、光滑度、透明度等幾大屬性。從視覺上來說，透明塑料材質(zhì)給人一種輕巧的印象，金屬拉絲材質(zhì)給人一種深沉的科技感。用戶對(duì)材料的感受高于視覺。近年來逐漸開發(fā)出各種受人關(guān)注的新材料，因其不同的成本原因，材料會(huì)對(duì)品牌產(chǎn)生影響。色彩作為信息要素可以直接反映物體的特征，色彩搭配關(guān)系達(dá)到一定的視覺效果會(huì)起到短時(shí)“凝聚”人的視覺的作用。對(duì)于特殊功能的按鍵或常用按鍵，通常會(huì)將材料和色彩兩種信息要素結(jié)合在一起，特殊材質(zhì)與普通材質(zhì)形成對(duì)比，搭配不同色彩的視覺符號(hào)或材質(zhì)顏色，通過提高該要素的視覺邏輯層級(jí)以達(dá)到被快速識(shí)別的目的。

聲/光/動(dòng)畫等新交互手段信息要素

伴隨著新型硬件交互的興起，更多的高科技手段應(yīng)用于產(chǎn)品硬件界面上，聲音、光還有動(dòng)畫已經(jīng)成為很普通的感知因素。聲音作為一種信息要素是對(duì)用戶瞬間動(dòng)作的直接反饋，可以讓用戶知道操作是否完成。光作為視覺上的直觀反饋，方便用戶更好地了解顯示狀態(tài)。光一般有兩種顯示狀態(tài)，一種是一閃而過，對(duì)應(yīng)的是操作動(dòng)作的完成，如遙控裝置上的開關(guān)指示燈；另一種是常亮燈，對(duì)應(yīng)的是產(chǎn)品的運(yùn)行狀態(tài)，如電視機(jī)的電源指示燈。動(dòng)畫作為信息要素的存在主要因?yàn)槠洹皠?dòng)”的特性所以使想要表現(xiàn)的內(nèi)容更具有視覺沖擊力，比如小天鵝滾筒洗衣機(jī)電源開啟后屏幕會(huì)出現(xiàn)小天鵝品牌標(biāo)志的動(dòng)畫。

三、產(chǎn)品硬件界面視覺邏輯的構(gòu)建方式

層級(jí)性構(gòu)建方式

產(chǎn)品硬件界面中的層級(jí)性是指視覺要素信息根據(jù)重要程度和界面上受用戶喜歡的特色功能設(shè)置成不同的信息層級(jí)，通過對(duì)不同層級(jí)信息的視覺表現(xiàn)起到有效的提示、引導(dǎo)和使用的作用。

形象地來說，層級(jí)性體現(xiàn)的是遞進(jìn)結(jié)構(gòu)：視覺要素信息的數(shù)量是從少到多，重要程度和關(guān)鍵性是從低到高。產(chǎn)品硬件界面視覺邏輯的層級(jí)性可以用1個(gè)具有象征意義的“倒金字塔”來闡述：從用戶實(shí)際操作的角度來說，優(yōu)先注意到的視覺信息其層級(jí)越應(yīng)該排在前面；從設(shè)計(jì)師設(shè)計(jì)的角度來說，產(chǎn)品功能越重要，則該功能的視覺信息層級(jí)應(yīng)當(dāng)越高。

Level I第一層級(jí)是基本信息。Level ll是第二層級(jí)，在這個(gè)層級(jí)中以改變一個(gè)視覺信息要素為標(biāo)準(zhǔn)，比如改變大小、形狀、材質(zhì)、色彩，增加聲光動(dòng)畫、內(nèi)輪廓等CMF效果，第三層級(jí)Level III是在第二層級(jí)的基礎(chǔ)上再增加一個(gè)視覺信息要素的改變，第四層級(jí)以此類推。

如表4，以電源開關(guān)鍵為例，Level ll改變了一個(gè)視覺信息要素，Level III改變了兩個(gè)視覺信息要素，Level IV以此類推。雖然改變的視覺要素越多，層級(jí)性越高，越易區(qū)分，但過多地改變會(huì)造成視覺混亂，影響界面的整體美感，因此可以采用燈光、動(dòng)畫等操作時(shí)才會(huì)顯現(xiàn)的隱藏式視覺信息要素。

圖1為是兩個(gè)應(yīng)用層級(jí)性構(gòu)建方式的案例，左邊鍵盤在未啟動(dòng)時(shí)，所有按鍵均為黑色，整體硬件界面視覺平衡。為了提高Panic按鍵的層級(jí)，附加了隱藏式視覺要素，因此啟動(dòng)后Panic按鍵會(huì)發(fā)出紅色的燈光。右邊圖片為汽車的一鍵啟動(dòng)按鈕，這個(gè)按鈕表面采用銀白色金屬拉絲，符號(hào)采用沖壓方式增強(qiáng)用戶的使用觸感，其視覺邏輯層級(jí)性明顯高于其他按鍵。

流暢性構(gòu)建方式

產(chǎn)品硬件界面中視覺邏輯的流暢性是指用戶的使用操作是個(gè)連續(xù)的過程，這個(gè)連續(xù)性既是指空間上的連續(xù)性，也是指時(shí)間上的連續(xù)性，是對(duì)用戶行為的管理。在產(chǎn)品硬件界面中，空間上的連續(xù)性包括視覺要素信息之間所在的硬件界面位置有所呼應(yīng)，設(shè)計(jì)師在設(shè)計(jì)的過程中進(jìn)行了一定的規(guī)劃，而這種規(guī)劃在用戶操作的過程中十分順暢，但這種規(guī)劃從語義學(xué)的角度來說就是并未特別強(qiáng)調(diào)指定的路徑或者是對(duì)象，用戶會(huì)在完成當(dāng)前操作后自覺、流暢地進(jìn)行下一步操作，流暢性是對(duì)用戶操作行為的管理產(chǎn)生的影響，是對(duì)用戶行為邏輯的基本要求。以洗衣機(jī)為例，啟動(dòng)按鍵與功能參數(shù)按鍵距離過遠(yuǎn)會(huì)打斷用戶操作的連續(xù)過程，因此視覺邏輯的構(gòu)建要遵循流暢性的構(gòu)建方式。

管理性構(gòu)建方式

管理是個(gè)很寬泛的概念，在產(chǎn)品硬件界面視覺邏輯中管理的內(nèi)容包括安全性、容錯(cuò)性以及品牌管理。以微波爐、烤箱、洗衣機(jī)等家電為例，該系列產(chǎn)品一旦啟動(dòng)運(yùn)行后，隨意開啟控制面板易發(fā)生安全事故，從安全性的角度考慮會(huì)設(shè)定自動(dòng)或手動(dòng)的門鎖控制按鍵，為用戶的操作使用提供安全保障。容錯(cuò)性是指在操作過程中會(huì)出現(xiàn)用戶操作錯(cuò)誤或失誤的概率是不可避免的，因此在用戶產(chǎn)生錯(cuò)誤時(shí)，系統(tǒng)應(yīng)當(dāng)進(jìn)行一定的提醒，比如警告音、紅色燈光指示等，一旦操作錯(cuò)誤沒有及時(shí)修正，系統(tǒng)會(huì)自動(dòng)終止操作或系統(tǒng)復(fù)位。

品牌管理主要是對(duì)品牌標(biāo)識(shí)的視覺符號(hào)、品牌色彩等視覺信息的管理。對(duì)品牌標(biāo)識(shí)合理的管理會(huì)讓用戶在操作過程之前尋找到產(chǎn)品的特色功能，為后續(xù)的操作邏輯提供方向，因此品牌標(biāo)識(shí)應(yīng)當(dāng)放置在顯眼卻不阻礙用戶操作的地方。品牌色彩主要是在層級(jí)性引導(dǎo)、特殊視覺符號(hào)表示上采用具有品牌基因的顏色搭配，每個(gè)品牌的產(chǎn)品系列視覺符號(hào)顏色統(tǒng)一，用戶的品牌概念清晰。如小天鵝品牌的天藍(lán)色、美的品牌的酒紅色、蘋果產(chǎn)品的銀白色等，這些色彩元素的應(yīng)用既提高了視覺邏輯的層級(jí)性又強(qiáng)調(diào)了對(duì)品牌基因的管理。

四、產(chǎn)品硬件界面中視覺邏輯構(gòu)建原則

系統(tǒng)性構(gòu)建原則

從視覺邏輯的構(gòu)建上來說，視覺信息元素是視覺邏輯系統(tǒng)的基礎(chǔ)組成部分，再由視覺元素元素組合、搭配、排列構(gòu)成不同的功能布局，多個(gè)功能布局結(jié)合相應(yīng)的品牌信息就形成了產(chǎn)品硬件界面，因此首要考慮的為系統(tǒng)性的整體性。

界面的整體性要滿足視覺均衡原則，即視覺信息要素在產(chǎn)品硬件界面上形成布局，滿足對(duì)稱、前后呼應(yīng)或平衡的視覺關(guān)系，品牌信息既要突出又要顧全整個(gè)界面的視覺均衡。對(duì)于層級(jí)性較高的元素，在增加其特殊表達(dá)方式的同時(shí)不應(yīng)破壞系統(tǒng)整體性。

可用性構(gòu)建原則

信息表達(dá)明確、安全均屬于可用性構(gòu)建原則。該原則要求視覺信息元素的表達(dá)能使用戶下意識(shí)明確其信息表達(dá)含義，且不產(chǎn)生誤操作。

另外，該原則要求產(chǎn)品硬件界面上視覺信息元素不存在用戶視力無法看到的視覺死角區(qū)域。當(dāng)產(chǎn)品界面功能變復(fù)雜，品牌需要植入的信息變多，視覺信息要素很可能因?yàn)閿?shù)量過多而被分散設(shè)計(jì)在死角位置，從而影響部分功能的可用性。

易用性構(gòu)建原則

易用性作為視覺邏輯的構(gòu)建原則其目的是為了增強(qiáng)用戶體驗(yàn)。用戶體驗(yàn)通常與用戶的使用心理有關(guān)，滿足視覺平衡的產(chǎn)品硬件界面會(huì)使用戶產(chǎn)生整體感、和諧感，有利于用戶視覺邏輯的推進(jìn)。

與此同時(shí)也要求產(chǎn)品的使用符合大部分人的使用習(xí)慣，不受使用者認(rèn)知能力水平及使用經(jīng)驗(yàn)的限制，通俗而言就是實(shí)際發(fā)生的操作符合用戶所期望的，因此簡單易識(shí)別、符合人機(jī)工程學(xué)邏輯以及合理的響應(yīng)反饋都是構(gòu)成易用性原則的重要依據(jù)。

規(guī)范性構(gòu)建原則

規(guī)范性原則包含兩個(gè)方面：行業(yè)規(guī)范中用戶的操作習(xí)慣，企業(yè)管理中的品牌定位。對(duì)用戶的操作習(xí)慣來說，同一功能的操作應(yīng)當(dāng)一致，不應(yīng)當(dāng)采用多方式的操作表達(dá)。品牌定位要求企業(yè)規(guī)范品牌對(duì)用戶的利益點(diǎn)以及價(jià)值定位，不應(yīng)當(dāng)因產(chǎn)品競(jìng)爭(zhēng)而一再改變，喪失其本身的品牌定位。

結(jié)語

在視覺邏輯的構(gòu)建中，5種視覺信息要素、4種構(gòu)建原則、3種構(gòu)建方法，將產(chǎn)品硬件界面中多種視覺信息元素進(jìn)行了分類以及對(duì)產(chǎn)品的設(shè)計(jì)規(guī)劃提供了方法論，因此視覺邏輯作為產(chǎn)品硬件界面設(shè)計(jì)中新提出的重要理論對(duì)產(chǎn)品功能的設(shè)計(jì)規(guī)劃有指導(dǎo)性的作用。伴隨著產(chǎn)品功能的增多，對(duì)產(chǎn)品硬件界面中視覺邏輯的研究會(huì)讓設(shè)計(jì)師從根源上研究邏輯思維的操作過程，以提升用戶的使用體驗(yàn)為最終目的。