基于用戶體驗(yàn)的手機(jī)界面設(shè)計(jì)初探

摘要：科學(xué)技術(shù)和信息技術(shù)的發(fā)展一定程度上改變了人和手機(jī)的交互方式，與之而來(lái)的手機(jī)界面層出不窮。本文探討的是基于用戶體驗(yàn)的手機(jī)界面，其研究現(xiàn)狀/發(fā)展趨勢(shì)，以及如何更好的理解以用戶為中心的設(shè)計(jì)方法和主題，將之體現(xiàn)在手機(jī)界面上，并從用戶體驗(yàn)設(shè)計(jì)的角度出發(fā)，對(duì)改進(jìn)手機(jī)界面的思路提供參考。

關(guān)鍵詞：用戶體驗(yàn);手機(jī)界面設(shè)計(jì);交互方式;趨勢(shì)

中國(guó)分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A

文章編碼：1672-7053（2019）11-0074-02

手機(jī)界面是用戶和手機(jī)進(jìn)行交互的窗口，隨著手機(jī)的普及，用戶對(duì)手機(jī)界面和體驗(yàn)有了更加高的關(guān)注度。因?yàn)槭謾C(jī)的物理特性和系統(tǒng)特性，它的界面必須要以此為基礎(chǔ)來(lái)合理的設(shè)計(jì)。手機(jī)界面設(shè)計(jì)中最重要的兩個(gè)概念就是產(chǎn)品本身的Ul （UserInterface，用戶界面）設(shè)計(jì)和UX （User Experience，用戶體驗(yàn)）設(shè)計(jì)，這兩個(gè)概念容易混淆且界限模糊，比如部分群體認(rèn)為UI里面囊括了用戶體驗(yàn)，專門被劃分為一板塊;又比如在做UX的設(shè)計(jì)師同時(shí)是UI設(shè)計(jì)師，因?yàn)檫@樣做更多的嶄新、具有創(chuàng)意的手機(jī)界面，反而容易忽視產(chǎn)品的易用性和實(shí)用性，隨著設(shè)計(jì)的界面越來(lái)越豐富，但用戶的體驗(yàn)感可能會(huì)降低。本文拋開(kāi)UI，只探討與分析手機(jī)界面中的UX設(shè)計(jì)。

專門做UX的設(shè)計(jì)師還不多，因?yàn)檫@是比較新興的職業(yè)，盡管以用戶為中心的這個(gè)概念很早就被工業(yè)設(shè)計(jì)師亨利·德雷夫斯倡導(dǎo)與研究，并且推行了以用戶為中心的設(shè)計(jì)方法，之后被廣泛的運(yùn)用到工業(yè)設(shè)計(jì)領(lǐng)域。但是理論基礎(chǔ)上的具體實(shí)踐需要等待時(shí)機(jī)來(lái)發(fā)育形成。這其中研究手機(jī)界面的用戶體驗(yàn)的設(shè)計(jì)師相對(duì)更加稀缺，所以這個(gè)方向和趨勢(shì)都值得去探索和研究。

1用戶體驗(yàn)分析

1.1感官感知分析

用戶的感官特征有視覺(jué)、聽(tīng)覺(jué)和觸覺(jué)，感官受到外界事物的刺激會(huì)做出相應(yīng)的反應(yīng)，依賴于人身體的知覺(jué)和本能的直覺(jué)。從某種方面來(lái)說(shuō)，感官感知對(duì)外界接收的信息是非常直接的，設(shè)計(jì)中考慮最基礎(chǔ)和表層的部分，在手機(jī)界面的圖像、顏色和字體的處理方面，主要考慮用戶的普適性和舒適性。

1.2情感分析

情感是人類主體意識(shí)對(duì)客觀事物的態(tài)度體驗(yàn)，唐納德將大腦活動(dòng)情感層分為三種運(yùn)作層次：本能、行為和反思。可以分別從這三個(gè)層次去思考和延伸，設(shè)計(jì)具有情感的手機(jī)界面。

