基于用戶體驗的小米手機主題界面設(shè)計研究

本文為陜西省社會科學(xué)基金項目（編號：13N102）;陜西省社科界2019年度重大理論與現(xiàn)實問題研究（編號：2019Z128）;陜西省提升公眾科學(xué)素質(zhì)研究計劃資助項目陜科協(xié)發(fā)（2019）普字21號27;陜西省體育局關(guān)于2019年常規(guī)課題（編號：2019123）

【摘 要】 本文從用戶體驗的角度出發(fā)，以小米主題界面設(shè)計為研究對象，分析了手機界面色彩、交互性等方面在當今用戶體驗中的重要性。認為手機界面視覺效果與人機交互的合理運用，給用戶舒適、生機與活力的體驗，減少人與手機交互的基本障礙，構(gòu)造更和諧的人機環(huán)境。探索了手機界面設(shè)計的本質(zhì)、發(fā)展要素、遵從原則與改進措施，以期實現(xiàn)更豐富和更人性化的體驗感受。

【關(guān)鍵詞】 小米手機;用戶體驗;人機交互;視覺效果;界面設(shè)計

一、引言

隨著全球移動通信技術(shù)的快速發(fā)展，手機行業(yè)迎來了快速發(fā)展的黃金時代，用戶體驗越來越受國內(nèi)外企業(yè)的關(guān)注。特別是作為手機生產(chǎn)大國的中國，面臨著更多的機遇和挑戰(zhàn)，其中，小米手機在國產(chǎn)手機中研發(fā)尤為突出，打出“為發(fā)燒而生”口號，將手機界面用戶體驗推廣到產(chǎn)品設(shè)計中，以至于處于國產(chǎn)手機研發(fā)的不敗之地。

用戶體驗對于產(chǎn)品的設(shè)計和制作具有指導(dǎo)性意義，這種指導(dǎo)將會決定到此類產(chǎn)品的獲利成效和發(fā)展前景。[1]通過小米手機主題界面的應(yīng)用分析，解決怎樣做到突出手機界面設(shè)計的內(nèi)容與形式相結(jié)合，實現(xiàn)從視覺方面突出和宣傳手機界面的主題 ，做到手機界面交互的自然流暢，準確運用圖標、色彩不引起受眾反感和減少視覺摩擦。為更多相關(guān)領(lǐng)域的產(chǎn)品設(shè)計者，提供參考和指導(dǎo)。

本設(shè)計通過研究用戶體驗在人機交互機制以及手機界面中的重要性，將分別從感知心理（即感官體驗），認知心理學(xué)（即交互體驗）等方面，通過用戶回饋的相關(guān)信息對界面用戶體驗得出評估結(jié)論，得出具有將建設(shè)性意義的建議，經(jīng)過科學(xué)方法進行驗證改進，最終得出在人機交互以及手機界面的用戶體驗的發(fā)展趨勢，根據(jù)這種趨勢獲得改進方法，為產(chǎn)品生產(chǎn)者提供良好的建議和科學(xué)數(shù)據(jù)。最后會進行手機界面的用戶體驗評測，將采用基于在線網(wǎng)絡(luò)平臺以及受眾用戶進行調(diào)查，確保用戶體驗在手機界面以及交互中的合理性。

二、小米手機主題界面設(shè)計研究現(xiàn)狀

小米手機作為國產(chǎn)手機成功者之一，備受廣大用戶關(guān)注。產(chǎn)品打出“為發(fā)燒而生”的自由界面是其特色，開創(chuàng)手機交互的新方式，這種自由定制的界面吸引了很多消費者。在這種受大眾廣泛關(guān)注的背景下，用戶體驗在小米手機主題界面應(yīng)用中尤為重要，同時也為本課題研究手機界面用戶體驗的重要性提供了基礎(chǔ)。這種研究對象的廣泛性和科學(xué)性，從而確保研究成果的含金量。

MIUI是一種基于模型和深層次交互的安卓移動操作系統(tǒng)，它大面積的修改了原來安卓用戶的接口并且刪減了應(yīng)用程序列表，增加了許多來自蘋果公司ios操作系統(tǒng)的設(shè)計元素，這些改變使人們常常將兩者相比較。

