時(shí)間:2022-03-22 13:06:19
開(kāi)篇:寫作不僅是一種記錄,更是一種創(chuàng)造,它讓我們能夠捕捉那些稍縱即逝的靈感,將它們永久地定格在紙上。下面是小編精心整理的12篇界面設(shè)計(jì),希望這些內(nèi)容能成為您創(chuàng)作過(guò)程中的良師益友,陪伴您不斷探索和進(jìn)步。
關(guān)鍵詞:HTML5;Web界面;設(shè)計(jì)模式
1Web界面設(shè)計(jì)模式
1.1Web界面設(shè)計(jì)
Web即全球廣域網(wǎng),也稱為萬(wàn)維網(wǎng),它是一種HTML和HTTP協(xié)議的、全球性的、動(dòng)態(tài)交互的、跨平臺(tái)的分布式圖形信息系統(tǒng)。Web界面設(shè)計(jì),是建立在數(shù)字化環(huán)境下,以網(wǎng)站為依托,以網(wǎng)頁(yè)為載體的一種新型設(shè)計(jì)。根據(jù)人們對(duì)傳統(tǒng)美學(xué)普遍認(rèn)識(shí),Web界面設(shè)計(jì)一直被強(qiáng)調(diào)為視覺(jué)上的表現(xiàn)手段,如果不計(jì)算技術(shù)的因素,Web界面設(shè)計(jì)中重要的問(wèn)題往往是如何組織和創(chuàng)建Web站點(diǎn)的內(nèi)容。例如,新穎的布局,靚麗的色彩,炫酷的動(dòng)畫(huà)等。隨著HTML4進(jìn)化到HTML5、CSS進(jìn)化到CSS3,網(wǎng)頁(yè)不再僅僅是內(nèi)容的展示,同樣還承載著與用戶溝通交流得到互動(dòng)環(huán)節(jié),是否帶來(lái)商業(yè)方面的成功也成為衡量Web設(shè)計(jì)作用的標(biāo)準(zhǔn)。因?yàn)榛ヂ?lián)網(wǎng)的特殊性,Web界面設(shè)計(jì)變成了跨學(xué)科,跨領(lǐng)域知識(shí)的綜合體。為了實(shí)現(xiàn)更好的Web界面設(shè)計(jì),需要運(yùn)用計(jì)算機(jī)圖形學(xué)、程序設(shè)計(jì)、客戶機(jī)/服務(wù)器技術(shù)、用戶界面設(shè)計(jì)、人機(jī)互動(dòng)關(guān)系、心理學(xué)、社會(huì)學(xué)等諸多方面的知識(shí),為用戶提供更加便捷與美觀的網(wǎng)頁(yè)界面。
1.2Web界面設(shè)計(jì)涉及范圍
1.2.1內(nèi)容網(wǎng)站的本質(zhì)在于信息的傳播以及如何傳播,問(wèn)題集中在怎樣引導(dǎo)用戶。由于Web的特殊性,內(nèi)容已經(jīng)脫離我們傳統(tǒng)的定義,它可以包括:文字,圖形,超鏈接,交互操作,動(dòng)畫(huà),視頻,音頻,在線游戲甚至更多的混合型的組織形式,擁有高質(zhì)量的內(nèi)容是網(wǎng)站成功的關(guān)鍵。Web界面設(shè)計(jì)一方面為了滿足視覺(jué)體驗(yàn),帶給客戶不同以往的美學(xué)感受,可以吸引第一次訪問(wèn)的客戶更加關(guān)注站點(diǎn),另一方面當(dāng)用戶在某個(gè)地方停留下來(lái)后,用戶感興趣的就是信息。內(nèi)容,作為界面設(shè)計(jì)的一部分,既要良好的展現(xiàn),又要方便用戶快速獲取。因此,Web界面設(shè)計(jì)的最基本原則是通過(guò)有效的方法更好的組織和規(guī)劃用戶所能瀏覽到的信息,為用戶提供方便閱讀的瀏覽頁(yè)面,獲得用戶的好感。1.2.2技術(shù)技術(shù)的完善與系統(tǒng)是保證合理功能的基礎(chǔ)。Web是由傳統(tǒng)紙媒進(jìn)化到互聯(lián)網(wǎng)的信息載體,其傳播媒介已經(jīng)發(fā)生了徹底的變化,因此要從互聯(lián)網(wǎng)的根本特性出發(fā)進(jìn)行設(shè)計(jì)。目前互聯(lián)網(wǎng)技術(shù)的更新迭代非常迅速,HTML,CSS,JavaScript等都在以超乎想象的速度發(fā)展。因此優(yōu)秀的Web界面一定是及時(shí)把握并應(yīng)用最新的技術(shù),設(shè)計(jì)師作為Web界面的設(shè)計(jì)者,應(yīng)該時(shí)常關(guān)注技術(shù)領(lǐng)域的變化,保持對(duì)Web前端技術(shù)較高的關(guān)注度。1.2.3交互Web界面作為人機(jī)交互界面,與其他的人機(jī)交互界面如PC操作系統(tǒng)界面、手機(jī)界面、辦公軟件界面等有很多相似的地方,但也有其獨(dú)有的一些特點(diǎn)。認(rèn)知科學(xué)家和其他研究人員,花費(fèi)了數(shù)百小時(shí),對(duì)人們操作網(wǎng)站的行為,進(jìn)行了仔細(xì)觀察和認(rèn)真研究,以及他們自己怎樣評(píng)估自己的行為,通過(guò)這些研究發(fā)現(xiàn),人們?cè)谑褂密浖⒉僮骶W(wǎng)站或執(zhí)行其他任何希望在新軟件中支持的動(dòng)作時(shí),用戶的行為是可以預(yù)期的。這些行為包括:第一,安全探索:如果一個(gè)人覺(jué)得他可以在一個(gè)界面上進(jìn)行探索而不會(huì)產(chǎn)生可怕的后果,他會(huì)對(duì)這個(gè)界面更加肯定。第二,即時(shí)滿足:人們喜歡立刻從他們的行為看到結(jié)果,這是人類的天性。第三,滿意即可:當(dāng)人們看到一個(gè)新的界面時(shí),他們不會(huì)仔細(xì)審視每個(gè)細(xì)節(jié),而是會(huì)快速掃描這個(gè)界面,挑選他預(yù)期會(huì)達(dá)到目的元素進(jìn)行操作,盡管有時(shí)可能是個(gè)錯(cuò)誤的選擇。第四,習(xí)慣:當(dāng)一個(gè)人重復(fù)使用某個(gè)界面時(shí),一些常用的操作將演變成為人的反射性動(dòng)作。用戶不需要對(duì)這些操作進(jìn)行過(guò)多的思考,他們已經(jīng)養(yǎng)成了習(xí)慣。第五,空間記憶:當(dāng)人們使用東西或文檔時(shí),他們經(jīng)常通過(guò)回憶它們的位置來(lái)再次找到它們,而不是它們的名字。第六,簡(jiǎn)化重復(fù)工作:在很多軟件中,用戶有時(shí)候需要重復(fù)某些操作。不同的網(wǎng)站,功能不同,交互方式不同,頁(yè)面上的功能模塊也不盡相同,人們?cè)跒g覽類型相似的網(wǎng)站,通常對(duì)網(wǎng)站的操作流程與交互習(xí)慣也會(huì)按照一定模式來(lái)進(jìn)行。因此可以根據(jù)頁(yè)面的功能,在網(wǎng)站制作之初,根據(jù)功能,制定一個(gè)設(shè)計(jì)規(guī)則,所有的模塊都在這個(gè)規(guī)則下進(jìn)行設(shè)計(jì)。良好的設(shè)計(jì)規(guī)則,會(huì)把耦合密集的設(shè)計(jì)參數(shù)進(jìn)行歸類作為一個(gè)模塊,并以此劃分工作任務(wù)。而模塊之間彼此通過(guò)一個(gè)固定的數(shù)據(jù)接口進(jìn)行交互。
1.3Web界面設(shè)計(jì)模式
設(shè)計(jì)模式已經(jīng)在軟件編程中得到了非常成功的應(yīng)用,在CSS和HTML中,設(shè)計(jì)模式是指一組適用于多種瀏覽器和屏幕閱讀器的常用功能,利用它可以系統(tǒng)地應(yīng)用到HTML和CSS網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)中。它們提高了網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)的生產(chǎn)力、創(chuàng)造性和效率,并且大大降低了代碼的復(fù)雜性。設(shè)計(jì)模式是所有創(chuàng)意的基礎(chǔ),它們類似于可重用的算法,可以通過(guò)系統(tǒng)地修改和相互組合來(lái)產(chǎn)生預(yù)期結(jié)果。設(shè)計(jì)模式能夠顯著提升創(chuàng)造力和生產(chǎn)力。它可以單獨(dú)使用,快速產(chǎn)生一些結(jié)果;也可以與其他模式相結(jié)合,產(chǎn)生一些復(fù)雜結(jié)果。設(shè)計(jì)模式簡(jiǎn)化和豐富了創(chuàng)造過(guò)程。它們將創(chuàng)造性工作變得像塔積木一樣容易。選擇一些預(yù)定義的設(shè)計(jì)模式,進(jìn)行適當(dāng)?shù)男薷暮徒M合,就可以得到符合要求的結(jié)果。常見(jiàn)的Web界面設(shè)計(jì)模式如下圖:
2HTML5與Web界面設(shè)計(jì)模式
Web界面設(shè)計(jì),不同與傳統(tǒng)紙媒、影視的設(shè)計(jì),Web界面的是通過(guò)HTML、CSS、JavaScript這三項(xiàng)關(guān)鍵技術(shù)來(lái)實(shí)現(xiàn)的,其中,HTML作為結(jié)構(gòu)部分,起到了至關(guān)重要的作用。
2.1HTML5對(duì)Web界面設(shè)計(jì)的影響
HTML5對(duì)Web界面設(shè)計(jì)的影響主要表現(xiàn)之一是HTML語(yǔ)義化標(biāo)簽,HTML5可以讓很多更語(yǔ)義化的結(jié)構(gòu)化代碼標(biāo)簽代替大量的無(wú)意義的div標(biāo)簽。這種語(yǔ)義化的特性不僅提升了網(wǎng)頁(yè)的質(zhì)量和語(yǔ)義,并且減少了以前用于CSS調(diào)用的class和id屬性。從兩圖的比較可以看出HTML5的代碼可讀性更高了,也更簡(jiǎn)潔了,內(nèi)容的組織相同,但每個(gè)元素有一個(gè)明確的清晰的定義,不再被迫去猜測(cè)之間不同命名的標(biāo)記,搜索引擎可以更容易地衡量你網(wǎng)頁(yè)上的內(nèi)容和相關(guān)內(nèi)容。
2.2CSS3對(duì)eb界面設(shè)計(jì)的影響
與HTML5語(yǔ)義化結(jié)構(gòu)的相對(duì)應(yīng)的是CSS3的出現(xiàn),CSS3提出的一些新特性,為設(shè)計(jì)師們提供了實(shí)現(xiàn)越來(lái)越多新奇想法的功能,基于CSS3新增的強(qiáng)大動(dòng)畫(huà)功能,為交互模式增添了更多豐富有趣的效果,同時(shí),第三方的動(dòng)畫(huà)庫(kù)也應(yīng)運(yùn)而生,大大提供了網(wǎng)頁(yè)開(kāi)發(fā)的速度。基于HTML5與CSS3技術(shù)的Web界面設(shè)計(jì)中,頁(yè)面的動(dòng)畫(huà)效果不再僅僅依靠JS操作DOM才可以實(shí)現(xiàn),使用CSS3動(dòng)畫(huà)替代JS動(dòng)畫(huà),可以使動(dòng)畫(huà)效果更加流暢,而且瀏覽器可以對(duì)動(dòng)畫(huà)做優(yōu)化以及實(shí)現(xiàn)3D動(dòng)畫(huà)。
2.3基于HTML5的Web界面設(shè)計(jì)模式的改善
基于以上新技術(shù),可以在原有Web界面設(shè)計(jì)的模式基礎(chǔ)上,在技術(shù)層面得到進(jìn)一步的發(fā)揮,其中包括:提高可用性和改進(jìn)用戶的友好體驗(yàn);使用CSS3動(dòng)畫(huà),讓W(xué)EB界面設(shè)計(jì)模式更加生動(dòng)有趣,增加用戶體驗(yàn),提高產(chǎn)品的吸引力;為站點(diǎn)帶來(lái)更多多媒體元素(視頻和音頻);HTML5新增的語(yǔ)義化標(biāo)簽,讓搜索引擎讀懂圖片、視頻、富媒體;具有良好的可移植性。
3結(jié)論
綜上所述,HTML5在技術(shù)層面為Web界面設(shè)計(jì)模式增加了新的功能和方法,這一新技術(shù),突破了傳統(tǒng)Web界面設(shè)計(jì)的框架,使設(shè)計(jì)進(jìn)入了一個(gè)新的領(lǐng)域。由此帶來(lái)的Web界面設(shè)計(jì)的新模式和新思想,將在未來(lái)的一段時(shí)間快速的涌現(xiàn)。Web界面設(shè)計(jì)模式將更多的依賴技術(shù)的革新,將以往靜態(tài)的界面被有趣的交互動(dòng)畫(huà)所代替,Web界面設(shè)計(jì)模式,也會(huì)從單一頁(yè)面的視覺(jué)設(shè)計(jì),向以功能模塊化為主的方向發(fā)展。當(dāng)前,以移動(dòng)端為主的Web應(yīng)用正在異軍突起,基于移動(dòng)端的Web界面設(shè)計(jì)模式也趨于成熟和穩(wěn)定,移動(dòng)端因其顯示界面有限,視覺(jué)展示效果非常有限,傳統(tǒng)以視覺(jué)效果為主的Web界面設(shè)計(jì)模式在這一領(lǐng)域無(wú)法施展,Web界面設(shè)計(jì)也從原來(lái)視覺(jué)設(shè)計(jì)這一領(lǐng)域,與Web前端技術(shù)進(jìn)行了更多的技術(shù)融合,更多的關(guān)注用戶體驗(yàn)。Web界面設(shè)計(jì)主要目的就是滿足人們?cè)跒g覽網(wǎng)頁(yè)時(shí)的良好交互體驗(yàn),是藝術(shù)與技術(shù)融合的產(chǎn)物,Web界面設(shè)計(jì)模式,將更多地從技術(shù)層面進(jìn)行演變和發(fā)展。
參考文獻(xiàn):
[1]JeniferTidwell.界面設(shè)計(jì)模式[M].北京:電子工業(yè)出版社,2013.
關(guān)鍵詞:界面;設(shè)計(jì);人性化;藝術(shù)
1 UI界面設(shè)計(jì)的概述和原則
UI是User Interface(用戶界面)的簡(jiǎn)稱,在人和機(jī)器的互動(dòng)過(guò)程(Human Machine Interaction)中存在的一個(gè)層面,即我們所說(shuō)的界面(interface),從心理學(xué)意義來(lái)分,用戶界面可分為感覺(jué)(視覺(jué)、觸覺(jué)、聽(tīng)覺(jué)等)和情感兩個(gè)層次。
從用戶角度來(lái)看,新媒介上交互設(shè)計(jì)是一種讓產(chǎn)品易用、愉悅、有效傳達(dá)信息的技術(shù)工具。更好了解目標(biāo)用戶和他們的期望,了解用戶在同產(chǎn)品交互時(shí)產(chǎn)生的用戶需要和使用規(guī)律,以及對(duì)信息獲取是否快捷和是否產(chǎn)生不確定性因素。從心理學(xué)意義來(lái)分,界面可分為感覺(jué)(視覺(jué)、觸覺(jué)、聽(tīng)覺(jué)等)和情感兩個(gè)層次。需要綜合認(rèn)知心理學(xué)、語(yǔ)言學(xué)、藝術(shù)設(shè)計(jì)學(xué)、人機(jī)工程學(xué)、以及計(jì)算機(jī)圖形學(xué)等學(xué)科的知識(shí),從而完成整個(gè)交互過(guò)程,達(dá)到使用交互的目的。
UI界面的完成需要一定的使用界面來(lái)進(jìn)行傳達(dá),從而實(shí)現(xiàn)人機(jī)交互。因此,設(shè)計(jì)首先是關(guān)懷用戶的服務(wù)需求的設(shè)計(jì)。設(shè)計(jì)是研究“人”與“物”關(guān)系的學(xué)科,必須以“人”為主體為“人”服務(wù)的“物”,既需從自然人的尺度充分考慮人的生理特征,還應(yīng)考慮作為社會(huì)人的對(duì)心理環(huán)境、文化審美、價(jià)值觀念的態(tài)度。提高人們的生活品質(zhì),使之更合理、更健康、更符合人類持續(xù)性發(fā)展的需要,這才是一切設(shè)計(jì)的終極目標(biāo)。
2 手機(jī)界面設(shè)計(jì)應(yīng)遵循的基本原則
手機(jī)界面設(shè)計(jì)開(kāi)發(fā)大致要經(jīng)過(guò)用戶需求調(diào)查、軟件產(chǎn)品初步設(shè)計(jì)、系統(tǒng)技術(shù)設(shè)計(jì)、分單元開(kāi)發(fā)、系統(tǒng)測(cè)試和用戶驗(yàn)收等幾個(gè)階段,其中用代碼實(shí)現(xiàn)產(chǎn)品功能只是軟件開(kāi)發(fā)的一個(gè)步驟。軟件產(chǎn)品的UI設(shè)計(jì)必須保障置界面于用戶的控制之下,保證用戶的記憶負(fù)擔(dān)最小化,保持界面的一致性須遵循的以下原則:
(1)簡(jiǎn)易性。簡(jiǎn)潔的手機(jī)界面能讓用戶容易使用、容易了解、并能減少用戶發(fā)生錯(cuò)誤選擇的概率。減少人們?cè)谑褂蒙系碾y識(shí)別、難理解、難操作的困惑。這是每一個(gè)優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)清晰完整,風(fēng)格與內(nèi)容相一致。
(2)記憶負(fù)擔(dān)最小化。人腦不比電腦儲(chǔ)存信息時(shí)間長(zhǎng)久,在設(shè)計(jì)界面時(shí)必須要考慮大腦接受信息的限度。人類的短期記憶不穩(wěn)定,24小時(shí)內(nèi)存在25%的遺忘率。所以對(duì)于手機(jī)用戶,瀏覽信息內(nèi)容要比記憶更容易。界面中的各種小細(xì)節(jié)常常增加用戶的使用負(fù)擔(dān),這就會(huì)像在公路上的減速帶或坑坑洼洼的地帶上行駛一樣,降低用戶的效率。
(3)用戶的熟悉程度。用戶通過(guò)已掌握的信息來(lái)認(rèn)識(shí)并自主操控界面,想用戶所想,做用戶所做。用戶總是按照自身的方式理解和使用。主流用戶群討厭難以操控復(fù)雜的界面,他們只想找到合適的方便的,容易操控的界面才是最具價(jià)值的設(shè)計(jì)。一個(gè)有序的界面能讓用戶輕松的使用。不要以功能的多寡來(lái)認(rèn)定產(chǎn)品的價(jià)值,應(yīng)該看產(chǎn)品能夠滿足用戶最高優(yōu)先級(jí)的目標(biāo),確定什么功能該保留,什么功能該刪除,從而排列功能優(yōu)先等級(jí)。
(4)安全性.用戶在使用界面時(shí),能自由的進(jìn)行選擇,同時(shí)所有選擇都是可返回的。在用戶使用手機(jī)步驟做出危險(xiǎn)選擇時(shí)有信息介入系統(tǒng)并提示,這樣能保證使用者使用時(shí)有個(gè)愉悅的心情,不擔(dān)心會(huì)出錯(cuò)。
3 手機(jī)UI界面人性化、趣味化設(shè)計(jì)
手機(jī)界面人性化、趣味化設(shè)計(jì)更好體現(xiàn)出科技以人為本體現(xiàn)出。界面設(shè)計(jì)是為了滿足軟件專業(yè)化、標(biāo)準(zhǔn)化的需求而產(chǎn)生的對(duì)軟件的使用界面進(jìn)行美化、優(yōu)化、規(guī)范化的設(shè)計(jì)分支。具體包括軟件啟動(dòng)封面設(shè)計(jì)、軟件框架設(shè)計(jì)、按鈕設(shè)計(jì)、面板設(shè)計(jì)、菜單設(shè)計(jì)、標(biāo)簽設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、滾動(dòng)條及狀態(tài)欄設(shè)計(jì)、安裝過(guò)程設(shè)計(jì)等。
(1)形象的人性化設(shè)計(jì)。之所以是人性化的設(shè)計(jì),是因?yàn)橥耆紤]到人是作為手機(jī)的使用者。好的設(shè)計(jì)一定是以它完美的功能性著稱的,再漂亮的設(shè)計(jì),如果失去其功能性,只不過(guò)是披著漂亮外衣的軀殼罷了。所以,形象的人性化設(shè)計(jì)是通過(guò)一系列的科學(xué)研究后,運(yùn)用總結(jié)出的理論來(lái)科學(xué)地指導(dǎo)實(shí)際操作。包括:感官的舒適度、美觀度、實(shí)用度等等。所以,手機(jī)UI界面人性化的設(shè)計(jì)是一項(xiàng)龐大的工程,它需要將軟件的各類設(shè)計(jì)按照邏輯性的排列后,一一與人對(duì)應(yīng),再根據(jù)人的使用習(xí)慣進(jìn)行設(shè)計(jì),并且在制作的過(guò)程中往往需要考慮到不同年齡不同領(lǐng)域的人的喜好。這就是為什么人性化的設(shè)計(jì)必定是形象且豐滿的,因?yàn)樗仨毰c大眾的需求保持高度一致。當(dāng)然,在設(shè)計(jì)的過(guò)程中,需要用到其他學(xué)科的知識(shí)例如心理學(xué)、人體工程學(xué)等來(lái)輔助手機(jī)界面的設(shè)計(jì)。只有在完善的知識(shí)體系的構(gòu)建下才能做出賦有科學(xué)性、高度嚴(yán)謹(jǐn)、舒適感極強(qiáng)的好的手機(jī)界面。
(2)互動(dòng)的趣味化設(shè)計(jì)。界面是人與手機(jī)產(chǎn)品互動(dòng)的媒介。好的手機(jī)界面不能僅僅滿足于舒適的適用感。在人性化的設(shè)計(jì)基礎(chǔ)上,我們應(yīng)該更加追求有趣味的、出其不意的愉悅感。如果說(shuō),一款UI界面的設(shè)計(jì)只是停留在“可使用”的初級(jí)階段,那么它必定是無(wú)法吸引眼球的。而我們要做的則是:安插令人意料之外的、富有創(chuàng)意的趣味化設(shè)計(jì)。例如:按鈕中一個(gè)抖動(dòng)的特效、圖標(biāo)的與眾不同亦或是滾動(dòng)條有別于傳統(tǒng)的滾動(dòng)方式,這些都能夠提升手機(jī)UI的趣味化。其實(shí)互動(dòng)的趣味化也是為了讓人們使用起來(lái)更便捷、舒適。好的設(shè)計(jì)是不需要說(shuō)明書(shū)的,因?yàn)樗昝赖郊词共豢凑f(shuō)明書(shū)也能被自如地使用,并且能讓人們體會(huì)到其中的樂(lè)趣所在。可以說(shuō),趣味是建立在人性化、科學(xué)性的基礎(chǔ)之上的,他們是完善手機(jī)UI中不可或缺的因素之一。
4 結(jié)語(yǔ)
隨著時(shí)代的發(fā)展,設(shè)計(jì)的潮流也是在不斷變化著。一個(gè)好的UI設(shè)計(jì)會(huì)讓軟件的操作變得舒適、簡(jiǎn)單、自由,并充分體現(xiàn)軟件產(chǎn)品的定位和特點(diǎn)。用戶對(duì)一個(gè)界面的首次體驗(yàn)是非常重要的。為了更好的幫助用戶快速適應(yīng)我們的設(shè)計(jì),設(shè)計(jì)應(yīng)該處于零狀態(tài),也就是什么都沒(méi)有發(fā)生的狀態(tài)。但這個(gè)狀態(tài)不是一塊空白的畫(huà)布,它應(yīng)該能夠?yàn)橛脩籼峁┓较蚝椭笇?dǎo),以此來(lái)幫助用戶快速地適應(yīng)設(shè)計(jì)。好的系統(tǒng)應(yīng)充分結(jié)合用戶的“過(guò)去的經(jīng)驗(yàn)”、“當(dāng)前的環(huán)境”及“將來(lái)的目標(biāo)”,在設(shè)計(jì)師稍加引導(dǎo)的前提下,保證界面處在用戶的掌控之中,讓他們來(lái)決定系統(tǒng)的狀態(tài),從而順利的協(xié)助用戶達(dá)到使用軟件的目的。
參考文獻(xiàn):
[1] Giles Colborne(英).簡(jiǎn)約至上[M].李松峰,秦緒文,譯.人民郵電出版社,2011.
關(guān)鍵詞:徽州;元素;手機(jī)界面;應(yīng)用
1 徽州元素應(yīng)用在手機(jī)界面設(shè)計(jì)中的意義
1.1 現(xiàn)代手機(jī)界面設(shè)計(jì)需要大量文化底蘊(yùn)的素材
隨著現(xiàn)代智能手機(jī)的發(fā)展,手機(jī)界面設(shè)計(jì)也成為人們所關(guān)注的問(wèn)題。現(xiàn)代手機(jī)的界面大多追求扁平化的設(shè)計(jì),每個(gè)廠家的界面大同小異,很難看出具有獨(dú)特視覺(jué)風(fēng)格界面設(shè)計(jì)。由于現(xiàn)代人對(duì)個(gè)性的追逐,因此手機(jī)的界面需要一種新的風(fēng)格和設(shè)計(jì)思路。將穿透徽州元素應(yīng)用在現(xiàn)代手機(jī)界面設(shè)計(jì)中,可以為手機(jī)的界面設(shè)計(jì)提供一種新的思路,同時(shí)增加其獨(dú)特的風(fēng)格,這是傳統(tǒng)與現(xiàn)代的融合,以手機(jī)界面為載體,展現(xiàn)傳統(tǒng)藝術(shù)的博大精深。在徽派建筑當(dāng)中有大量值得研究的傳統(tǒng)元素,而這些元素都傳達(dá)了各自的信息。例如,徽州馬頭墻的造型來(lái)源于其防火功能的需求,而現(xiàn)在則是徽派建筑的典型代表。將徽州符號(hào)要素與智能手機(jī)APP界面設(shè)計(jì)相結(jié)合,并不是簡(jiǎn)單地將兩者相加,而是通過(guò)創(chuàng)新設(shè)計(jì)方法找到二者之前的契合點(diǎn)。將徽州符號(hào)要素成功應(yīng)用到智能手機(jī)APP界面設(shè)計(jì)中,讓個(gè)性化的場(chǎng)景式界面更具中國(guó)的文化風(fēng)格。
1.2 為現(xiàn)代手機(jī)界面設(shè)計(jì)提供一種新思路
通過(guò)手機(jī)市場(chǎng)的調(diào)研可以發(fā)現(xiàn),現(xiàn)代智能手機(jī)大多采用兩種系統(tǒng),一種是安卓系統(tǒng),一種是IOS系統(tǒng),這些系統(tǒng)的界面設(shè)計(jì)大多都采用了相同的現(xiàn)代簡(jiǎn)約風(fēng)格,整體背景采用純色與簡(jiǎn)約線條搭配,當(dāng)然這種風(fēng)格非常適合年輕人審美,但是過(guò)度的單一就會(huì)形成個(gè)性的缺乏。對(duì)于手機(jī)界面設(shè)計(jì)的研究,很多人將水墨風(fēng)格、剪紙畫(huà)風(fēng)格等具有中國(guó)符號(hào)的元素應(yīng)用在界面設(shè)計(jì)中,這對(duì)于現(xiàn)代手機(jī)界面設(shè)計(jì)是一種傳承和創(chuàng)新,也為手機(jī)界面設(shè)計(jì)提供了一種新的思路。徽州元素是屬于中國(guó)符號(hào)元素中的一種,代表著徽州的歷史和文化底蘊(yùn)。它有著眾多的具有地方特色的符號(hào)元素,設(shè)計(jì)者可以從這些符號(hào)庫(kù)中自由選擇所需要的元素,進(jìn)行界面設(shè)計(jì)中的組合,因此通過(guò)研究徽州符號(hào)元素給予智能手機(jī)界面設(shè)計(jì)一種啟發(fā),將兩者巧妙地結(jié)合進(jìn)行探索。
2 徽州元素在手機(jī)界面設(shè)計(jì)中的應(yīng)用形式
2.1 手機(jī)待機(jī)界面設(shè)計(jì)
手機(jī)待機(jī)界面就是手機(jī)啟動(dòng)而等待進(jìn)入主程序的界面,一般待機(jī)界面的設(shè)計(jì)包含了時(shí)間日期和背景。手機(jī)的待機(jī)界面表現(xiàn)與手機(jī)的主題設(shè)計(jì)和系統(tǒng)定制有關(guān),不同主題設(shè)計(jì)會(huì)體現(xiàn)出不一樣的個(gè)性與風(fēng)格。徽州元素應(yīng)用于手機(jī)待機(jī)界面設(shè)計(jì)中應(yīng)該以徽州的印象作為設(shè)計(jì)風(fēng)格,體現(xiàn)徽州的重要視覺(jué)元素,在色調(diào)選擇中應(yīng)以黑白灰為主。待機(jī)界面的視覺(jué)風(fēng)格應(yīng)該是簡(jiǎn)約現(xiàn)代,這樣主要是為了改善人機(jī)交互,帶來(lái)更好的用戶體驗(yàn)。
2.2 手機(jī)場(chǎng)景界面設(shè)計(jì)
智能手機(jī)場(chǎng)景式界面設(shè)計(jì)中對(duì)中國(guó)畫(huà)構(gòu)圖章法取舍景的取舍上。的應(yīng)用,主要體現(xiàn)在場(chǎng)界面上的場(chǎng)景可以是室內(nèi)的,可以是室外的,也可以是某個(gè)特殊環(huán)境的場(chǎng)景,無(wú)論是怎樣的場(chǎng)景,都要服務(wù)于界面的可用性。所以,在場(chǎng)景的設(shè)計(jì)上,要注意取舍,不能把整個(gè)場(chǎng)景的所有角落都呈現(xiàn)在界面上,一方面,手機(jī)界面的尺寸有限,另一方面,所取的場(chǎng)景基于圖標(biāo)的擺設(shè)而定的,場(chǎng)景是有限的,不完整的,只取關(guān)鍵的部分即可。與中國(guó)畫(huà)中取舍不同的是,界面場(chǎng)景的取舍是有具體目標(biāo)依據(jù)的,相對(duì)客觀,取即有用,舍即丟棄,用戶也不需要根據(jù)界面中的取聯(lián)想舍的部分,聯(lián)想反倒阻礙了交互的順暢性,只需要在取的部分上執(zhí)行高效的動(dòng)作,完成用戶體驗(yàn)?zāi)繕?biāo)即可。
2.3 手機(jī)圖標(biāo)設(shè)計(jì)
手機(jī)的圖標(biāo)設(shè)計(jì)是人們了解手機(jī)功能的一種符號(hào)標(biāo)示,它在設(shè)計(jì)與手機(jī)的界面形成一個(gè)系統(tǒng)的、整體的視覺(jué)效果和人機(jī)交互體驗(yàn)。徽州元素應(yīng)用于手機(jī)圖標(biāo)設(shè)計(jì)中,應(yīng)該與手機(jī)背景相互契合,在視覺(jué)效果中應(yīng)該呈現(xiàn)出樸素而自然的表現(xiàn)手法,這樣能夠符合徽州的文化韻味。在圖標(biāo)的設(shè)計(jì)中,除了要考慮徽州元素的設(shè)計(jì)語(yǔ)言,還應(yīng)該結(jié)合現(xiàn)代圖標(biāo)設(shè)計(jì)的可視性,重在對(duì)徽州元素本質(zhì)的表達(dá),找到徽州元素中最具代表性的特征,用最簡(jiǎn)約的線條勾勒出來(lái),這是對(duì)具有徽州元素圖標(biāo)的“意”的把握。目前,現(xiàn)有的很多圖標(biāo)設(shè)計(jì)都有自己的獨(dú)特符號(hào),而且這些符號(hào)已經(jīng)被用戶默認(rèn)或者習(xí)慣使用了,例如現(xiàn)代社交軟件中的QQ、微信等,只要用戶看到企鵝就會(huì)自然想到QQ,所以對(duì)于這些圖標(biāo),在設(shè)計(jì)中要保持其原有的視覺(jué)形態(tài),在此基礎(chǔ)上應(yīng)用徽州元素于圖標(biāo)底層背景設(shè)計(jì)。
3 徽州元素在手機(jī)界面設(shè)計(jì)中的應(yīng)用方法
3.1 突出徽州印象的重要特征
徽州印象就是徽州的通識(shí)特征所給人的整體視覺(jué)感受。突出徽州印象的重要特征就是要將徽州的最重要的視覺(jué)感受直接表現(xiàn)在手機(jī)界面設(shè)計(jì)或者圖標(biāo)設(shè)計(jì)中。通過(guò)抽象和簡(jiǎn)化,提煉出徽州元素符號(hào)的本身特點(diǎn)和最典型特征,但是這種提煉不是單純的藝術(shù)形式上的創(chuàng)作,更多是要為后面的設(shè)計(jì)服務(wù),因此在提煉過(guò)程中,就必須將原有的符號(hào)以一種視覺(jué)化的點(diǎn)、線、面的形態(tài)語(yǔ)言顯現(xiàn)出來(lái),并且經(jīng)過(guò)提取后的符號(hào)要能夠體現(xiàn)出徽州元素的精髓和韻味。
3.2 表現(xiàn)徽州風(fēng)格的意境
徽州風(fēng)格的意境是徽州特有的符號(hào)通過(guò)組合和應(yīng)用所傳達(dá)給人的徽州精神內(nèi)涵。意境源于徽州元素的自然和氣韻等,通過(guò)有限的畫(huà)面空間傳達(dá)給觀者的一種思想上的想象空間。徽州符號(hào)元素的造型豐富獨(dú)特,經(jīng)過(guò)提煉與現(xiàn)代審美意識(shí)產(chǎn)生一定的共通性,用在手機(jī)界面設(shè)計(jì)中傳達(dá)徽州的精神內(nèi)涵。如徽州每家墻角下都有石雕的銅錢符號(hào),還有冰紋雕窗、馬頭墻剪影等這些紋樣具有很強(qiáng)的裝飾性,在現(xiàn)代設(shè)計(jì)中經(jīng)常被采用,體現(xiàn)了獨(dú)特的視覺(jué)效果和文化底蘊(yùn)。在手機(jī)界面設(shè)計(jì)中,要想表達(dá)出徽州風(fēng)格的意境美,需要場(chǎng)景界面的各個(gè)元素的協(xié)調(diào),包括場(chǎng)景中圖標(biāo)的線條造型、場(chǎng)景的徽州神韻以及整體的色彩基調(diào).
4 結(jié)語(yǔ)
徽州古建筑符號(hào)蘊(yùn)含著徽州文化的實(shí)質(zhì)和精髓。本文通過(guò)對(duì)徽州符號(hào)的分析和研究,探索其在手機(jī)界面設(shè)計(jì)中的應(yīng)用方式和方法,為智能手機(jī)的界面設(shè)計(jì)提供一種新的思路和方法。本文從分析徽州元素的應(yīng)用方式入手,深入挖掘其在現(xiàn)代手機(jī)界面設(shè)計(jì)中的轉(zhuǎn)化和延續(xù),將徽州元素和智能手機(jī)場(chǎng)景式界面設(shè)計(jì)巧妙結(jié)合,不僅可以找到徽州元素在智能手機(jī)界面設(shè)計(jì)中的創(chuàng)新設(shè)計(jì)方法,而且還能實(shí)現(xiàn)傳統(tǒng)文化藝術(shù)和現(xiàn)代手機(jī)界面設(shè)計(jì)的完美結(jié)合。
參考文獻(xiàn):
[1] .中國(guó)章回小說(shuō)考證[M].上海:上海書(shū)店,1979:337.
[2] 崔芳.徽派圖形元素的美學(xué)特征及在現(xiàn)代包裝設(shè)計(jì)中的應(yīng)用[J].濰坊教育學(xué)院學(xué)報(bào),2012,24(6).
[3] 周光云.試論徽派視覺(jué)圖式介入現(xiàn)代陶藝創(chuàng)作[J].衡水學(xué)院學(xué)報(bào),2010,12(6):91-93.
[關(guān)鍵詞]城市快速軌道交通TVM自動(dòng)售票機(jī)、界面設(shè)計(jì)、城市快速軌道交通、人性化設(shè)計(jì)
中圖分類號(hào):U293.2+21 文獻(xiàn)標(biāo)識(shí)碼:A 文章編號(hào):1009-914X(2013)06-0164-01
1、TVM自動(dòng)售票機(jī)的概念及意義
1.1 什么是TVM自動(dòng)售票機(jī)
TVM(Ticket Vending Machine)自動(dòng)售票機(jī)是指非人工的,能獨(dú)立完成銷售各類型票務(wù)的自動(dòng)銷售設(shè)備。它可以自動(dòng)識(shí)別、接受硬幣、紙幣、儲(chǔ)值票等付費(fèi)方式同時(shí)具有硬幣及紙幣找零的功能。目前TVM自動(dòng)售票機(jī)廣泛運(yùn)用于各類交通系統(tǒng)中,如航空、水運(yùn)等。在我國(guó),TVM自動(dòng)售票機(jī)被運(yùn)用最頻繁的區(qū)域主要集中在各城市快速軌道交通系統(tǒng)以及城際軌道交通系統(tǒng)中。TVM自動(dòng)售票機(jī)一般由觸摸屏、主屏顯示器、運(yùn)營(yíng)狀態(tài)顯示器、投幣口及出票口等幾部分構(gòu)成。有時(shí)根據(jù)使用場(chǎng)地、使用環(huán)境以及使用功能的不同,構(gòu)成部件也略有所不同。
1.2 城市快速軌道交通TVM自動(dòng)售票機(jī)的意義與作用
在現(xiàn)代城市發(fā)展過(guò)程中,交通系統(tǒng)的合理與完善程度一直是評(píng)判一個(gè)城市發(fā)展水平高低的重要標(biāo)準(zhǔn)之一。如今隨著城市的日益擴(kuò)張,城市人口數(shù)量日趨龐大,每個(gè)城市交通運(yùn)輸系統(tǒng)的壓力也逐漸的增強(qiáng),因此合理有效的緩解城市交通運(yùn)能壓力也成為現(xiàn)代城市發(fā)展必須要考慮的重要一面。而在各種緩解措施當(dāng)中,城市快速軌道交通系統(tǒng)的建立與發(fā)展,則對(duì)一個(gè)城市的合理布局,緩解城市整體交通運(yùn)能壓力起到了不可替換的重要作用。目前在中國(guó)各大城市中,凡通過(guò)購(gòu)票方式乘坐快速軌道交通的乘客,其中百分之八十五以上的人群都使用過(guò)獨(dú)立式自動(dòng)售票機(jī)。所以合理的、人性化的城市快速軌道交通TVM自動(dòng)售票機(jī)將會(huì)大大緩解城市快速軌道交通運(yùn)能,提高運(yùn)能效率。
2、城市快速軌道交通TVM自動(dòng)售票機(jī)界面概述
2.1 城市快速軌道交通TVM自動(dòng)售票機(jī)用戶界面概述
城市快速軌道交通TVM自動(dòng)售票機(jī)界面主要分為硬體操作界面和軟體操作界面,其中硬體操作界面也稱為實(shí)體操作界面,它包含顯示器、控制器以及與TVM自動(dòng)售票機(jī)上被使用者操作的實(shí)體部分。軟體操作界面通常以圖形形式呈現(xiàn),也被稱為圖形操作界面,使用者通常使用鼠標(biāo)、按鍵或手指與圖形界面進(jìn)行互動(dòng),而目前的城市快速軌道交通TvM自動(dòng)售票機(jī)的軟界面操作以手指操作為主。
2.2 城市快速軌道交通TVM自動(dòng)售票機(jī)用戶界面設(shè)計(jì)對(duì)城市快速軌道交通的意義
首先“城市快速軌道交通TVM自動(dòng)售票機(jī)操作界面”作為連接“使用者”與“TVM自動(dòng)售票機(jī)”之間的橋梁,對(duì)于構(gòu)建城市快速軌道交通TVM自動(dòng)售票機(jī)設(shè)計(jì)的基礎(chǔ)理論體系以及城市快速軌道交通理論體系具有重要作用。其次,城市快速軌道交通TVM自動(dòng)售票機(jī)界面設(shè)計(jì)的合理性與高效性也影響到城市快速軌道交通的整個(gè)運(yùn)能。合理且人性化的城市快速軌道交通TVM自動(dòng)售票機(jī)操作界面會(huì)通過(guò)最簡(jiǎn)便的方式引導(dǎo)使用者操作TVM自動(dòng)售票機(jī),同時(shí)在整個(gè)過(guò)程中不會(huì)使使用者產(chǎn)生操作歧義,從而降低使用者的操作時(shí)間,提高使用者的購(gòu)票效率,間接幫助緩解城市快速軌道交通系統(tǒng)的運(yùn)能壓力。
3、城市快速軌道交通TVM自動(dòng)售票機(jī)界面設(shè)計(jì)方法
在任何產(chǎn)品設(shè)計(jì)過(guò)程中,設(shè)計(jì)首先需要解決的問(wèn)題就是如何處理信息、產(chǎn)品、環(huán)境三者與使用者之間的關(guān)系。而在對(duì)城市快速軌道交通TVM自動(dòng)售票機(jī)界面設(shè)計(jì)過(guò)程中,這一關(guān)系的處理則尤其重要。
首先,城市快速軌道交通TVM自動(dòng)售票機(jī)界面設(shè)計(jì)應(yīng)以“用戶為中心”作為出發(fā)點(diǎn),即在軟、硬界面設(shè)計(jì)中,強(qiáng)調(diào)以“用戶研究”為中心。通過(guò)“用戶行為模型”及“群體文化學(xué)”來(lái)對(duì)城市快速軌道交通TVM自動(dòng)售票機(jī)使用群體進(jìn)行深入研究,了解使用者的心理及生理影響下所體現(xiàn)的行為方式。
其次,在如今信息時(shí)代的高速發(fā)展下,產(chǎn)品作為信息傳遞的載體往往需要傳遞給消費(fèi)者多種信息,使用者在使用城市快速軌道交通TvM自動(dòng)售票機(jī)的過(guò)程實(shí)際上是一個(gè)接受信息發(fā)送信息接受信息發(fā)送信息的人與機(jī)器交互信息的過(guò)程,因此在城市快速軌道交通TvM自動(dòng)售票機(jī)界面設(shè)計(jì)過(guò)程中,必須運(yùn)用圖形符號(hào)學(xué)、產(chǎn)品語(yǔ)意學(xué)、用戶行為學(xué)等理論來(lái)分析使用者對(duì)信息的接收與發(fā)送方式,進(jìn)而將這種方式合理的運(yùn)用到城市快速軌道交通TvM自動(dòng)售票機(jī)界面設(shè)計(jì)中去。
再次,在城市快速軌道交通TVM自動(dòng)售票機(jī)界面設(shè)計(jì)的過(guò)程中,還應(yīng)該考慮TVM自動(dòng)售票機(jī)的使用環(huán)境,環(huán)境的不同,也決定著城市快速軌道交通TVM自動(dòng)售票機(jī)界面設(shè)計(jì)的不同。如室內(nèi)外光照的區(qū)別,對(duì)使用者信息的識(shí)別度有著不同的影響,同時(shí)也影響到城市快速軌道交通TVM自動(dòng)售票機(jī)界面的設(shè)計(jì)。
4、城市快速軌道交通TVM自動(dòng)售票機(jī)界面設(shè)計(jì)的評(píng)判原則
優(yōu)秀的城市快速軌道交通TVM自動(dòng)售票機(jī)界面設(shè)計(jì)以提升用戶使用滿意度與便捷度為目的,對(duì)于用戶而言,TVM自動(dòng)售票機(jī)界面應(yīng)該提供友好與自然的操作方式,同時(shí)最大程度的減少使用者心理及生理上的負(fù)擔(dān),防止他們?cè)诓僮鹘缑鏁r(shí)產(chǎn)生操作歧義。
其次優(yōu)秀的城市快速軌道交通TVM自動(dòng)售票機(jī)界面應(yīng)該幫助提升使用者對(duì)城市快速軌道交通TVM自動(dòng)售票機(jī)的“理解”,能使用戶對(duì)城市快速軌道交通TVM自動(dòng)售票機(jī)產(chǎn)生友好、信賴的觀念并勾起使用者的“情感和回憶”。
關(guān)鍵詞:界面設(shè)計(jì);扁平化;擬物化;人性化
一.扁平化界面設(shè)計(jì)的現(xiàn)狀分析
當(dāng)下界面設(shè)計(jì)的扁平化浪潮可謂如日中天,從微軟的window8開(kāi)始,還有后來(lái)Google的Android,到現(xiàn)在的蘋果iphone的IOS,都采用了扁平化的設(shè)計(jì)理念。
Windows操作系統(tǒng)作為PC市場(chǎng)占有率最高的產(chǎn)品,多年來(lái)讓微軟幾乎處于行業(yè)的壟斷地位。Windows8的出現(xiàn),Metro界面使人眼前為之一亮,讓人不禁駐足,扁平化的界面設(shè)計(jì),在視覺(jué)上吸引人的目光。
微軟為觸控用戶推出的Metro風(fēng)格界面,能向用戶顯示重要信息,這個(gè)界面同時(shí)支持鼠標(biāo)和鍵盤,并應(yīng)用于平板設(shè)備。Metro界面設(shè)計(jì)風(fēng)格優(yōu)雅,可以令用戶獲取一個(gè)美觀、快捷流暢的界面和大量可供使用的新應(yīng)用程序。正如微軟所展示的那樣,通過(guò)出色的觸控體驗(yàn),同時(shí)又可以使用鼠標(biāo)、觸控板和鍵盤工作。如果用戶希望沉浸在Metro界面中,那么將永遠(yuǎn)不會(huì)看到桌面,除非刻意選擇,否則系統(tǒng)不會(huì)加載它,這樣的Windows將煥然一新。今后的微軟產(chǎn)品中將更多的看到Metro的影子,而更少的看到傳統(tǒng)的Windows視窗界面。
扁平化的局限性也是很明顯的,如果使用扁平化設(shè)計(jì)時(shí)出現(xiàn)偏差,會(huì)直接影響應(yīng)用性。界面中的一些細(xì)節(jié)對(duì)于用戶能否順暢地使用應(yīng)用,擬物化設(shè)計(jì)中按鈕帶有輕微漸變的圓角設(shè)計(jì),導(dǎo)航欄輕微懸浮的效果,這些或多或少都會(huì)引導(dǎo)用戶去使用,如果去除這些細(xì)節(jié),界面中的每個(gè)元素都將被置于同一水平面,用戶在使用時(shí)將不可避免地產(chǎn)生疑惑,這是一個(gè)按鈕還是一個(gè)標(biāo)題?如果我點(diǎn)擊它,會(huì)出現(xiàn)什么了?
二.扁平化界面設(shè)計(jì)所存在的問(wèn)題
Iphone第一代從07年的第一天就轟動(dòng)了世界,那時(shí)候還沒(méi)有電容屏的手機(jī),諾基亞還是N95,號(hào)稱機(jī)皇。Iphone立即上了很多知名報(bào)刊的頭版頭條,到了08年第二代3G版本逐漸成熟,公眾開(kāi)始意識(shí)到它的影響力。Iphone一直是時(shí)尚的引領(lǐng)者,從一代的擬物化界面設(shè)計(jì),注重界面的細(xì)節(jié),每個(gè)圖標(biāo)和按鈕做到極致。到如今IOS7的出現(xiàn),設(shè)計(jì)風(fēng)格與以往的截然不同,但依然吸引著很大一批用戶。視覺(jué)輕盈,色彩豐富,更顯時(shí)尚氣息,深的年輕消費(fèi)者的喜愛(ài),扁平化的設(shè)計(jì)能在某種程度上減輕跨平臺(tái)的應(yīng)用設(shè)計(jì)壓力。
雖然蘋果公司的產(chǎn)品得到用戶的喜愛(ài),但仍然存在一些問(wèn)題。比如:桌面圖標(biāo)組的背景框取消了,存在對(duì)比度的問(wèn)題,尤其是白色字體顯示的應(yīng)用名,很多時(shí)候會(huì)看不清。下拉手勢(shì)的困惑,從屏幕頂端向下滑動(dòng)手指,可以調(diào)出IOS系統(tǒng)中的通知菜單。蘋果在IOS7中定義,如果不是從屏幕最頂端向下滑動(dòng),而從中間某個(gè)地方開(kāi)始向下滑動(dòng),則直接調(diào)出搜索框。但在實(shí)際操作過(guò)程中,出現(xiàn)錯(cuò)誤的情況要比想象的多得多。還有,蘋果在IOS7中加入了“控制中心”功能,該功能通過(guò)從屏幕底端向上滑動(dòng)調(diào)出,再通過(guò)向下滑動(dòng)關(guān)閉。然而,如果手指在“控制中心”的框體內(nèi)進(jìn)行向下滑動(dòng)操作,那么控制對(duì)象將是關(guān)閉藍(lán)牙模塊還是Wi-Fi模塊了?還有一個(gè)用的比較多的鍵盤輸入依舊跟從前一樣,沒(méi)有任何改進(jìn),還是要就用戶去點(diǎn)擊那個(gè)小的可憐的按鍵。
“如果一個(gè)藝術(shù)家創(chuàng)造一件藝術(shù)品的主要意圖,就是獲取平衡或和諧的形式關(guān)系,而不顧及究竟這種平衡要傳達(dá)什么意義,他就會(huì)陷入無(wú)目的的形式游戲之中。” [1]
扁平化設(shè)計(jì)雖然在視覺(jué)上給人耳目一新的感覺(jué),吸引人眼球,但是在用戶體驗(yàn)上面還是需要花精力去調(diào)研的。不難發(fā)現(xiàn),扁平化的界面設(shè)計(jì)在大部分用戶中還不是很普及,特別是小孩老人,畢竟在圖標(biāo)的表現(xiàn)形式上去除了擬物化,扁平化的設(shè)計(jì)在識(shí)別度上沒(méi)有那么直觀,增加了學(xué)習(xí)成本。此外,扁平化的設(shè)計(jì)風(fēng)格很容易讓界面沒(méi)有層次感,使用起來(lái)不方便也是一個(gè)問(wèn)題。那么,面對(duì)這些問(wèn)題,我們要如何去完善了?
三.扁平化界面設(shè)計(jì)的優(yōu)化途徑
扁平化設(shè)計(jì)―這個(gè)早在多年前非常流行的設(shè)計(jì)領(lǐng)域,又再一次卷土重來(lái)了。許多新網(wǎng)站以及需要重新設(shè)計(jì)的網(wǎng)站都紛紛采用了扁平化設(shè)計(jì)的方案,這種趨勢(shì)無(wú)論是在網(wǎng)頁(yè)設(shè)計(jì)或者移動(dòng)端的設(shè)計(jì)方面都已經(jīng)蔓延開(kāi)了。扁平風(fēng)格的一個(gè)優(yōu)勢(shì)就在于他可以更加簡(jiǎn)單直接的將信息和事物的工作方式展示出來(lái),減少認(rèn)知障礙的產(chǎn)生。
“視覺(jué)是一種積極地探索,它是有高度選擇性的,不僅對(duì)那些能夠吸引它的事物進(jìn)行選擇,而且對(duì)看到的任何一種事物進(jìn)行選擇。” [2]
對(duì)于界面設(shè)計(jì)來(lái)說(shuō),也是一樣的道理。要在實(shí)際當(dāng)中卓有成效的實(shí)現(xiàn)扁平化風(fēng)格的設(shè)計(jì)美學(xué),作為設(shè)計(jì)師,我們本質(zhì)上最需要關(guān)注的是產(chǎn)品功能如何運(yùn)作,而不僅僅是考慮視覺(jué)表現(xiàn)方面的問(wèn)題。在UI設(shè)計(jì)中,我們要記得設(shè)計(jì)是為產(chǎn)品功能服務(wù)的,如何用簡(jiǎn)單的界面和交互展示出產(chǎn)品的的功能是我們需要考慮的。簡(jiǎn)單不是簡(jiǎn)陋,去掉影響用戶理解和體驗(yàn)的視覺(jué)元素,使用合理的動(dòng)畫(huà)效果,自然地引導(dǎo)用戶使用軟件。比如閱讀類應(yīng)用中,用戶的主要需求是閱讀,所以要將影響閱讀的UI元素隱藏起來(lái),在用戶需要的時(shí)候能夠通過(guò)手勢(shì)操作喚醒。
扁平化并不是簡(jiǎn)單地去除復(fù)雜的裝飾效果。畢竟,用簡(jiǎn)單的線條和色塊來(lái)表達(dá)信息并不沒(méi)有相對(duì)于精雕細(xì)琢的實(shí)物再現(xiàn)效果的優(yōu)勢(shì)那么直觀。簡(jiǎn)潔而精準(zhǔn)的圖形設(shè)計(jì)要求設(shè)計(jì)師具備極強(qiáng)的視覺(jué)傳達(dá)設(shè)計(jì)能力,能夠運(yùn)用縝密的邏輯思維加以抽象和總結(jié)才能表現(xiàn)出來(lái)。
最重要的一點(diǎn),界面設(shè)計(jì)中著重突出那些與核心功能或常見(jiàn)操作相關(guān)的交互元素,將其他操作元素置于次要位置,使界面得到最有針對(duì)性的優(yōu)化和簡(jiǎn)化。讓用戶在最短的時(shí)間內(nèi)清除的識(shí)別出信息和功能的層級(jí)關(guān)系,并且很容易的知道接下來(lái)應(yīng)該做什么。當(dāng)點(diǎn)擊行為發(fā)生時(shí),使用旋轉(zhuǎn)圖標(biāo)提示用戶系統(tǒng)正在進(jìn)行響應(yīng),要立刻向用戶提供清新明確的視覺(jué)反饋,動(dòng)畫(huà)過(guò)渡效果就是一種比較常見(jiàn)的反饋方式。“對(duì)目標(biāo)受眾而需求了如指掌是優(yōu)化用戶體驗(yàn)的重要途徑,脫離用戶的產(chǎn)品是很難得到目標(biāo)用戶的青睞。” [3]
最后,要了解目標(biāo)用戶有可能對(duì)產(chǎn)品進(jìn)行哪些方面的探索。“許多設(shè)計(jì)師相信,我們的未來(lái)可能建立在探尋設(shè)計(jì)社會(huì)互動(dòng)的方法、促進(jìn)成年人與他人友好游戲的意愿和能力上。” [4]一旦用戶習(xí)慣了產(chǎn)品的界面與基礎(chǔ)功能,并開(kāi)始向高級(jí)用戶的階段進(jìn)發(fā)時(shí),要為他們的探索和學(xué)習(xí)行為進(jìn)行必要的指導(dǎo)與獎(jiǎng)勵(lì)回饋,提高用戶的忠誠(chéng)度。(作者單位:武漢紡織大學(xué)藝術(shù)設(shè)計(jì)學(xué)院)
參考文獻(xiàn)
[1] [2](美)魯?shù)婪?阿恩海姆著,滕守堯、朱疆源譯.《藝術(shù)與視知覺(jué)》[M].四川人民出版社,2006.
[關(guān)鍵詞]交互性 界面設(shè)計(jì) 設(shè)計(jì)符號(hào) 用戶體驗(yàn)
[中圖分類號(hào)]J01 [文獻(xiàn)標(biāo)識(shí)碼]A [文章編號(hào)]1009-5349(2012)02-0099-01
傳統(tǒng)理念上,設(shè)計(jì)主要是基于審美需求。隨著網(wǎng)絡(luò)媒介的發(fā)展,設(shè)計(jì)者開(kāi)始尋找和理解用戶真正的需求,通過(guò)有效的設(shè)計(jì),提供給用戶可學(xué)習(xí)、可交流、可控制、多變化的,同時(shí)也能滿足審美需要的產(chǎn)品。交互界面設(shè)計(jì)也從最初“炫酷”的外表和“炫彩”的動(dòng)畫(huà)轉(zhuǎn)向用戶所期望的,能夠在網(wǎng)上參與活動(dòng)、滿足其愿望、需求的新型交流載體。
一、交互性
交互是指“兩個(gè)參與者交替聽(tīng)、說(shuō)、想的循環(huán)過(guò)程”或者說(shuō)“在兩者之間連續(xù)作用和反應(yīng)的過(guò)程”。交互性是人際交往的出發(fā)點(diǎn),是傳播媒介的有效途徑,也是我們弘揚(yáng)燦爛文化的關(guān)鍵點(diǎn)。
(一)原始交互
最原始的信息傳遞是通過(guò)觸覺(jué)、視覺(jué)、嗅覺(jué)等表達(dá)性語(yǔ)言傳達(dá)意義,相互交流、及時(shí)反饋所需信息的。從最初的肢體語(yǔ)言提供信號(hào)到借助他人或物表達(dá)意義,如烽火狼煙,充分發(fā)揮了視覺(jué)信息傳遞的空間性和持久性。圖畫(huà)、文字的形成與發(fā)展,使人們記錄和傳遞信息的能力逐漸加強(qiáng)。
(二)視聽(tīng)交互
隨著技術(shù)的發(fā)展,人類逐漸克服了視覺(jué)和聽(tīng)覺(jué)在穿越時(shí)空的不穩(wěn)定性、不可靠性等自然局限,但是隨之而來(lái)不可避免的結(jié)果是受眾的參與度降低,遺失了人際交往中原有的豐富細(xì)節(jié)和感受。廣播、電視、電影、電話等媒介的發(fā)展雖然在一定程度上增強(qiáng)了人類的視聽(tīng)能力,卻繼續(xù)偏離了原始交互的實(shí)現(xiàn)。
(三)網(wǎng)絡(luò)交互
相比文字、影視等媒體,網(wǎng)絡(luò)媒介最大的獨(dú)特優(yōu)勢(shì)在于其交互性。從原始的形象表達(dá)方式到文字表達(dá)到聲音、文字、圖像結(jié)合的超文本表達(dá),信息的傳遞更加精準(zhǔn)化、完整化。網(wǎng)絡(luò)技術(shù)使人類再次得以解放,人類可以借助視、聽(tīng)、觸覺(jué)等多種方式獲取更廣泛的社會(huì)資源。于此同時(shí),對(duì)于交互有了更多的追求。交互設(shè)計(jì)的真正意義在于放棄了視覺(jué)聽(tīng)覺(jué)的安排,讓位于感官的隨意參與,網(wǎng)絡(luò)媒介重新恢復(fù)了面對(duì)面的人際互動(dòng)。
二、界面設(shè)計(jì)中符號(hào)的運(yùn)用
交互界面中的設(shè)計(jì)符號(hào)發(fā)揮著一個(gè)向?qū)У淖饔茫怯脩粼诃h(huán)境參與的過(guò)程中進(jìn)行體驗(yàn)的敘述和導(dǎo)航。
(一)界面設(shè)計(jì)中符號(hào)的所指
在互聯(lián)網(wǎng)和3G技術(shù)建筑的虛擬空間里,用戶通過(guò)瀏覽網(wǎng)頁(yè)、操作界面來(lái)獲取或傳播相應(yīng)的信息。因而,讀取的同時(shí)直接意味著內(nèi)容、圖形和文字也成為設(shè)計(jì)符號(hào)所要傳達(dá)的內(nèi)容和意義。所以,獲取實(shí)用性和功能性的信息成為設(shè)計(jì)符號(hào)的外延意義,同時(shí)也成為符號(hào)所指的主體。將界面轉(zhuǎn)化成為生動(dòng)有意義的藝術(shù)符號(hào)形態(tài),能夠激發(fā)用戶獲取信息的樂(lè)趣,并在使用的過(guò)程中保持熱情和注意力。
(二)界面設(shè)計(jì)中符號(hào)的能指
借助數(shù)字化手段,藝術(shù)設(shè)計(jì)符號(hào)在界面設(shè)計(jì)中的表現(xiàn)更加豐富多元化。交互界面設(shè)計(jì)中設(shè)計(jì)符號(hào)的運(yùn)用,不僅傳達(dá)單純的意義,更表現(xiàn)的是一種思維說(shuō)話的方式,促使人們?cè)谑孢m的環(huán)境氣氛中,進(jìn)行有效溝通。同時(shí),設(shè)計(jì)符號(hào)承載著巨大的信息量,一個(gè)符號(hào)可以作為一個(gè)發(fā)散點(diǎn),借助超鏈接這一獨(dú)特的符號(hào)形式,指向上一級(jí)網(wǎng)頁(yè)或者下一級(jí)網(wǎng)頁(yè),抑或另一個(gè)網(wǎng)頁(yè)的主頁(yè),實(shí)現(xiàn)其實(shí)用功能的擴(kuò)展。網(wǎng)絡(luò)系統(tǒng)聯(lián)系更加緊密,符號(hào)能指的信息量擴(kuò)大,最終實(shí)現(xiàn)跳躍和延展。
(三)界面設(shè)計(jì)中符號(hào)的傳播
界面設(shè)計(jì)中的符號(hào)運(yùn)用在視覺(jué)傳播中具有重要價(jià)值。人們?cè)谛畔⒔涣鳌鞑サ倪^(guò)程中,突破了傳統(tǒng)單一的交流方式,轉(zhuǎn)為雙向交流的模式。每個(gè)人既是信息資源的消費(fèi)者,同樣也是信息資源的生產(chǎn)者和提供者。設(shè)計(jì)符號(hào)的發(fā)散性傳播,帶給我們的不僅僅是可見(jiàn)、可觸的視覺(jué)形象,而是可見(jiàn)、可聽(tīng)、可供想象的知覺(jué)統(tǒng)一體。
三、用戶體驗(yàn)
創(chuàng)造有意義的用戶體驗(yàn),一直是交互界面設(shè)計(jì)不斷的追求。創(chuàng)造富足的交互體驗(yàn)?zāi)軌驇椭藗兏臁⒏玫乩斫夂捅磉_(dá)。如何創(chuàng)造更美妙的體驗(yàn)是設(shè)計(jì)師需要思考的問(wèn)題,也許我們需要更多的從舞蹈、演唱、戲劇、創(chuàng)作上尋求靈感,積極學(xué)習(xí)交互的相關(guān)知識(shí),同時(shí)合理地利用網(wǎng)絡(luò)技術(shù),進(jìn)行有效溝通,提高舒適感。
從本質(zhì)上講,交互界面仍然是人與人之間的對(duì)話,只是模糊了傳統(tǒng)群體形式單一的交流方式,雖然計(jì)算機(jī)永遠(yuǎn)都實(shí)現(xiàn)不了真正意義上的交互,但新穎別致的交互界面設(shè)計(jì)將會(huì)使系統(tǒng)更加默契、完整,增加用戶體驗(yàn)的動(dòng)態(tài)感和趣味性。
【參考文獻(xiàn)】
[1]馬克思•本澤,伊麗莎白•瓦爾特(著),徐恒醇(譯).廣義符號(hào)學(xué)及其在設(shè)計(jì)中的應(yīng)用[M].北京:中國(guó)社會(huì)科學(xué)出版社,1992.
[關(guān)鍵詞]:情感;APP;界面設(shè)計(jì);三層次理論
隨著體驗(yàn)時(shí)代的到來(lái),產(chǎn)品設(shè)計(jì)師逐步認(rèn)識(shí)到,人們?cè)诨拘枨蟮玫綕M足的情況下,更關(guān)心情感上的需求和精神上的慰藉。加大情感體驗(yàn)在產(chǎn)品設(shè)計(jì)中所占的比重,設(shè)計(jì)出更多滿足消費(fèi)者情感需求的產(chǎn)品,將會(huì)是市場(chǎng)的必然趨勢(shì)[1]。在APP產(chǎn)品同質(zhì)化現(xiàn)象日趨顯著競(jìng)爭(zhēng)日愈激烈的當(dāng)下,將情感融入到產(chǎn)品界面設(shè)計(jì)之中也顯得尤為重要。
1、 APP產(chǎn)品的情感需求與情感化設(shè)計(jì)
《心理學(xué)大辭典》中認(rèn)為的:“情感是人對(duì)客觀事物是否滿足自己的需要而產(chǎn)生的態(tài)度體驗(yàn)”。在Aarron Walter的《Designing for Emotion》一書(shū)中,作者將用戶界面設(shè)計(jì)需求與馬洛斯的人類需求層次理論聯(lián)系起來(lái),產(chǎn)品特質(zhì)被劃分為功能性、可依賴性、可用性和愉悅性四個(gè)層面,而愉悅性層面處于普遍缺失釤。因此,我們的APP界面設(shè)計(jì)需要超越可用性,融入能夠給用戶帶來(lái)愉悅情感體驗(yàn)的情感化設(shè)計(jì)[2]。
美國(guó)學(xué)者唐納德?A?諾曼在《設(shè)計(jì)心理學(xué)3:情感設(shè)計(jì)》一書(shū)中表示:一個(gè)令人愉悅、具有美感的物品,是以感官訴求為特點(diǎn),令使用者的印象更為深刻,使用者感受到物品所帶來(lái)的吸引力,從而形成情感上的聯(lián)系。諾曼從知覺(jué)心理學(xué)出發(fā),根據(jù)人類大腦三種運(yùn)作層次,提出情感化設(shè)計(jì)的三個(gè)不同的層次,即本能層次、行為層次和反思層次[3]。
本能層次是指人類先天的部分,事物的外形、聲音、材質(zhì)、味道等等信號(hào)特征對(duì)人產(chǎn)生的視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)、味覺(jué)等的刺激占主導(dǎo)作用。行為層次是指人類日常行為部分,人們使用各類工具與產(chǎn)品完成目標(biāo)任務(wù)來(lái)滿足需求,是圍繞產(chǎn)品的功能的實(shí)現(xiàn)過(guò)程進(jìn)行評(píng)價(jià)的。反思層次依賴產(chǎn)品帶給人們的記憶和使用產(chǎn)品所帶來(lái)的自豪感,以及一些深層次的意識(shí)活動(dòng)帶來(lái)的樂(lè)趣。反思層次設(shè)計(jì)是本能層次設(shè)計(jì)和行為層次設(shè)計(jì)在具體文化、環(huán)境、價(jià)值基礎(chǔ)上的深化與升華。
2、情感化設(shè)計(jì)在APP界面設(shè)計(jì)中的運(yùn)用
諾曼的情感化設(shè)計(jì)理論在設(shè)計(jì)領(lǐng)域具有廣泛的指導(dǎo)作用和啟發(fā)意義[4],APP 的界面是產(chǎn)品最終效果的呈現(xiàn),是實(shí)現(xiàn)用戶與產(chǎn)品交流的窗口。用戶通過(guò)界面了解和使用產(chǎn)品,界面設(shè)計(jì)的優(yōu)劣直接影響產(chǎn)品的使用效率、用戶評(píng)價(jià)和口碑。三個(gè)層次的設(shè)計(jì)在APP界面設(shè)計(jì)中的運(yùn)用可以對(duì)應(yīng)表現(xiàn)為:本能層的設(shè)計(jì)即關(guān)注界面的外觀視覺(jué)美觀;行為層的設(shè)計(jì)即關(guān)注交互操作行為的樂(lè)趣;反思層的設(shè)計(jì)即關(guān)注長(zhǎng)期印象和品牌的建立。
3情感化的APP界面設(shè)計(jì)方法
3.1 滿足用戶本能層的情感需求:刺激感官,本能
讓用戶初次接觸產(chǎn)品時(shí)就能認(rèn)識(shí)到產(chǎn)品設(shè)計(jì)的美感,并愿意進(jìn)一步使用和體驗(yàn)。設(shè)計(jì)方法主要體現(xiàn)在色彩元素、文本元素、圖形元素以及版式布局的運(yùn)用[5]。
3.1.1色彩元素的運(yùn)用
不同色相帶給人不同的情感聯(lián)想,與用戶性別、所處的環(huán)境、文化以及個(gè)人經(jīng)驗(yàn)有關(guān)。一方面要注重色彩的心理感知,使用符合用戶特點(diǎn)的色彩。另一方面,
需基于功能分布合理配色,色彩的使用既要有統(tǒng)一性,形成 APP 區(qū)別于其他產(chǎn)品的獨(dú)特個(gè)性,也要兼顧不同功能區(qū)承載的作用,協(xié)調(diào)、呼應(yīng)、對(duì)比,通過(guò)合理的配色提升 APP 界面的易用性。
3.1.2 文本元素的運(yùn)用
文本元素是 APP 與用戶溝通以及用戶與用戶之間進(jìn)行信息傳遞的重要載體。一方面,字形、字號(hào)、顏色、粗細(xì)等構(gòu)成了字體的基本屬性。受限于屏幕尺寸,建議設(shè)計(jì)中使用的文本控制在一到兩種字體,通過(guò)改變字體的大小、顏色、間距、行距等來(lái)提升文本展示的層次性。另一方面,APP用戶的使用情境的多樣性構(gòu)成字體的外部環(huán)境,直接挑戰(zhàn)著字體設(shè)計(jì)的可讀和易讀性。設(shè)計(jì)中需充分預(yù)見(jiàn)可變因素,積極適應(yīng)外部環(huán)境的變化,實(shí)現(xiàn)用戶自主調(diào)整文本元素屬性,增強(qiáng)界面的可控性。
3.1.3 圖形元素的運(yùn)用
圖形不僅能夠減少用戶認(rèn)知負(fù)擔(dān),同時(shí)能夠傳遞給用戶美的享受。APP界面設(shè)計(jì)中的圖形元素主要分為兩種:Logo 圖標(biāo)和界面中的功能性圖標(biāo)。Logo圖標(biāo)是用戶下載和使用 APP 的重要入口,承載著用戶的第一印象和感受,與其他界面一起向用戶傳達(dá)著整個(gè)產(chǎn)品的設(shè)計(jì)理念。在色彩、樣式、質(zhì)感等設(shè)計(jì)元素上應(yīng)與 APP 的其他界面相統(tǒng)一,構(gòu)成 APP 的視覺(jué)特點(diǎn),幫助用戶形成連續(xù)的視覺(jué)體驗(yàn),增強(qiáng)用戶對(duì)APP的感知。APP界面中的功能性圖標(biāo)通常設(shè)計(jì)簡(jiǎn)潔,主要使用于導(dǎo)航欄、工具欄和標(biāo)簽欄。不同的操作系統(tǒng)提供了很多標(biāo)準(zhǔn)的圖形控件供設(shè)計(jì)師和開(kāi)發(fā)者使用,這些圖標(biāo)對(duì)用戶來(lái)說(shuō)概括性強(qiáng),相互一致,更易理解識(shí)別,應(yīng)盡量采用這些標(biāo)準(zhǔn)圖標(biāo)。
3.1.4版式布局的運(yùn)用
版式布局雖存在一定的規(guī)律可循,但具體到不同 APP 的不同界面,一方面需界面形式服務(wù)于界面內(nèi)容。另一方面,需在設(shè)計(jì)之初便對(duì)APP界面有整體性把握,不同功能界面既變化又統(tǒng)一,力求所有界面無(wú)論從審美還是交互都能在相同元素的統(tǒng)一和不同元素的變化中創(chuàng)造出用戶可以識(shí)別的界面模式。
3.2 滿足用戶行為層的情感需求:趣味互動(dòng)、社交體驗(yàn)
主要是從互動(dòng)形式和互動(dòng)內(nèi)容兩方面體現(xiàn)界面的操作樂(lè)趣。互動(dòng)形式包括簡(jiǎn)化操作過(guò)程、智能技術(shù)應(yīng)用。互動(dòng)內(nèi)容包括使用游戲策略和增強(qiáng)社會(huì)互動(dòng)。
3.2.1簡(jiǎn)化操作過(guò)程
APP的操作界面設(shè)計(jì)一方面需著重考慮效率與時(shí)間的因素。人們處理信息、學(xué)習(xí)規(guī)程和記憶細(xì)節(jié)的能力有限,減少冗余步驟和干擾項(xiàng),能夠減少用戶的記憶負(fù)擔(dān),提高互動(dòng)效率。另一方面在交互操作中,當(dāng)過(guò)程無(wú)法簡(jiǎn)化時(shí),可以將復(fù)雜操作轉(zhuǎn)移給系統(tǒng),讓機(jī)器代替用戶進(jìn)行操作。如記錄用戶名和密碼、自動(dòng)識(shí)別用戶IP所在的城市等交互設(shè)計(jì)細(xì)節(jié)。
3.2.2智能技術(shù)應(yīng)用
隨著信息技術(shù)的高速發(fā)展,手機(jī)交互技術(shù)也實(shí)現(xiàn)了數(shù)次重大革命,體驗(yàn)領(lǐng)域的不斷突破,優(yōu)化著用戶體驗(yàn)。APP產(chǎn)品中智能交互技術(shù)的有效應(yīng)用,如指紋識(shí)別、語(yǔ)音識(shí)別、眼球識(shí)別、面部識(shí)別等技術(shù)的應(yīng)用,能在增強(qiáng)用戶信息安全時(shí)帶來(lái)不一樣的操作體驗(yàn),也能間接提升用戶對(duì)產(chǎn)品的好感度。
3.2.3使用游戲策略
游戲的本質(zhì)是被設(shè)計(jì)出來(lái)的欲望。如流行的智能手環(huán),能夠把每天走了多少步分享到朋友圈中,這就是一種游戲的競(jìng)爭(zhēng)激勵(lì)機(jī)制。常見(jiàn)的用戶簽到、級(jí)別劃分、活動(dòng)獎(jiǎng)勵(lì)、成就累計(jì)展示等,能夠提高用戶使用APP的積極性與參與感。
3.2.4增強(qiáng)社會(huì)互
人們溝通情感的需求決定APP產(chǎn)品的社交屬性。評(píng)論、點(diǎn)贊、關(guān)注、分享、吐槽等都是社會(huì)化互動(dòng)情感需求的體現(xiàn)。表達(dá)與傾訴、交談與互動(dòng)、群體歸屬、連結(jié)關(guān)系等良好的社會(huì)互動(dòng)能夠維持用戶的參與、提高用戶粘度、提升品牌影響力。
3.3 滿足用戶反思層的情感需求:?jiǎn)拘延洃洝⒂|發(fā)認(rèn)同
主要是使用戶在不斷使用APP的過(guò)程中,通過(guò)互動(dòng)影響到自我形象、滿意度、記憶等,與產(chǎn)品間建立情感聯(lián)結(jié),形成對(duì)產(chǎn)品品牌的認(rèn)知和忠誠(chéng)度。可以從以下兩方面入手:
3.3.1 記憶符號(hào)的運(yùn)用
情感不只來(lái)自于感官的直覺(jué)刺激,更產(chǎn)生于對(duì)歲月的回顧和經(jīng)歷的記憶。鑒于每個(gè)人的成長(zhǎng)環(huán)境、區(qū)域、經(jīng)歷不盡相同,建議設(shè)計(jì)過(guò)程中參考集體記憶,從而設(shè)計(jì)出可讀的隱喻。收集集體記憶―選取記憶原型―將記憶符號(hào)導(dǎo)入設(shè)計(jì),是最直接的喚起人們記憶和情感雙重共鳴的方式[6]。基于記憶便會(huì)產(chǎn)生熟悉感,會(huì)更易于融入人們的意識(shí),消解于日常而不會(huì)給人們帶來(lái)突兀感。
3.3.2情感的代入與交流
情感代入是以語(yǔ)言、圖像、聲音、動(dòng)作等營(yíng)造身臨其境的感覺(jué)。豐富用戶對(duì)世界的認(rèn)知和對(duì)自我的認(rèn)知。社會(huì)性情感的滿足會(huì)給用戶帶來(lái)自信,是用戶自我實(shí)現(xiàn)的一種方式。APP的高模擬性優(yōu)勢(shì)使得通過(guò)五感完整構(gòu)建一個(gè)接近于人的形象成為可能,讓產(chǎn)品中的人物或形象與用戶以朋友的方式對(duì)話、互動(dòng)、游戲,是產(chǎn)品與用戶情感交流的好方法。
4 、結(jié)語(yǔ)
結(jié)合情感化設(shè)計(jì)的APP界面設(shè)計(jì)旨在為用戶提供愉悅的情感體驗(yàn),然而需要注意的是,大多數(shù)的情感化設(shè)計(jì)停留在本能層和行為層,不能引起用戶的強(qiáng)烈共鳴。而且伴隨著APP生命周期的演變,用戶使用產(chǎn)品的新鮮感和驚喜感會(huì)逐漸淡化。所以,設(shè)計(jì)師需要時(shí)刻關(guān)注用戶需求和產(chǎn)品自身的發(fā)展,提供其他產(chǎn)品不能提供的情感體驗(yàn),真正發(fā)揮界面情感化設(shè)計(jì)的效果。
[參考文獻(xiàn)]:
[1]尹建國(guó).產(chǎn)品情感化設(shè)計(jì)的方法與趨勢(shì)探析[J].湖南科技大學(xué)學(xué)報(bào),2013,16(1):161-163.
[2]Aarron Walter,王興 譯.Designing for Emotion[M].北京:人民郵電出版社,2014.
關(guān)鍵詞:智能手機(jī)UI界面設(shè)計(jì);安卓系統(tǒng);IOS系統(tǒng)
中圖分類號(hào):TN929.53
隨著現(xiàn)今時(shí)代科學(xué)技術(shù)的不斷發(fā)展,手機(jī)再也不向傳統(tǒng)時(shí)期那樣,僅僅只是局限在通訊和短信互聯(lián)這兩方面上,現(xiàn)今的手機(jī)早已擺脫了傳統(tǒng)時(shí)期的單一模式,逐步向著多功能使用方向發(fā)展,現(xiàn)今的手機(jī)對(duì)于人們?cè)谝曨l在線播放,郵件發(fā)送,網(wǎng)頁(yè)瀏覽,社交討論等多方面的需求都能保證需求的達(dá)到,同時(shí)現(xiàn)今的智能手機(jī)的觸屏設(shè)計(jì)替代傳統(tǒng)手機(jī)的按鍵模式,方便快捷的使用功能贏得了更多人的喜歡,同時(shí)現(xiàn)今的智能手機(jī)的UI界面變得愈發(fā)的豐富,各種各樣的圖標(biāo)設(shè)計(jì)也愈發(fā)的吸引人們的眼球,人性化的設(shè)計(jì)為智能手機(jī)的發(fā)展迎來(lái)了更多的好口碑,為后續(xù)的不斷發(fā)展打下了堅(jiān)實(shí)的基礎(chǔ)。基于此方面的影響和需求,對(duì)于在智能手機(jī)UI界面的設(shè)計(jì)成為了目前為止較為熱門的工作之一,但是合理的把握好使用者的心理需求,為制定有利于目前市場(chǎng)的熱銷產(chǎn)品就是此工作的重中之重,應(yīng)在不斷地發(fā)展中尋求更好的科學(xué)進(jìn)步,為智能手機(jī)未來(lái)的發(fā)展開(kāi)創(chuàng)屬于自身的發(fā)展平臺(tái)。
1 智能手機(jī)UI界面
手機(jī)中的UI界面就是指的是手機(jī)用戶界面,是為了方便用戶瀏覽全部軟件,同時(shí)與系統(tǒng)之間進(jìn)行相互交流的媒介,對(duì)于UI界面來(lái)說(shuō),他實(shí)現(xiàn)了信息之間的相互轉(zhuǎn)換,這種相互轉(zhuǎn)換應(yīng)保持在人類允許的范圍內(nèi),同時(shí)還應(yīng)該保證作為用戶本人能夠適應(yīng)這種相互轉(zhuǎn)換模式,并且對(duì)于UI界面來(lái)說(shuō),但凡與信息交流相關(guān)的領(lǐng)域,都會(huì)有用戶界面的出現(xiàn),作為用戶界面來(lái)說(shuō),使用范圍及其廣泛。
2 智能手機(jī)中的UI界面設(shè)計(jì)
就現(xiàn)今的軟件設(shè)計(jì)方面來(lái)說(shuō),大致上可以分為兩個(gè)板塊,一是編程設(shè)計(jì),二就是UI設(shè)計(jì)。以下就來(lái)主要講解一下UI設(shè)計(jì)。UI設(shè)計(jì)換句話來(lái)講就可說(shuō)是界面設(shè)計(jì),在軟件設(shè)計(jì)方面,界面設(shè)計(jì)往往會(huì)被稱為是美工,即對(duì)軟件的圖標(biāo),軟件的用戶模式進(jìn)行美化的工作,但是對(duì)于許多人而言,這方面的設(shè)計(jì)往往不會(huì)被人所重視,但是其實(shí)不然。作為一個(gè)軟件產(chǎn)品,往往給人的第一印象就會(huì)決定人們對(duì)他使用頻率和接受能力,這里面的第一印象就是說(shuō)UI界面在設(shè)計(jì)上要緊跟現(xiàn)今人的時(shí)尚眼光,界面設(shè)計(jì)要符合現(xiàn)今人們的審美觀,同時(shí)還應(yīng)該兼具方便快捷,賞心悅目的特性,對(duì)于這種要求的出現(xiàn),就不僅僅指的是要有高超的界面設(shè)計(jì)技術(shù),還要要求作為界面設(shè)計(jì)者要有敏銳的洞察力和審美能力,使得人機(jī)在相互聯(lián)系的時(shí)候,能夠通過(guò)界面之間的信息傳遞來(lái)減少用戶的記憶負(fù)擔(dān),所以說(shuō),對(duì)于界面的設(shè)計(jì)者來(lái)說(shuō),就應(yīng)該掌握心理學(xué),設(shè)計(jì)學(xué),語(yǔ)言學(xué)等各門學(xué)問(wèn),才能保證界面的設(shè)計(jì)符合現(xiàn)今時(shí)展的需求,針對(duì)于這一現(xiàn)象來(lái)看,對(duì)于UI界面設(shè)計(jì)是一項(xiàng)結(jié)合多種元素于一身的設(shè)計(jì)方式,應(yīng)當(dāng)被人們所重視。
3 智能手機(jī)UI界面的人性化設(shè)計(jì)
隨著現(xiàn)今智能手機(jī)功能的不斷完善,智能手機(jī)的界面變得越發(fā)的人性化和多元化,作為用戶可以方便快捷的設(shè)計(jì)自己所想要的界面,這種界面的設(shè)計(jì)就離不來(lái)UI設(shè)計(jì)者的不斷努力和辛勞,總而言之,在智能手機(jī)中的UI界面設(shè)計(jì)是十分具有發(fā)展前景的,應(yīng)當(dāng)值得被推廣和重視的。
3.1 形象化
這是因?yàn)閁I界面是面向全體手機(jī)用戶的,所以對(duì)于UI界面的合理化設(shè)計(jì)便顯得至關(guān)重要。形象化設(shè)計(jì)是指的是針對(duì)全體手機(jī)用戶的喜好進(jìn)行研究,設(shè)計(jì)出一種符合大眾審美的UI界面,這種UI界面不需要將求有多么的畫(huà)面完美,只要求在功能使用上保證用戶能夠達(dá)到一目了然,讓手機(jī)用戶方便快捷的使用智能手機(jī),一切以實(shí)用為主,但這種實(shí)用不僅僅只是來(lái)形容畫(huà)面的單一性的,這種實(shí)用應(yīng)該滿足手機(jī)用戶能夠在感官上得到享受,在視覺(jué)中得到放松,同時(shí)還應(yīng)該加入一定的美學(xué)理念,保證用戶在使用智能手機(jī)的同時(shí),能夠認(rèn)可這樣的設(shè)計(jì),從內(nèi)心中認(rèn)為這樣的設(shè)計(jì)是科學(xué)化,合理化,形象化的好設(shè)計(jì),同時(shí)舒適度還會(huì)在一定程度上得到提高。
3.2 趣味化
一個(gè)好的設(shè)計(jì),給人留下的第一印象的好壞決定了這個(gè)設(shè)計(jì)能夠得到繼續(xù)發(fā)展下去的空間大小的多少,所以說(shuō)在對(duì)智能手機(jī)UI界面上的設(shè)計(jì)中趣味化也要作為應(yīng)當(dāng)考慮進(jìn)來(lái)的因素之一。所以在對(duì)UI界面進(jìn)行設(shè)計(jì)的時(shí)候,要先進(jìn)行手機(jī)用戶喜好的調(diào)查,通過(guò)一定量的數(shù)據(jù)統(tǒng)計(jì),歸納總結(jié)大眾的喜好更偏向于哪一方面,再根據(jù)具體的方向來(lái)進(jìn)行UI界面的設(shè)計(jì),同時(shí)還應(yīng)該在設(shè)計(jì)的基礎(chǔ)上,保持一定的愉悅性,使得手機(jī)用戶在使用手機(jī)的同時(shí),不僅在功能上能夠得到滿足,還能以一種賞心悅目的心態(tài)來(lái)使用手機(jī),做到人機(jī)一體化的高度結(jié)合,保證手機(jī)用戶能夠在不借助使用說(shuō)明書(shū)的前提下,靈活自如的使用手機(jī),同時(shí)在使用過(guò)程中發(fā)掘界面設(shè)計(jì)的趣味性,所以說(shuō)良好的設(shè)計(jì)就是能夠建立在科學(xué)和人性的雙重角度來(lái)進(jìn)行的設(shè)計(jì)。
3.3 降低記憶負(fù)擔(dān)
人的大腦存儲(chǔ)內(nèi)容的多少會(huì)隨著時(shí)間的推移,而逐漸降低,所以說(shuō),在進(jìn)行手機(jī)UI界面的設(shè)計(jì)中,要保證不要增加過(guò)多的小細(xì)節(jié)來(lái)使得用戶的記憶負(fù)擔(dān)加重,從而造成用戶在使用中存在的浮躁和厭煩。所以針對(duì)于這種情況,在對(duì)UI界面進(jìn)行設(shè)計(jì)的時(shí)候,要減少多余細(xì)節(jié)的出現(xiàn),要做到界面的簡(jiǎn)潔明了,在保證用戶記憶負(fù)擔(dān)不會(huì)加重的同時(shí),滿足用戶在功能上的各種需求。
3.4 熟悉化
這里所指的熟悉化是指在進(jìn)行手機(jī)UI界面的設(shè)計(jì)時(shí),要盡量避免過(guò)于繁雜的界面樣式,對(duì)于現(xiàn)今的主流使用群體來(lái)說(shuō),過(guò)于繁雜的界面樣式反而不會(huì)吸引他們的注意,他們所追求的往往只是方便快捷的使用功能,同時(shí)對(duì)于一個(gè)好的界面設(shè)計(jì)來(lái)說(shuō),滿足客戶的要求才是設(shè)計(jì)成功的關(guān)鍵,要從客戶的實(shí)際需要出發(fā),增加用戶所需要的,刪除用戶所不需要的,并且對(duì)用戶的需求進(jìn)行一個(gè)先后順序的排序,再進(jìn)行合理化設(shè)計(jì)。
4 在不同系統(tǒng)之下的UI界面
4.1 安卓系統(tǒng)下的UI界面
現(xiàn)今隨著智能手機(jī)的平民化,目前對(duì)于我國(guó)來(lái)說(shuō),基本能夠保持在人手一機(jī)的狀態(tài)下,同時(shí)由于人們對(duì)便捷便宜同時(shí)又具備全面功能方面的追求,安卓系統(tǒng)的開(kāi)發(fā)就顯得尤為的至關(guān)重要。安卓系統(tǒng)是一個(gè)基于Linux環(huán)境下的開(kāi)源系統(tǒng),并且在安卓系統(tǒng)下的手機(jī),在下載手機(jī)軟件的時(shí)候,無(wú)需付費(fèi),同時(shí)對(duì)于系統(tǒng)而言,由于安卓系統(tǒng)可以開(kāi)放免費(fèi)的源代碼,同時(shí)安卓系統(tǒng)在操作過(guò)程中不需要過(guò)多繁瑣的步驟,正因?yàn)槿绱耍蟛糠謬?guó)內(nèi)用戶的手機(jī)普遍采用安卓系統(tǒng),所以對(duì)于安卓系統(tǒng)的未來(lái)發(fā)展前景還是相當(dāng)樂(lè)觀,基于上述幾點(diǎn)的闡明,對(duì)于在安卓系統(tǒng)下的UI界面的設(shè)計(jì),可以說(shuō)是在未來(lái)的幾年中,都會(huì)成為受歡迎的界面設(shè)計(jì)。
在安卓系統(tǒng)環(huán)境下的UI界面典例:對(duì)于在安卓系統(tǒng)下的UI界面來(lái)說(shuō),我們拿Android4.4這個(gè)版本來(lái)進(jìn)行說(shuō)明。對(duì)于Android4.4而言,更換了新的版本名稱,改為“奇巧巧克力”,同時(shí)還對(duì)于Android4.2版本上的圖片處理,全景拍照,解鎖設(shè)計(jì),鍵盤手勢(shì)輸入功能等一系列功能上進(jìn)行了深層次的優(yōu)化指導(dǎo),同時(shí)還整合了自家服務(wù),防止安卓系統(tǒng)出現(xiàn)碎片化和分散化。這一系列系統(tǒng)的改善在大體上都是針對(duì)于怎樣方便保障用戶在舒適的界面下進(jìn)行娛樂(lè)與學(xué)習(xí),充分發(fā)揮安卓系統(tǒng)自身的優(yōu)勢(shì)特點(diǎn),為在安卓系統(tǒng)下的UI界面設(shè)計(jì)做出了相應(yīng)的實(shí)踐理論指導(dǎo)。
4.2 在ios系統(tǒng)下的UI界面
隨著時(shí)代的不斷發(fā)展,蘋果公司的科技創(chuàng)新也緊跟時(shí)代的腳步,逐漸開(kāi)發(fā)出來(lái)適合自己生產(chǎn)的手機(jī)的一種手機(jī)系統(tǒng),這種手機(jī)系統(tǒng)就是ios系統(tǒng),ios系統(tǒng)是由蘋果公司自行研發(fā)出來(lái)的一種不公開(kāi)源代碼形式的系統(tǒng),目前有蘋果公司自主設(shè)計(jì)的ios7系統(tǒng)被普遍應(yīng)用于蘋果手機(jī)當(dāng)中,在ios7系統(tǒng)下的UI界面往往以簡(jiǎn)潔明快,清楚明了的界面特點(diǎn)深受廣大消費(fèi)者的喜愛(ài),同時(shí)由于蘋果手機(jī)的功能十分豐富這一特點(diǎn),使得蘋果手機(jī)的銷量也一直保持在領(lǐng)先地位,但是由于蘋果手機(jī)在下載手機(jī)軟件方面需要付費(fèi),就會(huì)導(dǎo)致一部分消費(fèi)者對(duì)此望而卻步,但這些因素的出現(xiàn)都不會(huì)影響蘋果手機(jī)被大眾所認(rèn)可的這一現(xiàn)象,所以說(shuō),就目前而言,在ios系統(tǒng)下進(jìn)行UI界面設(shè)計(jì)是很有發(fā)展前景的。
在ios系統(tǒng)環(huán)境下的UI界面典例:在這里,我們著重說(shuō)明一下ios7系統(tǒng)下的UI界面,對(duì)于這個(gè)系統(tǒng)下的UI界面設(shè)計(jì),要滿足用戶對(duì)功能強(qiáng)大的整體需求外,還在動(dòng)感,時(shí)尚,便捷這幾個(gè)角度對(duì)以往的ios系統(tǒng)加以升級(jí),同時(shí)還對(duì)界面的輪廓進(jìn)行整體的更改,新的顏色背景,新的導(dǎo)航欄設(shè)計(jì),都從一個(gè)個(gè)細(xì)小的細(xì)節(jié)處體現(xiàn)系統(tǒng)對(duì)原有的ios系統(tǒng)在UI界面設(shè)計(jì)上存在的不便之處加以修改,完善了整體的內(nèi)容,讓使用者能夠更加方便快捷舒適的使用智能手機(jī)。
5 結(jié)束語(yǔ)
隨著科學(xué)技術(shù)的提升,人們的生活水平也不斷地提高,人們對(duì)于智能手機(jī)的使用情況也在逐漸向一人一機(jī)的使用模式轉(zhuǎn)變,這因?yàn)橛写诵枨蟮某霈F(xiàn),在對(duì)手機(jī)進(jìn)行UI界面的設(shè)計(jì)上就顯得十分符合當(dāng)今的時(shí)展狂潮,簡(jiǎn)潔,便捷,舒適,美觀早已成為了現(xiàn)今智能手機(jī)UI界面在設(shè)計(jì)上的趨勢(shì),對(duì)于未來(lái)而言,智能手機(jī)UI界面上的發(fā)展方面也會(huì)越來(lái)越朝著人性化和實(shí)用化方向發(fā)展的。
參考文獻(xiàn):
[1]智力,賈敏.體驗(yàn)設(shè)計(jì)在產(chǎn)品設(shè)計(jì)中的應(yīng)用[J].現(xiàn)代裝飾(理論),2011(06):11-12.
[2]辛向陽(yáng).混沌中浮現(xiàn)的交互設(shè)計(jì)[J].設(shè)計(jì),2011(02):13-16.
[3]吳瓊.交互設(shè)計(jì)的域與界[J].裝飾,2010(01):21-25.
[4]孔曉波.淺談移動(dòng)通信終端發(fā)展趨勢(shì)[J].移動(dòng)通信,2010(21):26-28.
[5]陳文森.圖像壓縮技術(shù)進(jìn)展[J].影像技術(shù),2010(02):33-34.
[6]梁華坤,張麗霞,何志杰,李海鳴,宋鴻陟.可用性測(cè)試平臺(tái)[J].計(jì)算機(jī)工程與設(shè)計(jì),2010(03):06-08.
【關(guān)鍵詞】智能手機(jī),擬物化設(shè)計(jì),人機(jī)交互
【中圖分類號(hào)】TB472 【文獻(xiàn)標(biāo)識(shí)碼】A 【文章編號(hào)】1672-5158(2013)01―0099-01
一“擬物”釋義
“擬物”一詞源于語(yǔ)言學(xué)中的修辭,修辭是運(yùn)用恰當(dāng)?shù)恼Z(yǔ)言表達(dá)方式來(lái)提高表達(dá)效果的方法。它屬于比擬的一類。將這樣的概念移植到人機(jī)界面設(shè)計(jì)中,即是把機(jī)器系統(tǒng)非物質(zhì)性的、抽象、多樣化的功能以一種人們熟悉的、可感知的、具象的方式表現(xiàn)出來(lái)。把系統(tǒng)內(nèi)在功能抽象的概念比擬為現(xiàn)實(shí)生活中人們熟悉的、形象的、易于操作的事物,這樣的界面設(shè)計(jì)方式減少了人機(jī)之間的隔閡,拉近了人與機(jī)器之間的距離。
二界面設(shè)計(jì)中擬物的兩層涵義
擬物化界面設(shè)計(jì)包含兩個(gè)層面的涵義,一方面是界面在視覺(jué)語(yǔ)言上模擬現(xiàn)實(shí)世界中人們所熟知的事物,在視覺(jué)形象上與現(xiàn)實(shí)統(tǒng)一。另外一方面是操作上根據(jù)人們已經(jīng)的交互經(jīng)驗(yàn)來(lái)找到與之對(duì)應(yīng)的操作方式,使人機(jī)交互無(wú)障礙。前者從人們的視覺(jué)經(jīng)驗(yàn)中提取人們熟知的事物形象應(yīng)用到界面外觀形式的設(shè)計(jì)中,后者將人們的認(rèn)知、動(dòng)作經(jīng)驗(yàn)運(yùn)用到人機(jī)交互的過(guò)程中。
隨著新型的交互技術(shù)和設(shè)備逐步成熟,如語(yǔ)音、手寫、手勢(shì)、重力感應(yīng)、光線感應(yīng)以及人機(jī)之間的傳感設(shè)備。這些新的交互技術(shù)在手機(jī)上的使用拓展了手機(jī)交互的帶寬,突破了人與手機(jī)交互的基本障礙,構(gòu)造了更和諧的人機(jī)環(huán)境,為擬物化的界面設(shè)計(jì)提供了實(shí)現(xiàn)的平臺(tái),擬物化的設(shè)計(jì)也在新技術(shù)的支持下不斷完善。
三擬物的界面設(shè)計(jì)一系統(tǒng)空間的“構(gòu)造”
廣義地說(shuō),手機(jī)的操作系統(tǒng)是需要被擬物的。擬物不只是模擬某一物品,它可以擴(kuò)展到某一場(chǎng)景空間。界面與手機(jī)實(shí)體本身,其實(shí)是“圖形”與“基底”的關(guān)系,實(shí)際上是一個(gè)封閉的式樣與另一個(gè)和它同質(zhì)的非封閉的背景之間的關(guān)系。因此它有著縱向深度上的層次。手機(jī)的顯示屏幕是平整的,但是我們可以通過(guò)圖像表現(xiàn)的方式讓它在視覺(jué)上呈現(xiàn)出一個(gè)凹凸有致的三維空間。在這個(gè)空間內(nèi),有其自身的光照系統(tǒng)。光源系統(tǒng)決定著空間內(nèi)的物體(界面元素)的投影方向、倒影以及反光面等。這樣的視覺(jué)處理加強(qiáng)了界面的空間感,使原本捉襟見(jiàn)肘的顯示屏在視覺(jué)上有了空間上的延伸,界面元素的分布也顯得更具有層次。
面對(duì)智能手機(jī)越來(lái)越繁多的功能,需要在界面結(jié)構(gòu)上對(duì)這些功能進(jìn)行合理的管理與布置才能使應(yīng)用效率達(dá)到最佳。目前主流的智能手機(jī)系統(tǒng)界面基本源自計(jì)算機(jī)的WIMP界面形式,即窗口,圖標(biāo),菜單和指點(diǎn)設(shè)備界面結(jié)構(gòu)。用戶在執(zhí)行某項(xiàng)功能時(shí)即只需選擇對(duì)應(yīng)的功能圖標(biāo)再確定即可完成任務(wù)的執(zhí)行。這樣的設(shè)計(jì)使得有計(jì)算機(jī)使用基礎(chǔ)的用戶能夠很快上手。但我們也要看到,傳統(tǒng)計(jì)算機(jī)所處理的信息是多元化、海量的,其界面結(jié)構(gòu)也是針對(duì)承載海量的多元化的信息所設(shè)計(jì)。因此在計(jì)算機(jī)的界面結(jié)構(gòu)里面,我們可以看到有圖標(biāo)、下拉菜單、按鈕、樹(shù)狀圖等多種方式來(lái)進(jìn)行信息的呈現(xiàn)。雖然現(xiàn)在的智能手機(jī)功能在不斷擴(kuò)展,它與傳統(tǒng)計(jì)算機(jī)之間的差距也越來(lái)越小。但由于其自身硬件設(shè)備的限制,其信息處理能力與傳統(tǒng)計(jì)算機(jī)還存在一定的差距。因此直接將計(jì)算機(jī)上的WIMP結(jié)構(gòu)完全照搬到方寸大小的手機(jī)上是不盡合理的,會(huì)帶來(lái)諸多交互上的問(wèn)題。在這樣的情況下,智能手機(jī)系統(tǒng)界面的結(jié)構(gòu)則可參照擬物化的思想來(lái)進(jìn)行設(shè)計(jì)。
人們使用智能手機(jī)擴(kuò)展功能的過(guò)程可以被分解為選擇和執(zhí)行,界面為我們提供了選擇的平臺(tái),合理的界面設(shè)計(jì)可以讓用戶的選擇更加準(zhǔn)確、快捷。結(jié)合到實(shí)際生活中,我們幾乎隨時(shí)都面臨信息的選擇。查閱資料、考試、購(gòu)物、點(diǎn)菜、買彩票等等。人們?cè)诿媾R不同的選擇時(shí)其選擇結(jié)果往往受到自身知識(shí)儲(chǔ)備及潛意識(shí)的影響,我們所面臨的信息也有類型以及數(shù)量上的不同。一旦信息的數(shù)量及種類超過(guò)人們所能接受的合理范圍,便會(huì)產(chǎn)生選擇上的焦慮感。
智能手機(jī)相對(duì)于計(jì)算機(jī)來(lái)說(shuō),其信息處理的數(shù)量有限。就如人們?cè)诠彩程眠x擇“吃什么”與在餐廳飯桌上選擇“吃什么”。雖然面臨是同樣的信息選擇問(wèn)題,但信息數(shù)量的差異使得我們的選擇方式也有了不同。食堂就餐的過(guò)程基本上來(lái)看是逐一挑選的過(guò)程,因?yàn)槿藗兠媾R的是大量的信息,通常需要對(duì)信息進(jìn)行遍歷后再進(jìn)行選擇。在飯桌上選擇相對(duì)來(lái)說(shuō)則要簡(jiǎn)單得多,我們需要的是直轉(zhuǎn)動(dòng)桌盤,將所需要的菜品轉(zhuǎn)到自己的飯碗前。那么結(jié)合到界面中來(lái)看,傳統(tǒng)的界面結(jié)構(gòu)設(shè)計(jì)是將應(yīng)用軟件圖標(biāo)鋪滿桌面來(lái)讓用戶進(jìn)行選擇,這可以看做是“食堂就餐的過(guò)程”。若將圖標(biāo)以某種方式組織起來(lái),將其放置到界面中一個(gè)可旋轉(zhuǎn)的“轉(zhuǎn)盤”上。用戶只需要通過(guò)轉(zhuǎn)動(dòng)“轉(zhuǎn)盤”即可實(shí)現(xiàn)信息的選擇,這樣可以看做是“餐廳就餐”。在這樣“擬物化”思路的指導(dǎo)下,我們便可得到類似于下圖的界面結(jié)構(gòu)組織方式。這樣的界面形式使操作脫離傳統(tǒng)的選擇一點(diǎn)擊的方式。用戶通過(guò)劃動(dòng)“轉(zhuǎn)盤”來(lái)進(jìn)行信息的選擇,這樣簡(jiǎn)化了交互的過(guò)程,也使發(fā)揮了觸控屏特有的優(yōu)勢(shì)。因此我們可以注意到,在面臨不同數(shù)量信息的處理時(shí),在界面的設(shè)計(jì)上我們可以從生活中提取相關(guān)的交互經(jīng)驗(yàn),選擇合適的結(jié)構(gòu)來(lái)對(duì)不同的信息進(jìn)行承載,這樣“擬物”的界面形式使界面具有了自解釋的功能。因此能夠引導(dǎo)用戶順利完成人機(jī)交互。
四智能手機(jī)界面設(shè)計(jì)擬物化的趨勢(shì)
在當(dāng)前重力感應(yīng)、人臉識(shí)別、光距感應(yīng)等種種技術(shù)改進(jìn)的背后,隱藏著“擬物化”的發(fā)展趨勢(shì),即不斷彌合電子設(shè)備的各種功能體驗(yàn)與真實(shí)物理世界的差異,使人感受到前所未有的真實(shí)感,促進(jìn)人們虛擬與現(xiàn)實(shí)世界生活的融合。除了智能手機(jī)以外,我們可以看到,電子墨水(E-INK)、3D電影、KINECT體感交互等技術(shù)的流行,也是“擬物化”趨勢(shì)的一種體現(xiàn)。
手機(jī)媒體所擔(dān)當(dāng)?shù)膫鞑?shí)踐,有益于人際關(guān)系現(xiàn)代化的建構(gòu),它使個(gè)人能夠隨時(shí)隨地地、自由自主地在信息和社會(huì)之中漫游。1人們對(duì)于智能手機(jī)拓展功能的興趣在不斷增長(zhǎng)。智能手機(jī)顯示與操作區(qū)域的統(tǒng)一帶來(lái)了人機(jī)交互方式上的改變,人機(jī)界面變得更加透明與直接,這就使得界面設(shè)計(jì)的中心問(wèn)題集中在如何使智能手機(jī)能夠更便地服務(wù)于用戶上。智能手機(jī)在當(dāng)前互聯(lián)網(wǎng)技術(shù)的影響下以及與計(jì)算機(jī)的逐漸融合,將是其未來(lái)發(fā)展的趨勢(shì)。同時(shí)隨著更多的新技術(shù)應(yīng)用到智能手機(jī)中,聽(tīng)覺(jué)、觸覺(jué)、姿勢(shì)交互等會(huì)帶來(lái)更加立體的交互群組,這些新技術(shù)的加入延展了人們的認(rèn)知局限,在交互上必定會(huì)產(chǎn)生新的影響。技術(shù)的進(jìn)步使得多通道交互的實(shí)現(xiàn)成為了可能,加上“擬物化”設(shè)計(jì)理念的指導(dǎo)使得未來(lái)用戶與智能手機(jī)之間的交互變得更加自然、透明。在今后的智能手機(jī)界面中我們可以看到,“擬物化”的界面設(shè)計(jì)會(huì)被應(yīng)用得更加廣泛,真實(shí)生活與虛擬體驗(yàn)將會(huì)日漸趨同。
關(guān)鍵詞:智能手機(jī);界面設(shè)計(jì);以用戶為中心
最初手機(jī)的誕生是為了解決人們遠(yuǎn)距離通話的問(wèn)題,手機(jī)是人們的通信工具。七八年前,手機(jī)對(duì)于絕大多數(shù)消費(fèi)者的主要功用依然是打電話、發(fā)短信,短短幾年后的今天,智能手機(jī)的功能越來(lái)越豐富,移動(dòng)應(yīng)用覆蓋生活的方方面面,已經(jīng)越來(lái)越像個(gè)人電腦。觸屏智能手機(jī)的品牌與類型越來(lái)越豐富,硬件配置越來(lái)越好,隨之而來(lái)的是手機(jī)的界面表現(xiàn)能力及反應(yīng)速度的大大增強(qiáng)。在手機(jī)系統(tǒng)方面,目前市場(chǎng)上大部分智能手機(jī)安裝的都是安卓系統(tǒng),引領(lǐng)智能手機(jī)界面設(shè)計(jì)潮流依舊是蘋果的iOS系統(tǒng),Windows Phone系統(tǒng)首推Metro風(fēng)格卻沒(méi)有被廣泛使用;這兩年,很多手機(jī)廠商開(kāi)始在安卓系統(tǒng)的基礎(chǔ)上定制手機(jī)ROM,以MIUI和錘子ROM為代表的國(guó)產(chǎn)手機(jī)定制ROM一直保持著很高的網(wǎng)絡(luò)關(guān)注度。
安裝了觸摸屏的智能手機(jī)比功能手機(jī)更易上手,使用人群廣泛;手機(jī)的便攜性使其使用場(chǎng)景很多。不同的人群、不同的使用場(chǎng)景有不同的操作特點(diǎn)。傳感技術(shù)、屏幕技術(shù)的不斷應(yīng)用,人機(jī)交互方式發(fā)生著巨大的變化。界面是用戶的直接操作對(duì)象,是人與手機(jī)交互的主要媒介,一個(gè)典型的用戶界面是人通過(guò)控制將信息傳遞給系統(tǒng)或軟件,系統(tǒng)或軟件再通過(guò)后臺(tái)處理顯示信息傳遞給人。關(guān)于計(jì)算機(jī)的人機(jī)界面研究開(kāi)始較早,有比較完整的理論體系及很好的應(yīng)用,相比之下,智能手機(jī)人機(jī)界面方面的研究還不成熟。研究智能手機(jī)及應(yīng)用的界面設(shè)計(jì),提高廣大用戶的操作體驗(yàn),是智能手機(jī)及應(yīng)用設(shè)計(jì)中的重要研究?jī)?nèi)容。
1 目前智能手機(jī)及移動(dòng)應(yīng)用界面設(shè)計(jì)主要存在的問(wèn)題
(1)同質(zhì)化嚴(yán)重。同質(zhì)化在智能手機(jī)及應(yīng)用界面設(shè)計(jì)方面的表現(xiàn),一旦有手機(jī)系統(tǒng)或移動(dòng)應(yīng)用的界面或交互設(shè)計(jì)被發(fā)現(xiàn)體驗(yàn)很好,立即便有無(wú)數(shù)的抄襲者,導(dǎo)致在同一平臺(tái)中同一類型的應(yīng)用,如果不是加了各家品牌的文字或logo,幾乎區(qū)分不出誰(shuí)是誰(shuí)。另一表現(xiàn)是盲目的跟隨設(shè)計(jì)潮流,iOS7以前蘋果手機(jī)界面為擬物風(fēng)格,于是設(shè)計(jì)師把擬物風(fēng)格做到了極致,如今iOS7以后蘋果手機(jī)界面用了扁平化風(fēng)格,各個(gè)系統(tǒng)及應(yīng)用的界面風(fēng)格又統(tǒng)統(tǒng)轉(zhuǎn)向了扁平化。這種不加思考的追隨不僅帶來(lái)了同質(zhì)化,還會(huì)限制設(shè)計(jì)創(chuàng)新。
(2)界面規(guī)范不統(tǒng)一。iOS及Android兩大主流智能手機(jī)系統(tǒng)官方的設(shè)計(jì)原則、UI規(guī)范及交互規(guī)范各不同。但實(shí)際上,同一個(gè)應(yīng)用會(huì)在兩個(gè)平臺(tái)上提交,設(shè)計(jì)上很難同時(shí)符合兩種界面規(guī)范,導(dǎo)致互相亂用。騰訊2014年的最新版QQ2014圖標(biāo)為例,按照iOS7界面標(biāo)準(zhǔn)設(shè)計(jì),為了不造成品牌上的損失并給用戶造成困擾,選擇在兩個(gè)平臺(tái)上用同一個(gè)圖標(biāo),這種做法符合商業(yè)需要,但在非蘋果手機(jī)用戶的屏幕上顯得極為丑陋。
(3)界面設(shè)計(jì)對(duì)技術(shù)及硬件設(shè)備升級(jí)的適應(yīng)性差。從目前的趨勢(shì)看,智能手機(jī)的屏幕會(huì)越來(lái)越大,而相應(yīng)界面與交互設(shè)計(jì)的標(biāo)準(zhǔn)依舊是以小屏幕為準(zhǔn)則制定,有研究表明同樣面積的觸控對(duì)象,在小屏幕上更容易觸到,大尺寸屏幕上用戶的效率更低。傳感器的應(yīng)用帶來(lái)更多的新功能,如三星的眼球滾動(dòng)翻頁(yè),只是界面沒(méi)有做出相應(yīng)的改變,缺少物理反饋的眼球操作全憑感覺(jué),掌握了技巧才能翻,且不清楚自己會(huì)翻到哪,實(shí)際操作體驗(yàn)差,新功能如雞肋。當(dāng)硬件及技術(shù)升級(jí)時(shí),應(yīng)該想清楚用戶的應(yīng)用場(chǎng)景,并對(duì)界面做相應(yīng)調(diào)整。
2 以用戶為中心的設(shè)計(jì)
以上分析的同質(zhì)化嚴(yán)重、界面規(guī)范不統(tǒng)一及界面設(shè)計(jì)對(duì)技術(shù)及硬件設(shè)備升級(jí)的適應(yīng)性差這些問(wèn)題,都可以通過(guò)以用戶為中心的設(shè)計(jì)來(lái)一定程度上得到解決。
(1)為不同的人群設(shè)計(jì)。智能手機(jī)使用人群廣泛,小到咿呀學(xué)語(yǔ)的兒童老到白發(fā)蒼蒼的老人,不論是白領(lǐng)麗人還是小商小販甚至農(nóng)民工群體中都有使用智能手機(jī)的用戶。各個(gè)群體的用戶的生理?xiàng)l件、生活體驗(yàn)、受教育程度、技術(shù)經(jīng)驗(yàn)等都有所不同,操作行為、使用習(xí)慣均存在很大的差異。在設(shè)計(jì)系統(tǒng)界面及移動(dòng)應(yīng)用之前,應(yīng)該想清楚自己的目標(biāo)用戶群體是誰(shuí)。在校大學(xué)生群體為例,50%以上的大學(xué)生有1~3年的智能手機(jī)使用經(jīng)驗(yàn),50%的同學(xué)曾經(jīng)使用過(guò)諾基亞手機(jī),90%以上的同學(xué)有安卓系統(tǒng)操作經(jīng)驗(yàn)。他們使用的智能手機(jī)價(jià)位80%以上在3000以下,在購(gòu)買手機(jī)時(shí),產(chǎn)品品牌、價(jià)格及性價(jià)比是考慮的主要外在因素,50%以上的同學(xué)看重手機(jī)的外觀設(shè)計(jì)、拍照效果及手機(jī)屏幕分辨率。使用智能手機(jī)做得最多的事情是社交、游戲、閱讀及聽(tīng)音樂(lè)。
(2)為不同的性別設(shè)計(jì)。男女天生有別,性格、興趣及習(xí)慣的存在差異,審美及使用行為上也會(huì)表現(xiàn)出不同之處,而實(shí)際上智能手機(jī)及應(yīng)用界面設(shè)計(jì)基本處于中性狀態(tài),追求大部分人不討厭。據(jù)調(diào)查,在校大學(xué)生中男生比女生更喜歡用手機(jī)聽(tīng)音樂(lè),音樂(lè)應(yīng)用在設(shè)計(jì)時(shí)可以為男生和女生打造不同的界面及交互,可以針對(duì)男生設(shè)計(jì)符合男性整理文件習(xí)慣的曲目管理、符合男性審美的主題推薦等等;女生比男生更喜歡用手機(jī)玩游戲,對(duì)于女生喜歡而男生基本不玩的游戲,那么界面沒(méi)有必要再中性,應(yīng)該提取和應(yīng)用更多的女性元素。
(3)為不同的場(chǎng)景設(shè)計(jì)。智能手機(jī)因?yàn)槠渑c生俱來(lái)的便攜性,使用場(chǎng)景很多。了解用戶做不同事情時(shí)場(chǎng)景,基于場(chǎng)景的設(shè)計(jì)可以更加符合用戶心理模型。在校大學(xué)生群體中,地圖導(dǎo)航功能大部分是在走路或乘坐交通工具時(shí)使用。在路上使用時(shí),由于處于戶外,手機(jī)屏幕會(huì)變黑,適合室外的配色及易識(shí)別的元素很必要;行走中通常輸入困難,因此應(yīng)盡量減少輸入,并允許用戶快捷的保存結(jié)果;在交通工具上使用時(shí),位置的移動(dòng)比較快,當(dāng)使用導(dǎo)航時(shí),位置變化查詢結(jié)果會(huì)隨之變化,對(duì)容易造成誤操作的功能如切換路線,應(yīng)該放在單手拇指觸控區(qū)域外,讓用戶慎重選擇;這兩種場(chǎng)景都可能會(huì)遇到信號(hào)突然中斷,要有適當(dāng)且有效的反饋。
(4)為不同的握持姿勢(shì)與操作行為設(shè)計(jì)。用戶在使用智能手機(jī)及應(yīng)用完成不同任務(wù)時(shí),握持姿勢(shì)及操作行為是不同的,不同持握姿勢(shì)下,手指觸控范圍不同。界面設(shè)計(jì)中一般會(huì)針對(duì)單手拇指操作進(jìn)行設(shè)計(jì),但實(shí)際用戶在操作手機(jī)時(shí)會(huì)有多種不同的姿勢(shì)并不斷切換,且表現(xiàn)出一定的傾向性。對(duì)大學(xué)生的調(diào)查顯示,在完成社交、游戲等各種任務(wù)時(shí),右手拿手機(jī)拇指操作及左手拿手機(jī)右手操作兩種方式加起來(lái)占的比重超過(guò)60%,但是每一個(gè)任務(wù)中都有10%~20%的用戶選擇左手拿手機(jī)拇指操作,因此重要度高且操作頻繁的按鈕與功能應(yīng)該放在左右手拇指操作均舒適的位置,而不是簡(jiǎn)單地從左往右或從右往左排列。
關(guān)鍵詞圖形用戶界面設(shè)計(jì)準(zhǔn)則
在西文DOS系統(tǒng)下,大部分應(yīng)用程序的用戶界面都是基于字符方式的,界面內(nèi)容單調(diào),界面使用繁雜。隨著計(jì)算機(jī)的發(fā)展和推廣,這種方式的用戶界面越來(lái)越不相稱。在這種情況下,圖形用戶界面應(yīng)運(yùn)而生,Windows風(fēng)格的圖形用戶界面可謂是其中的杰出代表。
對(duì)軟件開(kāi)發(fā)者來(lái)講,最終面向的將是用戶,因而系統(tǒng)的界面設(shè)計(jì)是一個(gè)相當(dāng)重要的環(huán)節(jié)。圖形用戶界面的出現(xiàn)給軟件開(kāi)發(fā)者在系統(tǒng)的界面設(shè)計(jì)方面指明了一條道路。Windows作為圖形用戶界面的杰出代表,不僅自己的用戶界面令廣大用戶驚喜,而且還為軟件開(kāi)發(fā)人員提供了一整套用于用戶界面開(kāi)發(fā)的接口和輔助工具,如其中的Workshop,GDI函數(shù)等等。
正因如此,越來(lái)越多的DOS程序設(shè)計(jì)者開(kāi)始轉(zhuǎn)向Windows。鑒于此,很多人便認(rèn)為DOS將從此走向沒(méi)落。事實(shí)上,Windows并沒(méi)有像人們想象的那樣快取代DOS,DOS及其應(yīng)用軟件仍然保持著強(qiáng)大的市場(chǎng),新的版本也不斷推向市場(chǎng)。誠(chéng)然,一方面是人們習(xí)慣了DOS,另一方面就是DOS要比Windows簡(jiǎn)單得多。在Windows下進(jìn)行軟件開(kāi)發(fā)的人員都知道,Windows是一個(gè)基于消息的多任務(wù)系統(tǒng),系統(tǒng)的各種資源如內(nèi)存、顯示器等都處于Windows的嚴(yán)密監(jiān)示之下。
一個(gè)習(xí)慣了在DOS下開(kāi)發(fā)程序的軟件人員對(duì)于Windows應(yīng)用程序的開(kāi)發(fā)在某些方面總是感到很別扭,仿佛有一張無(wú)形的網(wǎng)束縛了自己的手腳而無(wú)所適從。盡管如此,作為用戶來(lái)講所要求的則是界面友好。這就給DOS程序設(shè)計(jì)人員帶來(lái)一個(gè)問(wèn)題:如何在DOS操作系統(tǒng)下直接開(kāi)發(fā)圖文并茂的圖形用戶界面?
筆者在DOS系統(tǒng)下開(kāi)發(fā)應(yīng)用軟件的過(guò)程中也遇到了類似的問(wèn)題。在軟件的用戶界面設(shè)計(jì)方面進(jìn)行過(guò)深入的研究,獲得了一定的認(rèn)識(shí),下面就這些方面談一談筆者的看法。
一、用戶界面的設(shè)計(jì)準(zhǔn)則
用戶界面的設(shè)計(jì)是紛繁復(fù)雜的,不同的應(yīng)用軟件都有自己的用戶界面。但要設(shè)計(jì)一個(gè)良好的用戶界面,必須符合一些設(shè)計(jì)準(zhǔn)則。筆者在進(jìn)行界面設(shè)計(jì)時(shí)總結(jié)自己的經(jīng)驗(yàn)和他人的成果,得出以下四條準(zhǔn)則。
1.相似性準(zhǔn)則
這條準(zhǔn)則包含兩方面的意思,即程序內(nèi)部的相似性和與同類型其它應(yīng)用軟件的相似性。
所謂程序內(nèi)部的相似性是指應(yīng)用程序本身在響應(yīng)用戶的輸入或輸出時(shí),對(duì)于同一類型的問(wèn)題的處理應(yīng)該相互一致。譬如,應(yīng)用程序在接收字符的輸入時(shí),應(yīng)該保證無(wú)論在應(yīng)用程序的何處接收字符,其響應(yīng)形式都是一致的,如在字符輸入的位置顯示閃爍的光標(biāo)或豎條等。這樣,用戶一旦見(jiàn)到閃爍的豎條或光標(biāo)出現(xiàn),便知道應(yīng)該進(jìn)行字符輸入了。
所謂與同類型應(yīng)用程序的相似性是指同種類別的應(yīng)用軟件在響應(yīng)用戶的輸入或輸出時(shí),應(yīng)使用相似的控制機(jī)制。例如,同一類型的全屏幕編輯應(yīng)用系統(tǒng),都使用F10來(lái)選擇主菜單,用CTRLKB來(lái)確定塊頭,用F1來(lái)提供幫助信息,用F2來(lái)保存當(dāng)前編輯的文件等等。在這方面,WPS的文本編輯器和TurboC的編輯器有著驚人的相似之處。
這種相似性帶來(lái)的好處是顯而易見(jiàn)的。用戶一旦熟悉類似系統(tǒng)的某一種,那么該類型的其它軟件也基本上能夠使用了。如會(huì)使用TurboC的編輯器,就會(huì)使用WPS的文本編輯器。這樣,一旦與此同類型的應(yīng)用軟件開(kāi)發(fā)出來(lái)之后便馬上可以在市場(chǎng)上流行使用起來(lái),用戶不需要再進(jìn)行軟件使用方面的訓(xùn)練(當(dāng)然是指那些用過(guò)類似軟件的用戶)。對(duì)于軟件開(kāi)發(fā)者來(lái)講便馬上可以獲取經(jīng)濟(jì)效益。同時(shí),這種相似性給軟件的開(kāi)發(fā)工作也帶來(lái)了極大的方便,使得軟件開(kāi)發(fā)人員可節(jié)省大量時(shí)間去考慮軟件功能的設(shè)計(jì)方面,從而可帶動(dòng)軟件產(chǎn)業(yè)的完善和發(fā)展。
2.靈活性準(zhǔn)則
這是一個(gè)相當(dāng)重要的準(zhǔn)則,它將充分體現(xiàn)系統(tǒng)強(qiáng)大的適應(yīng)性。所謂靈活性是指軟件開(kāi)發(fā)者在設(shè)計(jì)用戶界面的過(guò)程中,應(yīng)該考慮不同用戶的不同需求、系統(tǒng)更新?lián)Q代所帶來(lái)的影響以及異常事件所帶來(lái)的影響。例如Windows圖形用戶界面中,鼠標(biāo)選擇和鍵盤選擇的共存。這個(gè)準(zhǔn)則的實(shí)現(xiàn)是相當(dāng)費(fèi)時(shí)間的,為了使應(yīng)用軟件在某種程度上符合靈活性準(zhǔn)則,軟件編程人員必須為此付出艱辛的勞動(dòng)。比如在設(shè)計(jì)顯示部分時(shí),由于不同規(guī)格的顯示卡其分辨率及編程方法都各不相同,為此軟件編程人員必須分別為這些不同類型的顯示卡編寫不同的例程,然后使應(yīng)用程序能夠根據(jù)不同的顯示卡分別進(jìn)行處理。盡管這樣做工作量相當(dāng)大,但軟件開(kāi)發(fā)者不得不做這項(xiàng)工作,否則整個(gè)應(yīng)用軟件在其推廣普及時(shí)會(huì)碰上巨大障礙。
3.直觀性準(zhǔn)則
這主要是從用戶的思維及視覺(jué)的角度去考慮軟件的界面設(shè)計(jì)。這涉及到界面的藝術(shù)構(gòu)型、思維習(xí)慣等等。所謂直觀性,簡(jiǎn)而言之就是一看便知。用戶界面的直觀性主要體現(xiàn)在以下幾個(gè)方面:
(1)應(yīng)用程序的所有輸出信息不應(yīng)含糊不清;
(2)用戶界面必須能及時(shí)提供當(dāng)前任務(wù)的執(zhí)行狀態(tài);
(3)應(yīng)該提供清晰的幫助信息以便用戶能在遇到問(wèn)題時(shí)能及時(shí)得到幫助。
隨著計(jì)算機(jī)圖形圖像技術(shù)及多媒體技術(shù)的發(fā)展,這方面的工作越來(lái)越令用戶滿意。
4.實(shí)用性準(zhǔn)則。
所謂實(shí)用性是指能夠被系統(tǒng)和用戶所接受。所謂能夠被用戶接受主要是從使用習(xí)慣及經(jīng)濟(jì)方面來(lái)講的。如因系統(tǒng)界面的需求而迫使用戶不得不配置一些昂貴的設(shè)備,這對(duì)用戶來(lái)講是不合算的,從系統(tǒng)的優(yōu)越性來(lái)講降低了其性能/價(jià)格比,從而也就影響到系統(tǒng)的推廣普及工作。所謂能夠被系統(tǒng)接受是指不應(yīng)因界面設(shè)計(jì)的原因而損害整個(gè)系統(tǒng)的運(yùn)行。比如用戶界面在運(yùn)行過(guò)程中需要龐大的內(nèi)存支撐,這樣導(dǎo)致內(nèi)存資源短缺而使系統(tǒng)的某些功能因申請(qǐng)不到內(nèi)存而不能運(yùn)行或使系統(tǒng)崩潰。
二、一個(gè)實(shí)例圖形用戶界面是基于符號(hào)、顏色和肖像的,它是從字符方式的用戶界面發(fā)展而來(lái)的,是用戶界面發(fā)展的一個(gè)重要的階段。在設(shè)計(jì)和開(kāi)發(fā)圖形用戶界面的過(guò)程中還應(yīng)注意以下幾個(gè)問(wèn)題:
(1)圖形菜單項(xiàng)必須易于被系統(tǒng)的圖形設(shè)備所選擇;
(2)必須保證圖形所表示的意義能與其它的表示區(qū)別開(kāi)來(lái);
(3)在圖形菜單中使用分組技術(shù),以利用戶的使用;
(4)保證圖標(biāo)帶有所期望的意義;
(5)對(duì)于選中的菜單項(xiàng)或未選中的菜單項(xiàng)或無(wú)效的菜單項(xiàng)應(yīng)加以區(qū)分。
在DOS下開(kāi)發(fā)圖形用戶界面的關(guān)鍵之處是數(shù)據(jù)信息的表示。對(duì)于圖形用戶界面來(lái)講,涉及的數(shù)據(jù)量及數(shù)據(jù)種類比在字符方式下的用戶界面要多得多。然而在設(shè)計(jì)圖形用戶界面時(shí)又不能消耗大量的內(nèi)存空間而限制系統(tǒng)的運(yùn)行。筆者在開(kāi)發(fā)一種中西文編輯排版軟件的圖形用戶界面的過(guò)程中采用了內(nèi)外存相結(jié)合的獨(dú)特方式來(lái)保存圖形用戶界面的數(shù)據(jù)信息,整個(gè)圖形用戶界面的信息所占用的內(nèi)存總數(shù)不到100B。圖1示出了這種圖形用戶界面的數(shù)據(jù)結(jié)構(gòu)。
在用戶界面的制作過(guò)程中,將上述三項(xiàng)信息分別存放在不同的文件之中。這樣,系統(tǒng)可由其中的一個(gè)窗口信息獲取其它各類信息,因而可只在內(nèi)存中保存當(dāng)前這一活動(dòng)的窗口信息便可達(dá)到管理整個(gè)系統(tǒng)用戶界面的目的。
利用窗口信息、標(biāo)題信息、菜單及肖像菜單信息來(lái)生成系統(tǒng)圖形用戶界面的過(guò)程可用流程圖表示如圖3
R>生成系統(tǒng)的圖形用戶界面之后,系統(tǒng)便處于界@@03A04100.GIF;圖1面管理程序的監(jiān)控之下,其工作流程如圖4所示。
關(guān)于窗口信息、標(biāo)題信息及肖像菜單與菜單信息的數(shù)據(jù)的具體表示以及有關(guān)鼠標(biāo)器的菜單驅(qū)動(dòng)問(wèn)題在此不再敘述。
三、小結(jié)
在DOS系統(tǒng)下直接進(jìn)行圖形用戶界面的設(shè)計(jì)和開(kāi)發(fā),其工作量是相當(dāng)大的。筆者經(jīng)過(guò)大量的工作,在DOS系統(tǒng)下基本上開(kāi)發(fā)出了類似Windows用戶界面風(fēng)格的圖形用戶界面。當(dāng)然,界面設(shè)計(jì)是千變?nèi)f化的,用戶界面的觀念也是隨著計(jì)算機(jī)的發(fā)展而發(fā)展的,其前進(jìn)的方向?qū)⑹侵悄芑⒓苫妥匀换?/p>
參考文獻(xiàn)
關(guān)鍵詞:界面符號(hào)人機(jī)工程環(huán)境
一、設(shè)計(jì)界面的涵義
界面的說(shuō)法以往常見(jiàn)的是在人機(jī)工程學(xué)中。“人機(jī)界面”是指人機(jī)間相互施加影響的區(qū)域,凡參與人機(jī)信息交流的一切領(lǐng)域都屬于人機(jī)界面。“而設(shè)計(jì)藝術(shù)是研究人一物關(guān)系的學(xué)科,對(duì)象物所代表的不是簡(jiǎn)單的機(jī)器與設(shè)備,而是有廣度與深度的物;這里的人也不是“生物人”,不能單純地以人的生理特征進(jìn)行分析。“人的尺度,既應(yīng)有作為自然人的尺度,還應(yīng)有作為社會(huì)人的尺度;既研究生理、心理、環(huán)境等對(duì)人的影響和效能,也研究人的文化、審美、價(jià)值觀念等方面的要求和變化”。
設(shè)計(jì)的界面存在于人一物信息交流,甚至可以說(shuō),存在人物信息交流的一切領(lǐng)域都屬于設(shè)計(jì)界面,它的內(nèi)涵要素是極為廣泛的。可將設(shè)計(jì)界面定義為設(shè)計(jì)中所面對(duì)、所分析的一切信息交互的總和,它反映著人一物之間的關(guān)系。
二、設(shè)計(jì)界面的存在
美國(guó)學(xué)者赫伯特.A.西蒙提出:設(shè)計(jì)是人工物的內(nèi)部環(huán)境(人工物自身的物質(zhì)和組織)和外部環(huán)境(人工物的工作或使用環(huán)境)的接合。所以設(shè)計(jì)是把握人工物內(nèi)部環(huán)境與外部環(huán)境接合的學(xué)科,這種接合是圍繞人來(lái)進(jìn)行的。“人”是設(shè)計(jì)界面的一個(gè)方面,是認(rèn)識(shí)的主體和設(shè)計(jì)服務(wù)的對(duì)象,而作為對(duì)象的“物”則是設(shè)計(jì)界面的另一個(gè)方面。它是包含著對(duì)象實(shí)體、環(huán)境及信息的綜合體,就如我們看見(jiàn)一件產(chǎn)品、一棟建筑,它帶給人的不僅有使用的功能、材料的質(zhì)地,也包含著對(duì)傳統(tǒng)思考、文化理喻、科學(xué)觀念等的認(rèn)知。“任何一件作品的內(nèi)容,都必須超出作品中所包含的那些個(gè)別物體的表象。”分析“物”也就分析了設(shè)計(jì)界面存在的多樣性。
為了便于認(rèn)識(shí)和分析設(shè)計(jì)界面,可將設(shè)計(jì)界面分類為:
1)功能性設(shè)計(jì)界面接受物的功能信息,操縱與控制物,同時(shí)也包括與生產(chǎn)的接口,即材料運(yùn)用、科學(xué)技術(shù)的應(yīng)用等等。這一界面反映著設(shè)計(jì)與人造物的協(xié)調(diào)作用。
2)情感性設(shè)計(jì)界面即物要傳遞感受給人,取得與人的感情共鳴。這種感受的信息傳達(dá)存在著確定性與不確定性的統(tǒng)一。情感把握在于深入目標(biāo)對(duì)象的使用者的感情,而不是個(gè)人的情感抒發(fā)。設(shè)計(jì)師“投入熱情,不投入感情”,避免個(gè)人的任何主觀臆斷與個(gè)性的自由發(fā)揮。這―界面反映著設(shè)計(jì)與人的關(guān)系。
3)環(huán)境性設(shè)計(jì)界面外部環(huán)境因素對(duì)人的信息傳遞。任何一件或一個(gè)產(chǎn)品或平面視覺(jué)傳達(dá)作品或室內(nèi)外環(huán)境作品都不能脫離環(huán)境而存在,環(huán)境的物理?xiàng)l件與精神氛圍是不可忽缺的界面因素。
應(yīng)該說(shuō),設(shè)計(jì)界面是以功能性界面為基礎(chǔ),以環(huán)境性界面為前提,以情感性界面為重心而構(gòu)成的,它們之間形成有機(jī)和系統(tǒng)的聯(lián)系。
三、設(shè)計(jì)界面存在的方法論意義
當(dāng)機(jī)械大工業(yè)發(fā)展起來(lái)的時(shí)候,如何有效操縱和控制產(chǎn)品或機(jī)械的問(wèn)題導(dǎo)致了人機(jī)工程學(xué)。二戰(zhàn)后,隨著體力的簡(jiǎn)單勞動(dòng)轉(zhuǎn)向腦力的復(fù)雜勞動(dòng),人體工學(xué)也進(jìn)一步地?cái)U(kuò)大到人的思維能力的設(shè)計(jì)方面,“使設(shè)計(jì)能夠支持、解放、擴(kuò)展人的腦力勞動(dòng)”。在目前的知識(shí)經(jīng)濟(jì)時(shí)代,在滿足了物質(zhì)需求的情況下,人們追求自身個(gè)性的發(fā)展和情感訴求,設(shè)計(jì)必須要著重對(duì)人的情感需求進(jìn)行考慮。設(shè)計(jì)因素復(fù)雜化導(dǎo)致設(shè)計(jì)評(píng)價(jià)標(biāo)準(zhǔn)困難化。一個(gè)個(gè)性化的設(shè)計(jì)作品能否被消費(fèi)者所認(rèn)同?新產(chǎn)品開(kāi)發(fā)能不能被市場(chǎng)所接受?在目前,我國(guó)大部分企業(yè)實(shí)力還并不強(qiáng)大,設(shè)計(jì)開(kāi)發(fā)失利承受力還不很強(qiáng)的情況下,如何系統(tǒng)地、有根據(jù)地認(rèn)識(shí)、評(píng)價(jià)設(shè)計(jì),使其符合市場(chǎng),就需要對(duì)設(shè)計(jì)因素再認(rèn)識(shí)。利用界面分析法,正是使設(shè)計(jì)因素條理化,避免將人作為“生物人”的片面和走出籠統(tǒng)地說(shuō)“設(shè)計(jì)=科學(xué)十藝術(shù)”的簡(jiǎn)單誤區(qū)。
現(xiàn)代的人機(jī)工程學(xué)和消費(fèi)心理學(xué)為設(shè)計(jì)提供了科學(xué)的依據(jù),它們的成功就在于實(shí)驗(yàn)、調(diào)查和數(shù)理表述,是較為可系的。同樣對(duì)設(shè)計(jì)藝術(shù)而言,進(jìn)行設(shè)計(jì)界面的分析,也要有生理學(xué)、心理學(xué)、文化學(xué)、生物學(xué)、技術(shù)學(xué)學(xué)科基礎(chǔ)。從理論上來(lái)說(shuō),它要直接建立在信息論和控制論的基礎(chǔ)之上。相對(duì)于機(jī)械、電子設(shè)計(jì)和人機(jī)設(shè)計(jì),以往人機(jī)界面設(shè)計(jì)把握了技術(shù)科學(xué)的認(rèn)識(shí)和手段,忽視了人文科學(xué)觀念與思想。它的界面設(shè)計(jì)只能存在于局部的思考范圍內(nèi),只成為一個(gè)設(shè)計(jì)的階段。
有人以功能論來(lái)評(píng)判設(shè)計(jì)。“功能決定形態(tài)”曾是20世紀(jì)上半葉的設(shè)計(jì)格言,它的提法是片面的。這是因?yàn)椋旱谝唬δ懿皇菃我坏模ㄊ褂霉δ堋徝拦δ堋⑸鐣?huì)功能、環(huán)境功能等。“過(guò)分追求單一的功能會(huì)導(dǎo)致將許多重要內(nèi)容(裝飾性、民族性、中間性)被排斥掉”。而且“有些內(nèi)容并不是‘功能’的概念所能包括了的,更何況物質(zhì)和精神的內(nèi)容也并不是時(shí)時(shí)處處等質(zhì)等量的融洽在一個(gè)統(tǒng)一體中,隨產(chǎn)品的不同、時(shí)期的不同,它們各自的主次地位也隨之變化”。在現(xiàn)今信息技術(shù)高度發(fā)展的時(shí)代,情感因素越來(lái)越成為設(shè)計(jì)的主要方面。物質(zhì)意義上的功能在保持其基礎(chǔ)地位的情況下,卻日益不能代表情感訴求的表述;第二,按“形態(tài)服從功能”而設(shè)計(jì)的產(chǎn)品,對(duì)于不熟悉它的使用者來(lái)說(shuō)是難以理解的,產(chǎn)品要為人們所理解,必須要借助公認(rèn)的信碼,即符號(hào)系統(tǒng);第三,滿足同一功能的產(chǎn)品形態(tài)本來(lái)就不是唯一的,象汽車等成熟的產(chǎn)品,年度換型計(jì)劃等措施成為商品經(jīng)濟(jì)中日益不可避免的現(xiàn)象。社會(huì)經(jīng)濟(jì)發(fā)展到一定程度,才能出現(xiàn)設(shè)計(jì)的專業(yè)需求,而這時(shí)人們的基本物質(zhì)需求已能滿足,簡(jiǎn)單地以物質(zhì)來(lái)決定設(shè)計(jì)是不恰當(dāng)?shù)摹?/p>
相反,設(shè)計(jì)界面體現(xiàn)了人一物交流信息的本質(zhì),也是設(shè)計(jì)藝術(shù)的內(nèi)涵,它包括了設(shè)計(jì)的方方面面,明確了設(shè)計(jì)的目標(biāo)與程序。
四、設(shè)計(jì)界面的分析
按照設(shè)計(jì)界面的三類劃分,有助于考察設(shè)計(jì)界面的多種因素。當(dāng)然,應(yīng)該說(shuō)設(shè)計(jì)界面的劃分是不可能完全絕對(duì)的,三類界面之間有涵義上也可能交互與重疊,如宗教文化是一種環(huán)境性因素,但它帶給信仰者的往往更多的卻是宗教的情感因素。在這里環(huán)境性和情感性是不好區(qū)分的,但這并不妨礙不同分類之間所存在的實(shí)質(zhì)性的差異。
1、功能性界面
對(duì)功能性界面來(lái)說(shuō),它實(shí)現(xiàn)的是使用性內(nèi)容,任何‘件產(chǎn)品或內(nèi)外環(huán)境或平面視覺(jué)傳達(dá)作品,其存在的價(jià)值首要的是在于使用性,由使用性牽涉到多種功能因素的分析及實(shí)現(xiàn)功能的技術(shù)方法與材料運(yùn)用。在這一方面,分析思維作為一種理性思維而存在。如果作為一種處理方式來(lái)設(shè)計(jì)產(chǎn)品,則這種產(chǎn)品會(huì)使多種特征性(如民族性、純粹性)因素中性化,如果去除產(chǎn)品商標(biāo),就很難認(rèn)出是哪國(guó)的或哪個(gè)公司的產(chǎn)品。當(dāng)然,這方面也說(shuō)明了產(chǎn)品中存在著共同性因素,它使全人類能做出同樣的反應(yīng)。人的感覺(jué)和判斷能力有著國(guó)際性的、客觀性的特征。
功能性界面設(shè)計(jì)要建立在符號(hào)學(xué)的基礎(chǔ)上。國(guó)際符號(hào)學(xué)會(huì)對(duì)符號(hào)學(xué)所下定義是:符號(hào)是關(guān)于信號(hào)標(biāo)志系統(tǒng)(即通過(guò)某種渠道傳遞信息的系統(tǒng))的理論,它研究自然符號(hào)系統(tǒng)和人造符號(hào)系統(tǒng)的特征。廣義的說(shuō),能夠代表其他事物的東西都是符號(hào),如字母、數(shù)字、儀式、意識(shí)、動(dòng)作等,最復(fù)雜的一種符號(hào)系統(tǒng)可能就是語(yǔ)言。設(shè)計(jì)功能界面,不可避免地要讓使用者明白功能操作。每一操作對(duì)人來(lái)說(shuō)應(yīng)是符合思維邏輯的,是人性的,而對(duì)機(jī)械、電子來(lái)說(shuō)則應(yīng)是準(zhǔn)確的、確定無(wú)疑的,這雙方的信息傳遞是功能界面的核心內(nèi)涵。
2、情感性界面
一個(gè)家庭裝飾要賦予人家居的溫馨,一副平面作品要以情動(dòng)人,一件宗教器具要體現(xiàn)信仰者的虔誠(chéng)。其實(shí)任何一件產(chǎn)品或作品只有與人的情感產(chǎn)生共鳴才能為人所接受,“敝帚自珍”正體現(xiàn)著人的感情寄托,也體現(xiàn)著設(shè)計(jì)作品的魅力所在。
現(xiàn)代符號(hào)學(xué)的發(fā)展也日益這一領(lǐng)域開(kāi)拓,以努力使這種不確定性得到壓縮,部分加強(qiáng)理性化成分。符號(hào)學(xué)逐漸應(yīng)用于民俗學(xué)、神話學(xué)、宗教學(xué)、廣告學(xué)等領(lǐng)域,如日本符號(hào)學(xué)界把符號(hào)學(xué)用于認(rèn)識(shí)論研究,考察認(rèn)識(shí)知覺(jué)、認(rèn)識(shí)過(guò)程的符號(hào)學(xué)問(wèn)題。同時(shí),符號(hào)學(xué)還用于分析利用人體感官進(jìn)行的交際,并將音樂(lè)、舞蹈、服裝、裝飾等都作為符號(hào)系統(tǒng)加以分析研究,這都為設(shè)計(jì)藝術(shù)提供了寶貴與有借鑒價(jià)值的情感界面設(shè)計(jì)方法與技術(shù)手段。
3、環(huán)境性界面
任何的設(shè)計(jì)都要與環(huán)境因素相聯(lián)系,它包括社會(huì)、政治和文化等綜合領(lǐng)域。處于外界環(huán)境之中,“是以社會(huì)群體而不是以個(gè)體為基礎(chǔ)的”,所以環(huán)境性因素一般處于非受控與難以預(yù)見(jiàn)的變化狀態(tài)。聯(lián)系到設(shè)計(jì)的歷史,我們可以利用藝術(shù)社會(huì)學(xué)的觀點(diǎn)去認(rèn)識(shí)各時(shí)期的設(shè)計(jì)潮流。18世紀(jì)起,西方一批美學(xué)家已注意到藝術(shù)創(chuàng)造與審美趣味深受地理、氣候、民族、歷史條件等環(huán)境因素的影響。法國(guó)實(shí)證主義哲學(xué)家孔德指出:“文學(xué)藝術(shù)是人的創(chuàng)造物,原則上是由創(chuàng)造它的人所處的環(huán)境條件決定。”法國(guó)文藝?yán)碚摷业ぜ{認(rèn)為“物質(zhì)文明與精神文明的性質(zhì)面貌都取決于種族、環(huán)境、時(shí)代三大因素”。無(wú)論是工藝美術(shù)運(yùn)動(dòng)、包豪斯現(xiàn)代主義或20世紀(jì)80年代的反設(shè)計(jì),現(xiàn)代的多元化,“游牧主義”(Nemadism)都反映著環(huán)境因素的影響。
環(huán)境性界面設(shè)計(jì)所涵蓋的因素是極為廣泛的,它包括有政治、歷史、經(jīng)濟(jì)、文化、科技、民族等,這方面的界面設(shè)計(jì)正體現(xiàn)了設(shè)計(jì)藝術(shù)的社會(huì)性。
以上說(shuō)明了設(shè)計(jì)藝術(shù)界面存在的特征因素,說(shuō)明在理性與非理性上都存在明確、合理、有規(guī)則、有根據(jù)的認(rèn)識(shí)方法與手段。
成功的作品都是完善地處理了這三個(gè)界面的結(jié)晶。如貝聿銘設(shè)計(jì)的盧浮宮擴(kuò)建工程,功能性處理得很好,沒(méi)有屈從于形式而損害功能;但同時(shí)又通過(guò)新材料及形式反映新的時(shí)代性特征及美學(xué)傾向,這是環(huán)境性界面處理的典范;人們觀看盧浮宮,不是回到古代,而是以新的價(jià)值觀去重新審視、欣賞,它的三角形外觀符合了人們的心理期望,這是情感性界面處理的極致。
五、設(shè)計(jì)界面的運(yùn)用原則
1)合理性原則,即保證在系統(tǒng)設(shè)計(jì)基礎(chǔ)上的合理與明確。
任何的設(shè)計(jì)都既要有定性也要有定量的分析,是理性與感性思維相結(jié)合。努力減少非理性因素,而以定量?jī)?yōu)化、提高為基礎(chǔ)。設(shè)計(jì)不應(yīng)人云亦云,一定要在正確、系統(tǒng)的事實(shí)和數(shù)據(jù)的基礎(chǔ)上,進(jìn)行嚴(yán)密地理論分析,能以理服人、以情感人。
2)動(dòng)態(tài)性原則,即要有四維空間或五維空間的運(yùn)作觀念。一件作品不僅是二維的平面或三絕的立體,也要有時(shí)間與空間的變換,情感與思維認(rèn)識(shí)的演變等多維因素。
3)多樣化原則,即設(shè)計(jì)因素多樣化考慮。當(dāng)前越來(lái)越多的專業(yè)調(diào)查人員與公司出現(xiàn),為設(shè)計(jì)帶來(lái)豐富的資料和依據(jù)。但是,如何獲取有效信息,如何分析設(shè)計(jì)信息實(shí)際上是一個(gè)要有創(chuàng)造性思維與方法的過(guò)程體系。
4)交互性原則,即界面設(shè)計(jì)強(qiáng)調(diào)交互過(guò)程。一方面是物的信息傳達(dá),另一方面是人的接受與反饋,對(duì)任何物的信息都能動(dòng)地認(rèn)識(shí)與把握。
5)共通性原則,即把握三類界面的協(xié)調(diào)統(tǒng)一,功能、情感、環(huán)境不能孤立而存在。
六、設(shè)計(jì)界面的應(yīng)用方法
設(shè)計(jì)界面所包含的因素是極為廣泛的,但在運(yùn)用中卻只能有側(cè)重、有強(qiáng)調(diào)的把握。設(shè)計(jì)因素雖多,但它仍是一個(gè)不可分割的整體。它的結(jié)果是物化的形,但這個(gè)形卻是代表了時(shí)代、民族等方面的意識(shí),并最終反映出人的“美”的心理活動(dòng)。
設(shè)計(jì)界面的運(yùn)用,核心是設(shè)計(jì)分析。在一些國(guó)際性的大公司,如索尼、松下、柯尼卡等,都有許多的成功案例可為借鑒。如柯尼卡公司設(shè)計(jì)其相機(jī)時(shí),首先不是去繪制“美”的形和考慮技術(shù)的進(jìn)步,而是進(jìn)行對(duì)象人的日常行為分析,作出故事版(STORY)。它先假定對(duì)象人的年齡為35歲,名:xxx,從而分析他的家庭、喜好與憎惡,分析他的日常行為,進(jìn)而考察其人在什么場(chǎng)合需要僚機(jī),從而為設(shè)計(jì)提供概念(CONCEPT)與目標(biāo)(TARGET),進(jìn)行設(shè)計(jì)。經(jīng)過(guò)分析,設(shè)計(jì)師有了明確的概念與目標(biāo),并隨信息的交互產(chǎn)生了創(chuàng)造力。