這其中因?yàn)榍楦惺侵饔^的，所以涉及個(gè)體和用戶體驗(yàn)的差異性。個(gè)體差異性主要指的是每個(gè)用戶都是獨(dú)立的個(gè)體，個(gè)體與個(gè)體之間存在差異，包括年齡、文化、生理和心理上的差異。這些差異使得用戶的互動(dòng)和信息接受受到一定的影響，但是用戶體驗(yàn)感知上存在共同特征，所以面對(duì)所有用戶采取一般通用性設(shè)計(jì)原則。另外還有一些差異是針對(duì)特殊用戶的，如殘疾用戶、老年用戶、兒童等等，必須采取特殊設(shè)計(jì)原則。

1.3認(rèn)知評(píng)價(jià)分析

用戶的認(rèn)知心理是心理學(xué)研究的內(nèi)容，現(xiàn)代心理學(xué)的主流認(rèn)為認(rèn)知過(guò)程就是信息加工的過(guò)程，人的認(rèn)知過(guò)程包括如何接受信息、如何將接受的信息表征和轉(zhuǎn)化、將轉(zhuǎn)化的知識(shí)存儲(chǔ)，并且指導(dǎo)我們的思想和行動(dòng)。

用戶認(rèn)知評(píng)價(jià)同樣體現(xiàn)在手機(jī)界面上，例如用戶對(duì)手機(jī)有基本認(rèn)知，知道手機(jī)的操作方式、功能和作用，在使用完后對(duì)手機(jī)體驗(yàn)感有所評(píng)價(jià)，根據(jù)用戶的認(rèn)知評(píng)價(jià)，可以收集資料整合相關(guān)數(shù)據(jù)，對(duì)操作界面改進(jìn)和優(yōu)化。另外，在手機(jī)操作界面上主要強(qiáng)調(diào)它的易用性和可用性，可以避免過(guò)于關(guān)注表面視覺(jué)設(shè)計(jì)，從而忽略用戶體驗(yàn)設(shè)計(jì)的重要性。

2基于用戶體驗(yàn)的手機(jī)界面交互方式

技術(shù)的發(fā)展極大地改變了手機(jī)的用戶體驗(yàn)，例如觸摸屏、多置攝像頭、指紋識(shí)別技術(shù)、衛(wèi)星定位系統(tǒng)等等，解鎖了用戶與手機(jī)的多種交互方式，也增強(qiáng)了用戶的體驗(yàn)感。從了解用戶的交互模式開(kāi)始，分析各種可能的用戶體驗(yàn)，能夠進(jìn)一步了解和感知手機(jī)界面設(shè)計(jì)的重要因素。

2.1基本交互方式

目前市面上大部分是觸摸屏手機(jī)，是普遍的發(fā)展趨勢(shì)。觸摸屏是一種直接控制的指點(diǎn)設(shè)備，用戶可以直接用手指觸摸屏幕來(lái)控制界面，操作方式有點(diǎn)擊、長(zhǎng)按、移動(dòng)、拖拽等（如圖1），這種直接操作的方式使用戶能立刻得到觸感和信息反饋，互動(dòng)體驗(yàn)在虛擬網(wǎng)絡(luò)中達(dá)到類似真實(shí)的效果。而手機(jī)的操作媒介是手指，所以輸入受限，精準(zhǔn)度不那么高，設(shè)計(jì)要考慮容錯(cuò)范圍從而降低錯(cuò)誤率。

2.2復(fù)雜交互方式

這里所說(shuō)的復(fù)雜方式主要建立在基本操作互動(dòng)的方式上，部分手機(jī)用戶不經(jīng)常使用潛在功能，依靠一些觸控技術(shù)和傳感技術(shù)來(lái)實(shí)現(xiàn)，例如復(fù)雜的手勢(shì)控制，用敲擊、兩個(gè)拇指點(diǎn)擊、指關(guān)節(jié)畫(huà)出相對(duì)應(yīng)的字母和圖形這些手勢(shì)來(lái)開(kāi)啟部分功能（如圖2）。還有像鏡像投屏和多屏互動(dòng)這樣的方式也是一種發(fā)展趨勢(shì)。

2.3多通道交互方式

基于視線跟蹤、表情識(shí)別、語(yǔ)音識(shí)別、手勢(shì)輸入、感覺(jué)反饋等新的交互技術(shù)，允許用戶利用自身的內(nèi)在感覺(jué)和認(rèn)知技能，使用多個(gè)交互通道，以并行、非精確方式與計(jì)算機(jī)系統(tǒng)進(jìn)行交互。這種交互方式可能會(huì)更加高效便捷，影響手機(jī)界面設(shè)計(jì)的發(fā)展。