小米手機界面主要包括兩大版本v4版本和v5版本，自由、靈活、個性的這種自定義界面吸引了廣大的用戶，因此小米推出了小米論壇，小米商店等線上分享平臺，為廣大用戶提供更方便的界面體驗，也使小米手機脫穎而出。同時也為本設(shè)計的研究提供評估檢測平臺，確保設(shè)計的科學(xué)性和公平合理性。

三、小米用戶及設(shè)計開發(fā)現(xiàn)狀分析

小米手機MIUI自定義界面吸引了廣大的用戶，從第一部小米M1手機到現(xiàn)在的小米CC9 Pro手機，小米手機采用線上銷售模式，在這種模式的帶動下小米手機出現(xiàn)供不應(yīng)求的大好局面。例如，在2019雙十一成交量：2分鐘小米天貓旗艦店支付金額超1億。小米也成為天貓雙11官方統(tǒng)計的最受歡迎出口品牌之首。[2]2019年，在5G手機領(lǐng)域，小米表示要繼續(xù)專注于先進技術(shù)的研發(fā)，以改善用戶體驗，重點圍繞處理器、拍照、續(xù)航等重點領(lǐng)域進行技術(shù)升級。小米MIUI成為年度最佳界面，小米的個性主題數(shù)量已經(jīng)超過15000套，除了小米自家的設(shè)計，更離不開近4000位設(shè)計師的靈感創(chuàng)作，主題下載次數(shù)更是達到37億次之多。[3] 這種不同年齡段大面積的用戶為小米主題界面提供了更好的用戶體驗數(shù)據(jù)，能夠更容易的發(fā)現(xiàn)大眾對手機界面的趨勢。

由于用戶對界面的認知不同，從而小米界面豐富多彩，小米商店，小米論壇等在線網(wǎng)絡(luò)平臺迅速發(fā)展，設(shè)計開發(fā)者注重用戶體驗領(lǐng)域，小米設(shè)計師站為廣大用戶提供想象的空間。這種具有廣大用戶的在線網(wǎng)絡(luò)平臺也為本次設(shè)計研究提供了物質(zhì)基礎(chǔ)。

近幾年來，用戶體驗越來越受各大企業(yè)重視，用戶體驗對企業(yè)產(chǎn)品的設(shè)計和生產(chǎn)的指導(dǎo)性作用尤為突出。其次，隨著移動通信技術(shù)的發(fā)展，國產(chǎn)手機發(fā)展蓬勃，其中小米手機界面最為成功，小米的線上網(wǎng)絡(luò)平臺也為主題界面推廣提供基礎(chǔ)。因此通過小米主題界面的設(shè)計為突破點，從而研究用戶體驗在手機界面中的作用。為手機界面設(shè)計和發(fā)展提供科學(xué)的數(shù)據(jù)。

四、兩套基于用戶體驗的小米手機主題界面設(shè)計方案

在設(shè)計制作階段，用MIUIThemeEditor主題制作工具進行編輯合成，將切好的圖標、界面通過編輯器按照效果圖進行編輯制作，同時編輯鎖屏代碼，完成mtz格式主題包。在階段推廣階段，運用小米線上網(wǎng)絡(luò)平臺（小米商店，小米論壇等）和周邊手機消費者對手機界面進行推廣、調(diào)研，然后對主題不斷的完善。

本設(shè)計分為兩套主題界面設(shè)計，兩套風(fēng)格迥異，圖標界面上各有不同。這兩套方案在2014小米商店中用戶體驗測評排名第二和第五。

2014小米商店中用戶體驗測評排名

簡約商務(wù)系列界面，界面穩(wěn)重優(yōu)雅，圖標簡單而不失個性，色調(diào)統(tǒng)一簡潔，界面構(gòu)圖沉穩(wěn)且色彩均勻。具有商務(wù)人士的氣質(zhì)，典型的商務(wù)型界面。本主題設(shè)計使用了暗色木質(zhì)紋理作為背景，大方得體。時鐘采用疊加結(jié)構(gòu)，立體效果突出，形象自然。圖標采用土黃色調(diào)，鏤空處理，個性簡單與背景融為一體。圖標也是此主題的亮點，特別適合商務(wù)人士使用，簡潔明了，穩(wěn)重不失個性，在繁忙的工作環(huán)境下使人心情舒暢。

