淺析“以用戶為中心”的觸屏手機(jī)交互設(shè)計(jì)

武瓊瑤，姚遠(yuǎn)，朱順成

（中國(guó)礦業(yè)大學(xué) 藝術(shù)與設(shè)計(jì)學(xué)院，江蘇 徐州 221116）

作為新時(shí)代科技迅猛發(fā)展的產(chǎn)物，觸屏手機(jī)以勢(shì)不可擋的姿態(tài)風(fēng)靡全球，帶給人們?nèi)碌捏w驗(yàn)，成為人們?nèi)粘Ｉ畈豢苫蛉钡漠a(chǎn)品。手機(jī)產(chǎn)品不僅是滿足人們對(duì)于手機(jī)物質(zhì)層面的功能要求，還要關(guān)注人們對(duì)于手機(jī)精神層面的情感體驗(yàn)和心理需求。交互設(shè)計(jì)作為實(shí)現(xiàn)“以用戶為中心”的重要設(shè)計(jì)存在，已越來(lái)越受到人們的關(guān)注。

觸屏手機(jī)交互設(shè)計(jì)的發(fā)展可分為三個(gè)階段：早期由于觸控技術(shù)限制僅滿足功能需求的初級(jí)階段；隨著視覺(jué)和觸控技術(shù)的發(fā)展在設(shè)計(jì)方法上和技術(shù)手段上日益成熟階段；當(dāng)下則進(jìn)入 “以用戶為中心”，更加強(qiáng)調(diào)用戶體驗(yàn)的人機(jī)交互時(shí)代。交互設(shè)計(jì)追求的是通過(guò)設(shè)計(jì)提高產(chǎn)品的可用性，使產(chǎn)品更加適應(yīng)用戶的需求。具體到觸屏手機(jī)的交互設(shè)計(jì)上，就是讓用戶在更加快速﹑簡(jiǎn)單﹑高效地操作手機(jī)，實(shí)現(xiàn)功能的同時(shí)，還要獲得視覺(jué)、聽覺(jué)、觸覺(jué)及心理上的愉悅感。

在觸屏手機(jī)的交互設(shè)計(jì)中如何實(shí)現(xiàn)“以用戶為中心”的原則，完成一個(gè)優(yōu)秀的設(shè)計(jì)作品？筆者認(rèn)為應(yīng)著眼于以下幾個(gè)方面。

一、用戶分析

“以用戶為中心”的產(chǎn)品設(shè)計(jì)，就是要以用戶所需為設(shè)計(jì)目標(biāo)，以滿足用戶情感體驗(yàn)為產(chǎn)品訴求，從用戶的角度出發(fā)所設(shè)計(jì)的產(chǎn)品。因此首先要明白用戶的需求是什么。產(chǎn)品在設(shè)計(jì)前必須要對(duì)使用者的生理和心理都有充分的了解，確定目標(biāo)用戶，針對(duì)多元化的目標(biāo)用戶分析其實(shí)際需求，構(gòu)建出合適的用戶心理模型，以便快速定位產(chǎn)品，節(jié)約支持成本；同時(shí)根據(jù)系統(tǒng)的分析和數(shù)據(jù)參考，設(shè)計(jì)出合適﹑好用的交互系統(tǒng)。