3基于用戶體驗(yàn)的手機(jī)界面設(shè)計(jì)趨勢(shì)

3.1視覺(jué)設(shè)計(jì)

手機(jī)界面的視覺(jué)設(shè)計(jì)是改善用戶體驗(yàn)的一部分。常見(jiàn)的視覺(jué)屬性有顏色、形狀、大小、位置等，通常以設(shè)計(jì)這些屬性體現(xiàn)不同的視覺(jué)效果。視覺(jué)也歸于感官感知層面，要遵循圖案、顏色和低層特征分析機(jī)制，使用戶看到的界面易于操作，重要信息容易被識(shí)別，減少視覺(jué)干擾和防止視覺(jué)疲勞。同時(shí)，在設(shè)計(jì)的過(guò)程中要考慮情感因素，傳達(dá)出整個(gè)設(shè)計(jì)的情感和理念，創(chuàng)造出符合用戶體驗(yàn)的手機(jī)界面。

近幾年來(lái)，手機(jī)界面的尺寸變化也是值得關(guān)注的，屏幕尺寸有愈來(lái)愈大的趨勢(shì)。觸屏手機(jī)由原來(lái)的4-5.5英寸到如今的6英寸往上;屏幕比例由16：9-18：9乃至更多個(gè)性化的比例。市面上推出的全面屏、折疊屏、挖孔屏、水滴屏等等，這些都是手機(jī)外觀發(fā)展的新趨勢(shì)，可以從手機(jī)外觀入手，增加用戶的可操作范圍，拓展對(duì)手機(jī)界面設(shè)計(jì)的多樣性和創(chuàng)意性思維，從而提升用戶體驗(yàn)感。

3.2交互設(shè)計(jì)

傳統(tǒng)二維交互方式，決定了用戶可操作范圍，可以這么理解，用戶已經(jīng)被無(wú)數(shù)次“訓(xùn)練”過(guò)，知道該如何操作，了解每個(gè)按鍵、按鈕所帶的功能和含義。在這種情況下，用戶體驗(yàn)更加偏向有意識(shí)的體驗(yàn)，也就是經(jīng)常被提及的“愉悅感”。通過(guò)增強(qiáng)“愉悅感”，來(lái)達(dá)到更好的用戶體驗(yàn)。

手機(jī)新技術(shù)的研發(fā)和應(yīng)用往往加深了人機(jī)交互，例如2019年全屏幕指紋識(shí)別技術(shù)和全屏幕發(fā)聲技術(shù)的發(fā)展和應(yīng)用，使用戶有更直接和高效的使用方式，而這種迅速提升用戶體驗(yàn)的方法唯有技術(shù)革新和飛躍能夠促成，因此，技術(shù)發(fā)展是必要的。當(dāng)迎來(lái)新技術(shù)時(shí)，設(shè)計(jì)師、設(shè)計(jì)團(tuán)隊(duì)需要做的是以界面來(lái)引導(dǎo)用戶，比如更多地考慮無(wú)意識(shí)的體驗(yàn)，設(shè)計(jì)加入不突兀，使用過(guò)程流暢自然，用戶第一次體驗(yàn)?zāi)軌蚩焖俚乩斫馑牟僮鞣绞?，并且界面能呈現(xiàn)用戶所需內(nèi)容，就是較為合適的界面設(shè)計(jì)，在這之中，還要強(qiáng)調(diào)界面設(shè)計(jì)的實(shí)用性和易用性。隨后，可以根據(jù)用戶長(zhǎng)期體驗(yàn)的反饋，采納其中有用的信息，及時(shí)的優(yōu)化和再設(shè)計(jì)。除此之外，注重細(xì)節(jié)方面的設(shè)計(jì)，也有利于用戶更深層次的挖掘，用戶能夠感知到設(shè)計(jì)者額外投入的這些精力，從而提升用戶體驗(yàn)。

3.3情感化設(shè)計(jì)

