秦天宇
摘 要:界面是人與機(jī)器之間交換信息的媒介,是設(shè)計(jì)師賦予物體的新面孔。一個(gè)好的界面設(shè)計(jì)能從用戶的角度出發(fā),給用戶帶來良好的視覺體驗(yàn)和舒適的使用體驗(yàn)?;谟脩趔w驗(yàn)的手機(jī)界面設(shè)計(jì)就是以用戶體驗(yàn)為中心,以獲得良好的用戶體驗(yàn)為目的,從而占據(jù)市場。
關(guān)鍵詞:用戶體驗(yàn) 手機(jī)界面設(shè)計(jì) 交互設(shè)計(jì)
一、用戶體驗(yàn)和手機(jī)界面設(shè)計(jì)
用戶體驗(yàn)是一門新興的交叉學(xué)科,隨著設(shè)計(jì)的發(fā)展而成長起來,與社會(huì)學(xué)、設(shè)計(jì)學(xué)、心理學(xué)工程技術(shù)等眾多學(xué)科都有著不可分割的關(guān)系。它是用戶在使用產(chǎn)品過程中建立起來的一種純主觀的感受,包羅了各種復(fù)雜的心理感受,結(jié)合了使用過程的方方面面。
(一)手機(jī)用戶界面的定義
手機(jī)界面和PC、移動(dòng)終端不同,有著屬于自己的物理特性和系統(tǒng)特性,因此手機(jī)界面的設(shè)計(jì)必須以此為基礎(chǔ)。手機(jī)界面設(shè)計(jì)涉及到很多不同的學(xué)科,是個(gè)復(fù)雜的工程,其中最重要的就是產(chǎn)品本身的UI設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì),只有將這兩者完美融合才能打造出優(yōu)秀的作品。
(二)手機(jī)界面的分類
手機(jī)界面一般可以分為手機(jī)自帶操作系統(tǒng)界面和第三方應(yīng)用程序界面(APP)兩類,但是無論是哪一種界面,設(shè)計(jì)上都需要考慮從整體風(fēng)格到細(xì)節(jié)圖標(biāo)、元素的總體把握 。
1.手機(jī)自帶操作系統(tǒng)界面設(shè)計(jì):一般的手機(jī)操作系統(tǒng)是指智能手機(jī)的操作系統(tǒng),主要完成網(wǎng)絡(luò)、流媒體等功能,一定程度上取代電腦成為網(wǎng)絡(luò)終端?,F(xiàn)在占據(jù)很大市場的主流
2.App界面設(shè)計(jì):智能手機(jī)和移動(dòng)終端設(shè)備不斷普及,APP作為手機(jī)第三方應(yīng)用程序,逐漸讓人們習(xí)慣了客戶端上網(wǎng)的方式。APP涉及的領(lǐng)域越來越廣泛,種類也越來越紛繁復(fù)雜,其中一些應(yīng)用軟件主體功能都相似(比如360手機(jī)助手和百度手機(jī)助手),只是在設(shè)計(jì)風(fēng)格和功能細(xì)分上有所不同?!傲己玫挠脩趔w驗(yàn)”是同類APP之間競爭的有力手段。
二、基于用戶體驗(yàn)的手機(jī)界面設(shè)計(jì)的原則
(一)手機(jī)交互設(shè)計(jì)
基于多通道方式的自然交互設(shè)計(jì),其核心思想是以用戶為中心,盡可能發(fā)現(xiàn)并滿足用戶多方面的需求,以使用戶能夠獲得舒適愉悅的交互體驗(yàn)。好的手機(jī)交互設(shè)計(jì)會(huì)結(jié)合多方面的交互體驗(yàn),這給智能手機(jī)的界面設(shè)計(jì)帶來前所未有的改變。
1.需求講解
產(chǎn)品經(jīng)理通過對需求分析之后向開發(fā)、測試以及交互設(shè)計(jì)師等相關(guān)人員進(jìn)行需求講解,使他們對之有一個(gè)直觀的認(rèn)識和清晰的了解。在需求講解階段,產(chǎn)品經(jīng)理會(huì)對產(chǎn)品進(jìn)行分析定位,并對一些預(yù)設(shè)情景展開具體討論并賦之予可能的解決途徑。
2.原型設(shè)計(jì)
原型設(shè)計(jì)總的說來是產(chǎn)品上市之前的一個(gè)框架性的東西,有待設(shè)計(jì)師將它細(xì)化、使之豐滿。
(二)視覺設(shè)計(jì)效果
一款A(yù)PP或操作系統(tǒng)首先是通過界面將整體性格傳遞給用戶。好的視覺設(shè)計(jì)效果能夠?yàn)槭謾C(jī)界面營造一種氛圍,屬于產(chǎn)品的一種性格。視覺設(shè)計(jì)的效果決定了用戶對產(chǎn)品的觀點(diǎn)、興趣、乃至于以后的使用情況。手機(jī)界面的視覺設(shè)計(jì)可以幫助產(chǎn)品的感性部分在用戶中產(chǎn)生更多的共鳴,或者規(guī)避一些用戶可能產(chǎn)生的抵觸情緒,達(dá)到挽救的效果。
1.風(fēng)格確定
手機(jī)界面的風(fēng)格需要整體考慮,首先根據(jù)界面整體風(fēng)格的策劃思路,然后結(jié)合界面上其他元素的需要,以保證圖標(biāo)和整體效果的融合。風(fēng)格鮮明的設(shè)計(jì)就像是一個(gè)工業(yè)產(chǎn)品的好的包裝,是手機(jī)界面設(shè)計(jì)的重要工作。
2.圖標(biāo)設(shè)計(jì)
圖標(biāo)造型設(shè)計(jì)是以圖標(biāo)的功能為基礎(chǔ)的。設(shè)計(jì)圖標(biāo)的目的是使之實(shí)用并且美觀。圖標(biāo)的實(shí)用性要考慮圖標(biāo)的隱喻性,它傳達(dá)的意思必須是用戶可知的、熟知的。圖標(biāo)的美觀性要考慮圖標(biāo)和整體風(fēng)格的融合,一般先用矢量繪圖工具進(jìn)行繪制,然后根據(jù)界面的風(fēng)格進(jìn)行后期效果處理。所有界面上同級、同類的圖標(biāo)要保證形式上的一致性,避免造成用戶視覺混亂。
3.色彩調(diào)配
手機(jī)自身的分辨率是有限制的,對于高保真中色彩的還原度具有一定的局限性,因此在選用色彩時(shí)要根據(jù)使用的屏幕進(jìn)行不斷調(diào)整,比較好的方法就是用手機(jī)自帶的圖片瀏覽器對高保真進(jìn)行全屏查看,必要的時(shí)候可以與開發(fā)人員進(jìn)行溝通協(xié)調(diào)。
(三)可用性測試
可用性測試關(guān)系著產(chǎn)品是否能夠滿足用戶的功能性。可用性測試主要目的是:1.保證對用戶體驗(yàn)有正確的預(yù)估;2.認(rèn)識用戶的真實(shí)期望和目的;3.在功能核心還能夠以低廉成本加以修改的時(shí)候?qū)υO(shè)計(jì)進(jìn)行修正;4.保證功能核心同人機(jī)界面之間的協(xié)調(diào)工作,減少BUG。在設(shè)計(jì)—測試—修改這個(gè)反復(fù)循環(huán)的流程中,可用性測試及時(shí)為該循環(huán)提供了可量化的指標(biāo)。
三、結(jié) 語
界面設(shè)計(jì)必然是要經(jīng)過不斷升級、重復(fù)迭代的,同樣,用戶體驗(yàn)也也具有動(dòng)態(tài)性,在相同的環(huán)境中不同用戶體驗(yàn)也具有個(gè)體差異性?;ヂ?lián)網(wǎng)產(chǎn)品開發(fā)時(shí)間短、更新快、發(fā)展迅速并且無一定的標(biāo)準(zhǔn)可言,這種特點(diǎn)使手機(jī)界面設(shè)計(jì)顯得尤為復(fù)雜,所以界面設(shè)計(jì)理論的廣度和深度還有待深入研究。交互設(shè)計(jì)師的工作就是研究用戶體驗(yàn)設(shè)計(jì)與界面設(shè)計(jì)之間更深層次的關(guān)系,為獲得良好的用戶體驗(yàn)以及進(jìn)一步完善界面設(shè)計(jì)理論體系奠定基礎(chǔ)。
參考文獻(xiàn):
[1] 羅仕鑒,朱上上,孫守遷.人機(jī)界面設(shè)計(jì)[M].北京:機(jī)械工
業(yè)出版社,2004
[2] 任倩慧,王坤茜.基于用戶體驗(yàn)的產(chǎn)品界面設(shè)計(jì)研究[J].
陜西科技大學(xué)學(xué)報(bào)(自然科學(xué)版),2011(04):129-132
[3] 王坤茜,林捷暉,徐人平.產(chǎn)品界面設(shè)計(jì)中的信息同構(gòu)[J].
包裝工程,2006(03):151-152
[4] 歐陽波,賀赟.用戶研究和用戶體驗(yàn)設(shè)計(jì)[J].江蘇大學(xué)學(xué)報(bào),2006(5A):55-57
作者單位:南京工業(yè)大學(xué)工業(yè)與藝術(shù)設(shè)計(jì)學(xué)院