簡潔清新系列界面，界面干凈簡單，圖標色彩明亮，個性艷麗，界面構(gòu)圖大方合理，具有蓬勃的青春的氣息，適合朝氣勃發(fā)的年輕人使用。本主題界面注重圖標顏色搭配，將界面和圖標的色調(diào)相統(tǒng)一，使人感到清新自然。

五、界面設(shè)計中用戶體驗的商業(yè)價值

ISO 9241-210標準將用戶體驗定義為 “人們對于針對使用或期望使用的產(chǎn)品、系統(tǒng)或者服務(wù)的認知印象和回應(yīng)”。也就是說人們對這種產(chǎn)品所產(chǎn)生的情緒。所以說，用戶體驗是一種對產(chǎn)品主觀意愿的，在這種意愿中更加注重實際的應(yīng)用。ISO定義對用戶體驗還有相關(guān)的認識：所謂用戶體驗，也就是用戶在行使一個產(chǎn)品或系列以前、使用間和使用以后的全部感覺，包含了情緒、信奉、愛好、認知記憶、內(nèi)心的心理反應(yīng)、舉止和成就等方方面面。而且還得出了影響用戶體驗的要素包括系統(tǒng)，用戶以及使用環(huán)境。[4]

在人機交互中，交互的合理性受界面的整體顏色以及這個東西的作用影響，不同年齡段的用戶對產(chǎn)品界面顏色以及在交互的過程中產(chǎn)生的感受不一樣，所表達的情緒也不一樣，因此能夠看出界面顏色舒適感能夠決定人機交互的成敗。“格式塔心理學(xué)派認為，人類對于任何視覺圖像的認知，都是一種經(jīng)過視覺系統(tǒng)組織后的形態(tài)與輪廓，而并非只是各自獨立部分的集合。對于圖像的認知，我們主要是通過以下兩種途徑獲取。第一，平常生活中的經(jīng)驗，如果圖形與常見的物體發(fā)生聯(lián)系的，那么在圖形的感知上，經(jīng)驗就容易發(fā)生作用;第二，是通過學(xué)習(xí)，通過對某種特定意義上圖像學(xué)習(xí)了解其包含的信息意義。”[5]在感知方面，人們對色彩所表達的情緒不一樣，例如紅顏色，有的人會覺得血腥暴力不健康因素較多，對紅色東西所表現(xiàn)出強烈的反感情緒;然而其他人會覺得紅色是一種活力，一種精神，使人振奮。這種對色彩認識的反差使得感知心理尤為復(fù)雜。

通過對交互中認知研究發(fā)現(xiàn)，可認知性是人機交互的關(guān)鍵性因素。在人機交互的過程中，人機交互的媒介——界面尤為重要，界面中呈現(xiàn)出的顏色、圖像、文字等視覺元素必須以人可認知的形態(tài)出現(xiàn)，而且要符合人類大腦的認知規(guī)律，只有這種具有規(guī)律，符合認知心理，滿足需求的視覺元素，才能減少認知摩擦，促進交互的完成。這種積極視覺元素將會對人進行視覺上的激勵，更加的有利于用戶體驗的實施。“它不再追求情感主義所蘊涵的美、本真、道德、純粹，而僅僅享受感官的刺激、情緒的快樂、身體的舒適，哪怕情感是包裝和虛擬的，只要快適就好。”[6]對于用戶體驗，在最開始的時候，用戶體驗是在學(xué)術(shù)研究領(lǐng)域研究的可用性學(xué)科，是從用戶的角度來分析交互產(chǎn)品以及界面的經(jīng)驗，目的是對用戶體驗質(zhì)量作出明確的說明和注釋。近幾年來，隨著全球經(jīng)濟的快速發(fā)展，用戶體驗被越來越多的企業(yè)開始關(guān)注，許多國內(nèi)外的知名大公司開始建立自己的用戶體驗機構(gòu)，都堅持以用戶為角度為出發(fā)點，以用戶體驗的滿意度對產(chǎn)品進行設(shè)計和生產(chǎn)，通過用戶體驗的方式來提高自己的市場競爭力，從而獲得更多的商業(yè)價值。