實(shí)際上，情感化設(shè)計(jì)所涉及領(lǐng)域和涵蓋面非常廣泛，手機(jī)界面視覺(jué)外觀是本能層次的設(shè)計(jì)，界面交互時(shí)的“愉悅感”和效用是行為層次的設(shè)計(jì)，而反思層次的設(shè)計(jì)表現(xiàn)為手機(jī)這個(gè)產(chǎn)品的外在形象和手機(jī)界面設(shè)計(jì)的內(nèi)在形象給人帶來(lái)的聯(lián)想和回憶，是關(guān)于自我形象、個(gè)人滿足、記憶等等。由于情感的主觀性，設(shè)計(jì)無(wú)法滿足每一個(gè)人，所以必須要確定目標(biāo)用戶，在此基礎(chǔ)上，了解用戶的需求和目標(biāo)就變得十分重要了。用戶的目標(biāo)存在許多不確定因素，長(zhǎng)期的目標(biāo)更是難以把控，用戶的需求由于個(gè)體的差異性、龐大的基數(shù)，使得設(shè)計(jì)方法的可操作性受到時(shí)間、預(yù)算和任務(wù)規(guī)模的限制。另外，以用戶為中心的設(shè)計(jì)思想，經(jīng)常被設(shè)計(jì)者不假思索的采用，導(dǎo)致過(guò)于強(qiáng)調(diào)用戶的作用，而忽略了人的主觀能動(dòng)性和對(duì)新技術(shù)設(shè)計(jì)的適應(yīng)力。因?yàn)橛行┖玫氖謾C(jī)界面設(shè)計(jì)是由新的技術(shù)來(lái)創(chuàng)新設(shè)計(jì)，并不是基于這個(gè)方法進(jìn)行用戶研究。所以，關(guān)注用戶體驗(yàn)設(shè)計(jì)的同時(shí)，要注意發(fā)揮主觀能動(dòng)性，面對(duì)復(fù)雜流動(dòng)地走向，需要具備冷靜態(tài)度和洞察眼光。

4結(jié)語(yǔ)

手機(jī)界面中的用戶體驗(yàn)設(shè)計(jì)需要一個(gè)成熟、高效的團(tuán)隊(duì)，從定位和研究的產(chǎn)品出發(fā)，了解人機(jī)交互模式、產(chǎn)品功能和基本設(shè)計(jì)原則，到后期的分析和設(shè)計(jì)，直至最后產(chǎn)品開(kāi)發(fā)和測(cè)試評(píng)估，不單單是設(shè)計(jì)師的想法，需要整個(gè)團(tuán)隊(duì)的運(yùn)作、意見(jiàn)和相互配合。UX也不單單是用戶的體驗(yàn)，而是設(shè)計(jì)用戶體驗(yàn)的過(guò)程。因此，手機(jī)界面的用戶體驗(yàn)設(shè)計(jì)師還有很長(zhǎng)的路要走，整個(gè)用戶體驗(yàn)領(lǐng)域也需要不斷地發(fā)展。界面設(shè)計(jì)的方法和理念要不斷地探索和研究要與時(shí)俱進(jìn)，具有創(chuàng)新意識(shí)，才能推動(dòng)UX設(shè)計(jì)領(lǐng)域的發(fā)展。

參考文獻(xiàn)

[1]唐納德·A·諾曼.何笑梅，歐秋杏，譯設(shè)計(jì)心理學(xué)3——情感化設(shè)計(jì)[M].北京：中信出版社，2015

[2]喬爾·馬什.王沛，譯.用戶體驗(yàn)設(shè)計(jì)100堂入門課[M].北京：人民郵電出版社，2018

[3]維爾.陳媛嫄，譯.設(shè)計(jì)中的視覺(jué)思維[M].北京：機(jī)械工業(yè)出版社，2009.

[4]趙慧文，張建軍.網(wǎng)絡(luò)用戶體驗(yàn)及互動(dòng)設(shè)計(jì)[M].北京：高等教育出版社，2012

[5]徐亞楠.以用戶體驗(yàn)為中心的手機(jī)APP界面設(shè)計(jì)研究[J].文化創(chuàng)新比較研究，2017，（18）：54-55

[6]楊蓉.手機(jī)界面未來(lái)的發(fā)展趨勢(shì)[J].信息科技，2008 （03）：76-77

[7]戈?duì)柕恰た死锵Ｄ菞蠲?，譯無(wú)界面交互——潛移默化的UX設(shè)計(jì)方略[M].北京：人民郵電出版社，2017

作者簡(jiǎn)介

王蓉/1998年生/女/浙江寧波人/本科/研究方向?yàn)橛脩趔w驗(yàn)與交互設(shè)計(jì)（浙江嘉興314000）