用戶體驗(yàn)的界面設(shè)計(jì)

章婕

摘 要：界面設(shè)計(jì)是交互設(shè)計(jì)的外在表現(xiàn)，而不是交互設(shè)計(jì)本身。界面是人們看見的、聽到的和感知到的，盡管也非常重要，但是它僅僅是交互設(shè)計(jì)的一部分。

關(guān)鍵詞：用戶體驗(yàn)；交互設(shè)計(jì)；界面設(shè)計(jì)

我們現(xiàn)在僅通過某類界面來接觸智能數(shù)字產(chǎn)品，盡管在腦-機(jī)界面領(lǐng)域有些進(jìn)展，但多數(shù)人還不能將大腦通過一根電纜連接上智能數(shù)字設(shè)備的微處理器?，F(xiàn)在，我們需要一些介質(zhì)來實(shí)現(xiàn)我們和智能數(shù)字設(shè)備的通信：界面。

界面設(shè)計(jì)非常緊密的與交互設(shè)計(jì)聯(lián)系在一起，以至于許多人認(rèn)為它們是相同的，其實(shí)這不太準(zhǔn)確。界面設(shè)計(jì)是交互設(shè)計(jì)的外在表現(xiàn)，而不是交互設(shè)計(jì)本身。界面是人們看見的、聽到的和感知到的，盡管也非常重要，但是它僅僅是交互設(shè)計(jì)的一部分。

數(shù)字產(chǎn)品優(yōu)點(diǎn)像冰山，能看到的界面部分實(shí)際是冰山一角。表面一下看不見的部分是交互設(shè)計(jì)主要部分所在，是設(shè)計(jì)師所做的設(shè)計(jì)決策以及實(shí)現(xiàn)界面的技術(shù)基礎(chǔ)。界面是交互設(shè)計(jì)師選擇實(shí)現(xiàn)的地方，這些選擇是關(guān)于人們?nèi)绾闻c產(chǎn)品接觸和產(chǎn)品服務(wù)應(yīng)該如何相應(yīng)的。換而言之，界面是產(chǎn)品將不可見的功能變得可見、可達(dá)和可用的地方。

在過去，形狀往往密切追隨功能。杯子就是杯子，因?yàn)樗耐庑尉褪怯脕肀划?dāng)做盛液體的器皿。然而，對只能數(shù)字設(shè)備來說，形狀不必一定追隨功能。屏幕上的對象可以是任何形狀的并且可能為任何目的服務(wù)。例如，一個(gè)沒有標(biāo)簽的按鈕置于一個(gè)網(wǎng)頁的中間，開啟一個(gè)動畫，播放音樂，關(guān)閉瀏覽器窗口，或做其他很多事情。同樣的，一個(gè)對象的物理形狀可能與它展現(xiàn)的行為沒有任何關(guān)系。一個(gè)圓球可以做任何事情，從控制你的電視機(jī)到提醒你股票在下跌。當(dāng)使用只能數(shù)字設(shè)備的時(shí)候，交互設(shè)計(jì)師有更多需要說明的易變性和不確定性。

對于界面設(shè)計(jì)來說，交互設(shè)計(jì)師最關(guān)心的通常是控件和導(dǎo)航的布局和位置問題。對于硬件/軟件產(chǎn)品來說，應(yīng)該做出功能繪制圖來標(biāo)識出控件都應(yīng)該在什么位置。在屏幕上，設(shè)計(jì)師需要提供有關(guān)用戶該看哪里的線索。顏色可以像對比字體一樣，用來吸引眼球。線個(gè)框可以將對象分組，但是應(yīng)該謹(jǐn)慎使用它們，以免用戶關(guān)注線和框而不是功能，可以嘗試使用空白來進(jìn)行分組。