例如年輕的用戶群對(duì)于觸屏手機(jī)的交互需求更偏向時(shí)尚的界面圖形設(shè)計(jì)，流暢及多樣化操作感的交互方式，因此需要以滿足此類族群用戶對(duì)時(shí)尚的追求和新奇體驗(yàn)的情感宣泄。但是由于觸屏手機(jī)作為特殊的移動(dòng)通信設(shè)備，其操作界面相對(duì)狹小，且具有移動(dòng)性和便攜性的特點(diǎn)，交互設(shè)計(jì)上就不能夠一味追求新奇復(fù)雜，還要兼顧體現(xiàn)出簡(jiǎn)潔性﹑易用性和高效性的設(shè)計(jì)原則，提高用戶體驗(yàn)感。如果僅有新奇花哨的操作設(shè)計(jì)，只能夠短時(shí)間吸引用戶的興趣，過(guò)于復(fù)雜的操作即使年輕人也容易產(chǎn)生厭煩感。而老年人用戶則要考慮自身生理?xiàng)l件約束和保守的審美習(xí)慣，對(duì)于觸屏手機(jī)的交互要求則更偏重于針對(duì)老年人生理?xiàng)l件的功能實(shí)用性，如針對(duì)視力功能下降的大字體設(shè)計(jì)，針對(duì)聽力不便的語(yǔ)音播報(bào)設(shè)計(jì)，針對(duì)老年人操作能力限制的簡(jiǎn)單直接的觸控手勢(shì)等等。因此，只有理解用戶的真正訴求，才能設(shè)計(jì)出符合用戶需要的人性化的優(yōu)秀產(chǎn)品。

在“以用戶為中心”的原則下進(jìn)行用戶分析的另一個(gè)要求是需針對(duì)不同的用戶進(jìn)行有效的信息篩分和反饋。進(jìn)入智能手機(jī)時(shí)代，手機(jī)中包含著大量的應(yīng)用程序圖標(biāo)、資訊信息、通知提示等等，這些信息以視覺(jué)的元素呈現(xiàn)出來(lái)都需要在界面中占有一席之地。哪些信息重要或常用，哪些信息次重要或可忽略，同時(shí)顯示的信息，在界面中如何排版設(shè)計(jì)，體現(xiàn)先后主次，這就需要進(jìn)行信息的篩分。

信息篩分就是根據(jù)不同用戶的特點(diǎn)為他們選擇需要優(yōu)先呈現(xiàn)出來(lái)的內(nèi)容。絕大多數(shù)手機(jī)都會(huì)在界面首頁(yè)中始終顯示日期、時(shí)間以及信號(hào)強(qiáng)度等內(nèi)容，這是因?yàn)檫@些信息是手機(jī)的使用者日常必須或最常關(guān)注的。即便如此，在“以用戶為中心”的設(shè)計(jì)思路下，針對(duì)不同的用戶群也會(huì)有不同的設(shè)計(jì)方案。例如老年人手機(jī)的界面中時(shí)間日期的顯示除了字體會(huì)更大更醒目外，有些還額外提供農(nóng)歷的信息。相反，年輕人會(huì)追求更加簡(jiǎn)潔或風(fēng)格化界面的同時(shí)希望獲得更多的信息提示。比如年輕用戶經(jīng)常關(guān)注來(lái)自無(wú)線網(wǎng)絡(luò)、短信、微信等應(yīng)用程序的狀態(tài)，在界面中采用下拉式菜單的交互方式既可以很好地保持界面的清潔，又能夠容納更多的信息內(nèi)容。有自定義功能的快捷桌面可以讓用戶將自己常用的應(yīng)用程序放置在最順手的位置，這樣的設(shè)計(jì)適合較年輕的主力用戶群體。而對(duì)于老年用戶而言，這種需要自行設(shè)定的交互設(shè)計(jì)的操作方式又可能過(guò)于復(fù)雜了。

一旦篩分后的信息獲得用戶的關(guān)注，進(jìn)行人機(jī)交互，就必須有及時(shí)有效地反饋。過(guò)慢的響應(yīng)時(shí)間或過(guò)于復(fù)雜的操作都會(huì)影響用戶對(duì)產(chǎn)品的滿意度。對(duì)于信息篩分和反饋的交互方式，可從以下四點(diǎn)把握：（1）信息內(nèi)容可以被快速準(zhǔn)確傳達(dá)的清晰度；（2）顯示信息可以被準(zhǔn)確辨別的辨識(shí)度；（3）不讓用戶承擔(dān)過(guò)多無(wú)關(guān)累贅信息的簡(jiǎn)明度；（4）重視信息的可操作性，提高信息的反饋速度。