六、小米手機界面設(shè)計的用戶體驗評估及改進

本設(shè)計方案將通過感官體驗和交互體驗兩個要素進行評估。通過上傳上線網(wǎng)絡(luò)平臺（小米社區(qū)，小米論壇等）以及周邊用戶調(diào)查獲取信息。在經(jīng)過系列的反饋和觀察中，得出以下信息：用戶對與整個界面整體顏色、構(gòu)圖和文字等信息感受良好;用戶對與信息的傳達和理解完整;用戶對于界面視覺效果突出，界面圖標易于理解，字體合理，結(jié)構(gòu)布局完整;用戶對于圖標，界面的色調(diào)上的認同，實現(xiàn)界面色調(diào)的一致性;用戶交互中，能夠準確的實現(xiàn)交互愿望，符合交互認知和習(xí)慣。

用戶體驗的評估為界面設(shè)計者提供了思路，為產(chǎn)品視覺元素設(shè)計提供了依據(jù)。其次也回饋了不足，如何將手機界面設(shè)計的內(nèi)容與形式相結(jié)合，如何從視覺元素方面突出和宣傳手機主題界面，實現(xiàn)更舒適的人機交互環(huán)境;如何實現(xiàn)圖標與界面色調(diào)一致，簡潔明了的傳遞方式與界面框架的統(tǒng)一等問題。根據(jù)用戶調(diào)查加大宣傳力度，汲取用戶寶貴的建議，實現(xiàn)線條和色彩漸變在手機界面中的合理使用，從而確保界面在細節(jié)上的完美體現(xiàn)。掌控界面總體色彩的同時注意在圖標和線條的色彩搭配，從而帶動整個畫面生動自然，防止整個界面過于色彩枯燥乏味，黯淡無光。在此進行用戶體驗滿意度研究，不斷的進行修改和完善。

當今社會人們開始認識到了用戶體驗是產(chǎn)品創(chuàng)新和企業(yè)競爭的核心，界面設(shè)計堅持以用戶為中心的設(shè)計理念更加體現(xiàn)了這一點。尼葛洛龐帝（Nicholas Negroponte）說過“讓電腦認識你、你的需求、了解你的言詞、表情和肢體語言，……并不是它能找出聲音信號上的微笑差別，而是它能更懂你的意思。這才是好的界面設(shè)計。”手機界面同樣是一個道理。因此，成功的界面需要多領(lǐng)域?qū)W科的介入，當越來越多的不同領(lǐng)域的人參與進來時，手機界面設(shè)計的開發(fā)將會迎來一個新用戶體驗時代。[7]

【參考文獻】

[1] 柴瑋雯.基于用戶體驗提高iPhone平臺效率型應(yīng)用軟件（APP）使用持續(xù)性的研究[D].華東理工大學(xué)，2012.

[2] 2019艾媒數(shù)據(jù)中心.

[3] 2019米柚社區(qū). http：//www.miui.com/thread- 3386322-1-1.html.

[4] 楊艾祥.用戶體驗[M].中國發(fā)展出版社，2010.4.

[5] 廖宏勇.數(shù)字界面設(shè)計[M].北京師范大學(xué)出版社，2018.

[6] 周玫，梁芷銘.網(wǎng)絡(luò)審美生態(tài)系統(tǒng)的失衡與重構(gòu)[J].新聞知識，2014.2.32.

[7] "Movebits，notatoms. "http：//en.wikipedia.org/wiki/Nicholas_Negroponte . 2019.

【作者簡介】

郭榮春（1983—）女，漢族，陜西西安人，碩士，西安郵電大學(xué)數(shù)字藝術(shù)學(xué)院講師，研究方向：網(wǎng)絡(luò)與新媒體、數(shù)字媒體.