格式塔心理學(xué)告訴我們，當(dāng)對象離得太近的時(shí)候，意識會認(rèn)定它們是相關(guān)的。當(dāng)設(shè)計(jì)師希望對象看起來是相關(guān)的，這種情況下離得近是件好事。例如，一個(gè)提交按鈕緊挨著一個(gè)文本框。但是，當(dāng)相互靠近的功能塊是不相關(guān)的，這個(gè)時(shí)候就不是好事了。

設(shè)計(jì)師應(yīng)該總對他們的視覺界面做瞇眼測試。通過瞇眼看屏幕，設(shè)計(jì)師可以在視覺上模糊細(xì)節(jié)并且查看在屏幕上哪個(gè)項(xiàng)目看起來更重要。瞇眼測試有助于確保布局的健壯性。

用戶體驗(yàn)的界面設(shè)計(jì)流程——“設(shè)計(jì)—測試—評估—再設(shè)計(jì)”：

（1）由研究用戶和用戶任務(wù)入手。首先需要了解，誰才是用戶，并且對他們的相應(yīng)特征予以研究。也就需要判斷，用戶日常任務(wù)是如何去執(zhí)行的、其本質(zhì)是什么，或者還可以在設(shè)計(jì)過程中，邀請用戶參與。

（2）經(jīng)驗(yàn)測量。在研發(fā)早期，需要對用戶對場景說明、使用方面進(jìn)行觀察，并對此進(jìn)行分析。在后期，需要通過記錄等，對用戶和模型等的交互進(jìn)行觀察。

在設(shè)計(jì)觸摸屏界面時(shí)，相應(yīng)的設(shè)計(jì)原則是需要遵循的。

（1）注重整體。結(jié)合自身的使用，以及長期的觀察之后會了解到，即使應(yīng)用系統(tǒng)不同，但是在處理界面等方面，其相似性較為明顯。

（2）信息量最少。信息量最少其實(shí)指的是“讓用戶恰好找到所需的信息”，要適中的安排信息量，如果需要對較多的信息進(jìn)行表達(dá)，則可以對其進(jìn)行歸類，并分組對其處理，比如說通過子目錄創(chuàng)建來對其進(jìn)行代替。以操作不受影響作為前提，來最小化信息量，讓用戶體驗(yàn)更加良好。

（3）布局無障礙原則。布局問題為什么需要考慮？因?yàn)榻缑嫔系膬?nèi)容和信息是通過界面的布局，展示給用戶的。如果布局較為合理，那么信息也將得以順利傳遞，此外這一問題也牽涉到美學(xué)概念。在設(shè)計(jì)界面時(shí)，是否可用是其中極為關(guān)鍵的一部分，然而也不是說一定要忽視掉美學(xué)部分。結(jié)合相應(yīng)的理論數(shù)據(jù)來看，人們對平衡性的東西接受能力較高，對于其他的東西，則可能會出現(xiàn)不安全感。

（4）界面一致性。就應(yīng)用程序來說，因?yàn)橥幱谟|摸屏當(dāng)中，因此也不需要將其界面風(fēng)格做到完全不同。因?yàn)榧词鬼撁娌煌?，相?yīng)的布局等都必須要體現(xiàn)出一致感。當(dāng)用戶對下一頁進(jìn)行點(diǎn)擊時(shí)，不應(yīng)該讓用戶認(rèn)識到自己進(jìn)入到了其他的系統(tǒng)中，給人以走錯地方的感覺。不論如何切換頁面內(nèi)部的功能，但是要保證整體一致感。