二、交互性設(shè)計(jì)

觸屏手機(jī)的交互設(shè)計(jì)主要解決交互流程以及信息的架構(gòu)與設(shè)計(jì)，包括菜單設(shè)計(jì)﹑硬件界面的定義和交互設(shè)計(jì)文檔等。信息架構(gòu)是交互設(shè)計(jì)中重要的環(huán)節(jié)，它是產(chǎn)品的操作形式和方式。根據(jù)“以用戶為中心”的交互設(shè)計(jì)原則，應(yīng)著重對(duì)觸屏手機(jī)的行為模式、容錯(cuò)性等方面加以優(yōu)化設(shè)計(jì)，這樣才能更好地實(shí)現(xiàn)設(shè)計(jì)的易用性﹑高效性及人性化。

有章可循的行為模式，是指要了解用戶的生理及心理的行為習(xí)慣，使用戶可以快速﹑簡(jiǎn)單﹑易辨﹑愉悅地進(jìn)行操作。作為觸屏手機(jī)的交互設(shè)計(jì)，由于科技進(jìn)步的支持，其觸控方式已由過(guò)去的單點(diǎn)觸控發(fā)展到現(xiàn)在的多點(diǎn)觸控，復(fù)雜的操作方式在吸引新奇用戶的同時(shí)也要使交互操作方式做到易看易學(xué)的直觀性，使用戶可以根據(jù)以往的操作習(xí)慣和經(jīng)驗(yàn)，快速辨別組件的功能操作和了解系統(tǒng)的運(yùn)作方式，使產(chǎn)品操作上能夠做到高效﹑快捷。

適度的容錯(cuò)性即是用戶在交互操作時(shí)允許其錯(cuò)誤操作，而不是以崩潰反饋形式結(jié)束。如果用戶在進(jìn)行人機(jī)操作時(shí)經(jīng)常由于誤操作或頻繁操作而“被死機(jī)”，那將會(huì)大大影響用戶的交互愉悅性，使其產(chǎn)生厭煩感和挫敗感，給產(chǎn)品的用戶體驗(yàn)帶來(lái)負(fù)面影響。例如觸屏手機(jī)的應(yīng)用程序由于錯(cuò)誤或頻繁操作而產(chǎn)生的閃退和死機(jī)現(xiàn)象，尤其是觸屏手機(jī)的觸控操作特點(diǎn)及交互方式的多樣性（點(diǎn)擊﹑拖拽﹑滑動(dòng)等）極容易產(chǎn)生誤操作，打斷用戶的沉浸式體驗(yàn)，使用戶感到懊惱和挫敗，甚至?xí)?duì)產(chǎn)品產(chǎn)生厭煩感，不愿再繼續(xù)使用此類應(yīng)用程序。這種結(jié)果將使此類產(chǎn)品流失大量客戶群。

同時(shí)，對(duì)容錯(cuò)性的設(shè)計(jì)也不能過(guò)于寬松。過(guò)寬的容錯(cuò)性規(guī)則雖然不會(huì)打斷用戶的操作行為，但是會(huì)降低對(duì)用戶操作行為識(shí)別的準(zhǔn)確性，容易產(chǎn)生對(duì)用戶操作的誤判，同樣會(huì)讓用戶產(chǎn)生負(fù)面情緒，影響體驗(yàn)效果。因此，對(duì)于容錯(cuò)性的設(shè)計(jì)，需要在容錯(cuò)與誤判二者之間，找到一個(gè)相對(duì)平衡的位置。

在“以用戶為中心”的設(shè)計(jì)思路下，可根據(jù)不同用戶的行為習(xí)慣和功能訴求找到最合理的容錯(cuò)方式。例如某觸控手機(jī)閱讀程序的交互設(shè)計(jì)，就根據(jù)用戶左右手使用的習(xí)慣，分別設(shè)計(jì)了適合于普通人和左撇子的兩套界面，方便不同的用戶選擇使用。當(dāng)下，觸屏手機(jī)的主流交互方式是使用手指觸控操作，而一些產(chǎn)品針對(duì)用戶的實(shí)際需求，增加了筆形設(shè)備作為輔助的交互操作工具。使用筆形設(shè)備看似是一種較麻煩的操作方式，但由于它接觸面積小，具有比手指更高的操作精確度和更低的出錯(cuò)概率，這恰恰滿足了某些特定用戶的需求，此類產(chǎn)品在市場(chǎng)上獲得了成功。對(duì)于手指操作的觸屏手機(jī)，也有多點(diǎn)觸控與單點(diǎn)觸控之分，前者允許用戶一次性實(shí)現(xiàn)更復(fù)雜的操作，后者雖然功能簡(jiǎn)單，但更加準(zhǔn)確和直觀，因此在一些手機(jī)交互設(shè)計(jì)應(yīng)用中還同時(shí)保留了兩種觸控方式供用戶選擇。

總的來(lái)說(shuō)，對(duì)于觸屏手機(jī)而言，“以用戶為中心”的交互設(shè)計(jì)就是通過(guò)對(duì)用戶的分析與理解，設(shè)計(jì)出符合用戶需要的交互形式，使用戶在交互操作下獲得沉浸感和愉悅感，更有效地將人的操作與機(jī)器功能的實(shí)現(xiàn)融合為一體。

三﹑圖形界面設(shè)計(jì)

圖形界面設(shè)計(jì)是通過(guò)視覺(jué)元素的設(shè)計(jì)，從文字、圖形、色彩等方面對(duì)界面進(jìn)行有特色的組織和歸納，呈現(xiàn)不同的設(shè)計(jì)風(fēng)格，進(jìn)而表達(dá)設(shè)計(jì)者的設(shè)計(jì)理念，并由此來(lái)傳達(dá)設(shè)計(jì)情感，甚至引起用戶的情感共鳴。

隨著人們對(duì)手機(jī)通訊設(shè)備從功能到用戶體驗(yàn)的思想轉(zhuǎn)變，人們對(duì)觸屏手機(jī)圖形界面設(shè)計(jì)的審美和需求也在不斷改變。越來(lái)越多的圖形界面設(shè)計(jì)呈現(xiàn)在人們的視線里。然而，圖形界面設(shè)計(jì)不是越復(fù)雜越花哨就越好，在“以用戶為中心”的設(shè)計(jì)思路下，用戶需要的不單純是美術(shù)上色彩和圖形的吸引眼球的內(nèi)容，更需要融合了設(shè)計(jì)師情感能帶給用戶愉悅體驗(yàn)的設(shè)計(jì)作品。

色彩和圖形是最能夠直接刺激用戶視覺(jué)并激發(fā)用戶情感的媒介。色彩是界面設(shè)計(jì)中最直觀和常用的元素，它的表現(xiàn)方式直接而強(qiáng)烈，往往能夠左右人們的情緒和情感。例如藍(lán)色調(diào)會(huì)讓人感到憂郁或靜謐，紫色會(huì)讓人感到神秘和高貴，綠色給人們以生機(jī)和純凈，紅色則代表熱烈和希望……色彩在心理學(xué)中的作用以及社會(huì)學(xué)、倫理學(xué)中作用等，早已被人類所重視研究。在“以用戶為中心”界面設(shè)計(jì)中，色彩的元素也是最常被使用的。突出的色調(diào)主題大多會(huì)使用戶產(chǎn)生和諧統(tǒng)一感，而對(duì)比色的設(shè)計(jì)會(huì)產(chǎn)生強(qiáng)烈的視覺(jué)對(duì)比，給用戶留下深刻影響。統(tǒng)一色調(diào)的藍(lán)色系圖形界面色彩設(shè)計(jì)，更容易突出科技感和寧?kù)o感，現(xiàn)已被大多數(shù)電子科技產(chǎn)品運(yùn)用到其設(shè)計(jì)中。而閱讀軟件的界面則更多地使用柔和的綠色調(diào)和較低的飽和度，以減少用戶在長(zhǎng)時(shí)間觀看屏幕時(shí)產(chǎn)生的疲勞感。對(duì)于按鍵﹑操作區(qū)與非操作區(qū)也可以使用色彩設(shè)計(jì)區(qū)分。醒目的顏色更容易吸引用戶的注意力，有提醒和使用戶關(guān)注的作用，往往用于操作區(qū)的設(shè)計(jì)。柔和的色彩令人感到舒適，可作為非操作區(qū)或背景界面的色彩基調(diào)。