即使界面設(shè)計(jì)較為簡單，花費(fèi)比較少，只需要美觀易用，那么最終的產(chǎn)出必將是極大的，如果能夠標(biāo)準(zhǔn)化的去設(shè)計(jì)手機(jī)的界面，其產(chǎn)生的交互效果必將是極好的。設(shè)計(jì)界面的工作，包括了相應(yīng)的人員以及產(chǎn)品，信息的交換由人和產(chǎn)品來實(shí)現(xiàn)。設(shè)計(jì)界面的標(biāo)準(zhǔn)，表示的是，人和軟件的活動，操作，擁有美觀的界面。當(dāng)前許多用戶體驗(yàn)的仍然是簡單的圖像，而當(dāng)前，面對如此激烈的市場競爭，強(qiáng)大的軟件功能也是遠(yuǎn)遠(yuǎn)不夠的，比如說蘋果手機(jī)，結(jié)合其用戶體驗(yàn)的豐富性，以及應(yīng)用程序的優(yōu)越性，讓手機(jī)成功的進(jìn)入到了智能時(shí)代。

結(jié)合軟件的需求設(shè)計(jì)，最終的用戶目標(biāo)、需求等也將得以確定，考慮到用戶的交互，也會導(dǎo)致不同設(shè)計(jì)重點(diǎn)的出現(xiàn)。正是因?yàn)榻换ミ^程才出現(xiàn)了這樣的交互習(xí)慣。結(jié)合相應(yīng)的分析來了解用戶的具體流向。在相關(guān)的設(shè)計(jì)當(dāng)中，要符合目標(biāo)的作用需求。

用戶具體的體驗(yàn)，以及界面的設(shè)計(jì)，這二者需要結(jié)合在一起，這一過程最主要是為了讓用戶具備更加滿意的視覺效果。就心理學(xué)方面來說，界面的層次可以分為兩種，一種為感覺，一種為情感，所以在對此開展研究中，如下兩種觀點(diǎn)是極具代表性的。

（1）用戶體驗(yàn)的功能層面。有許多因素是能夠?qū)τ脩舻捏w驗(yàn)產(chǎn)生影響的，其中一個(gè)極為重要的因素就是產(chǎn)品是否可用。這一特性也就表示，在對用戶界面進(jìn)行操作時(shí)，用戶對系統(tǒng)功能有較好的使用。也就是以用戶作為出發(fā)點(diǎn)，對產(chǎn)品進(jìn)行設(shè)計(jì)以及規(guī)劃，用戶的需求要充分的關(guān)注，并給予滿足。結(jié)合相應(yīng)的標(biāo)準(zhǔn)來看，系統(tǒng)滿意度、有效性等都需要被定義到可用性中去。這一概念，是在人機(jī)交互系統(tǒng)的所有方面都適用的，即使是對其維護(hù)，或者是安裝。

（2）用戶體驗(yàn)的心理層面。如果一個(gè)人的精神、智商等方面達(dá)到了一定的水平時(shí)，美好的感覺就會出現(xiàn)在意識當(dāng)中，這就是體驗(yàn)。結(jié)合心理學(xué)方面來看，如果人們在對新服務(wù)或者是產(chǎn)品進(jìn)行消費(fèi)時(shí)，能夠產(chǎn)生情感體驗(yàn)，那么必定會對產(chǎn)品有較為深刻的印象，隨后對人的行為有所支配。而這一心理正是被情感體驗(yàn)把握住了，讓其發(fā)展方向變得更加積極。手機(jī)在體驗(yàn)的前提之下，不再是一個(gè)簡單的通訊工具，而可以實(shí)現(xiàn)對人們情感的維系。結(jié)合社會發(fā)展的規(guī)律來看，人們對于物質(zhì)文化等方面的需求是在不斷提升的。因此在UI設(shè)計(jì)更新方面，用戶希望能夠?yàn)樗麄兲峁┑慕缑?，不僅僅是好看的，更需要的是獲得更好的體驗(yàn)。

用戶體驗(yàn)設(shè)計(jì)的個(gè)性化：