圖形也是界面設(shè)計(jì)中重要的元素。圖形給人們的印象要深于文字。圖形是形狀和情感的結(jié)合，表現(xiàn)形式直觀形象,易于被人們所接受。人們?cè)谶€不懂語(yǔ)言和文字的時(shí)候，就懂得用圖形記錄的方式記錄信息、傳遞情感。可視化的圖形更能吸引人們的視線，激發(fā)人的興趣。Alan Cooper曾說(shuō)過(guò)：圖形交互界面更接近于用戶的心理模型。例如手機(jī)應(yīng)用中的設(shè)置鍵設(shè)計(jì)，已潛移默化地被人們以機(jī)械齒輪的圖形所接受和習(xí)慣；信息圖標(biāo)是信封或?qū)υ捒虻膱D標(biāo)顯示；聲音圖標(biāo)是喇叭圖案；電話按鍵則是電話話筒的形狀等等。這些被廣泛應(yīng)用的圖形設(shè)計(jì)，就是一種“以用戶為中心”的設(shè)計(jì)原則的體現(xiàn)，使用戶可以更快捷更迅速地掌握操作方式，提高了操作效率，增加了產(chǎn)品的易用度和易識(shí)別度，提高了用戶體驗(yàn)感，是交互界面設(shè)計(jì)中不可或缺的元素。

觸屏手機(jī)界面的布局和規(guī)劃也是界面設(shè)計(jì)的一個(gè)重要元素。觸屏手機(jī)界面的特點(diǎn)是屏幕相對(duì)狹小，可觸空間有限。合理的布局會(huì)使用戶視覺(jué)上產(chǎn)生放大界面的效果，且可使界面顯得一目了然，間接引導(dǎo)用戶較快捷地尋找關(guān)注的對(duì)象，提高用戶的操作效率，使用戶可以有愉悅﹑流暢的體驗(yàn)。此外，界面中的圖標(biāo)尺寸也要適度。圖標(biāo)設(shè)計(jì)過(guò)大會(huì)使整個(gè)圖形界面顯得比例失調(diào)，不夠美觀。而圖標(biāo)設(shè)計(jì)過(guò)小，則會(huì)造成用戶的操作困難，降低交互的愉悅性，影響用戶體驗(yàn)效果。

四﹑結(jié)語(yǔ)

交互設(shè)計(jì)是藝術(shù)和技術(shù)的結(jié)合，是情感表達(dá)的體現(xiàn)。交互設(shè)計(jì)應(yīng)重視用戶體驗(yàn)的感受?！耙杂脩魹橹行摹彼悸废碌挠|屏手機(jī)交互設(shè)計(jì)，就是要求在設(shè)計(jì)中與用戶緊密結(jié)合，關(guān)注用戶所需，理解用戶情感。這樣才能在滿足用戶對(duì)于產(chǎn)品功能性要求的基礎(chǔ)上，關(guān)注用戶情感的交互和體驗(yàn)，才能在技術(shù)的支撐下，拉近人機(jī)距離，設(shè)計(jì)出更優(yōu)秀和更人性化的交互作品。