（1）具體考慮產(chǎn)品的移動情景。作為移動設(shè)備來說，人們能夠時(shí)時(shí)刻刻都對其進(jìn)行使用，這是其最主要的特點(diǎn)，因此對于這一情景之下的體驗(yàn)活動，是設(shè)計(jì)師們需要重視的。移動情景表示的是，通過對互聯(lián)網(wǎng)產(chǎn)品使用的環(huán)境以及用戶狀態(tài)，也就表示對移動設(shè)備進(jìn)行使用時(shí)，外部環(huán)境對其的影響。這一環(huán)境的變化是持續(xù)的，并且速度極快，因此在對用戶體驗(yàn)進(jìn)行設(shè)計(jì)時(shí)，就需要重點(diǎn)考慮這一部分，結(jié)合相應(yīng)的問題，來將合理的交互方式設(shè)計(jì)出來。比如說可以識別語音、觸感等，在多變的移動情境中，用戶能夠因此獲得更加優(yōu)異的體驗(yàn)。

（2）提高產(chǎn)品的可用性。這里的可用性表示的是，在一定的場景當(dāng)中，相應(yīng)的用戶對產(chǎn)品的使用較為滿意，并且較為高效，實(shí)現(xiàn)相應(yīng)的目標(biāo)。這一性能，能讓產(chǎn)品滿足相應(yīng)的場景內(nèi)的目標(biāo)，可以簡化許多復(fù)雜的問題，并且使得用戶具備更高的使用效率，并且能夠便捷的去了解和認(rèn)知，能夠在極端的時(shí)間內(nèi)將相應(yīng)的任務(wù)完成。比如說可以通過智能聯(lián)想法來對關(guān)鍵字進(jìn)行輸入，相應(yīng)的問題就可以出現(xiàn)，使得用戶打字的時(shí)間得以縮短。

（3）足夠的信任感。通過友情鏈接的創(chuàng)建，能夠讓用戶評估與之類似的產(chǎn)品，而如果只是對小站的連接，必然不會出現(xiàn)太高的評價(jià)，另外也不需要有過多的鏈接數(shù)量，需要將自身的實(shí)力體現(xiàn)出來。相應(yīng)的聯(lián)系方式也需要出現(xiàn)在產(chǎn)品當(dāng)中，而產(chǎn)品當(dāng)中，聯(lián)系方式出現(xiàn)的頻率，也能夠讓其實(shí)力得以體現(xiàn)，聯(lián)系方式并不需要過于詳細(xì)，但是如果曝光率比較高，并且較為詳實(shí)，用戶可以因此對其產(chǎn)生信任感。

（4）恰當(dāng)?shù)挠脩魩椭头答仭２徽撌呛畏N產(chǎn)品，在人機(jī)交互的過程中，都是用戶的一種學(xué)習(xí)成本，因此如果一個(gè)產(chǎn)品是成功的，那么這一部分是必須要考慮到的，也就是快速的實(shí)現(xiàn)產(chǎn)品的介紹，讓用戶對基本的方式有所了解。讓用戶可以在任何狀態(tài)之下，都可以進(jìn)入到相應(yīng)的幫助界面。用戶體驗(yàn)過產(chǎn)品之后，相應(yīng)的提示信息就會出現(xiàn)，這就是反饋，因此在產(chǎn)品設(shè)計(jì)過程中，反饋互動是必須要考慮的，反饋信息的展示，需要更加合理的方式，更加簡潔的語言。以確保用戶流暢體驗(yàn)作為前提，及時(shí)的將反饋傳遞給用戶，進(jìn)而提升用戶的好感。

對于用戶體驗(yàn)的研究，文章所探究的用戶研究僅僅是最初的一步。而只有對這些用戶有了最真實(shí)、最正確的認(rèn)知，那么這些用戶所期望的服務(wù)或者是產(chǎn)品才能夠被設(shè)計(jì)出來。

人是使用軟件的最終對象，因此在設(shè)計(jì)UI時(shí)，設(shè)計(jì)人員不能僅僅結(jié)合自己的觀點(diǎn)來完成設(shè)計(jì)活動，一定要分析使用軟件的人群，對其特征有所了解之后，再來完成一定的設(shè)計(jì)工作，進(jìn)而為用戶提供更好的服務(wù)軟件。