李東娜 趙思琪

摘要：在科技飛速發(fā)展的時(shí)代，設(shè)計(jì)已走出自己的界限，形成了與現(xiàn)代科技融合不破不立的景象。跨界設(shè)計(jì)是設(shè)計(jì)與現(xiàn)代科技共同進(jìn)步的途徑，但在發(fā)展過(guò)程中也存在一定的學(xué)科局限性，國(guó)內(nèi)發(fā)展不夠完善。交互設(shè)計(jì)應(yīng)通過(guò)對(duì)文獻(xiàn)解說(shuō)和實(shí)際調(diào)研，并運(yùn)用跨學(xué)科的研究方法來(lái)進(jìn)行研究。結(jié)合實(shí)際案例分析，結(jié)合人體工程學(xué)、認(rèn)知心理學(xué)、格式塔心理學(xué)和美學(xué)的知識(shí)背景來(lái)研究交互設(shè)計(jì)。結(jié)果顯示，交互設(shè)計(jì)的多方面知識(shí)體系的結(jié)合可以有效指導(dǎo)研發(fā)團(tuán)隊(duì)進(jìn)行用戶(hù)界面設(shè)計(jì)任務(wù)的組織規(guī)劃和具體執(zhí)行，使移動(dòng)智能手機(jī)應(yīng)用更好地滿(mǎn)足用戶(hù)需求。

關(guān)鍵詞：跨界設(shè)計(jì) 智能手機(jī) 交互設(shè)計(jì)

引言

視覺(jué)傳達(dá)設(shè)計(jì)的跨界設(shè)計(jì)是在現(xiàn)代數(shù)字技術(shù)影響下，UI設(shè)計(jì)單純的平面設(shè)計(jì)表現(xiàn)形式也可以多樣化，擺脫了單純的表現(xiàn)形式，也更趨于設(shè)計(jì)的多樣化和互動(dòng)性。因而交互設(shè)計(jì)就在這樣的大時(shí)代背景下應(yīng)運(yùn)而生，交互設(shè)計(jì)是對(duì)現(xiàn)代技術(shù)的橫向融合與發(fā)展，正是因?yàn)榫W(wǎng)絡(luò)的出現(xiàn)、電子產(chǎn)業(yè)變的現(xiàn)代化，交互設(shè)計(jì)出現(xiàn)。正因?yàn)槿藗儗?duì)網(wǎng)絡(luò)，對(duì)現(xiàn)在電子產(chǎn)品的癡迷交互設(shè)計(jì)現(xiàn)在備受關(guān)注。

一、“界”與“跨界”

先有“界”，才有跨界的需求，“界“是個(gè)相對(duì)的概念，是在人們憑借知識(shí)與認(rèn)知來(lái)分門(mén)別類(lèi)的。在藝術(shù)類(lèi)學(xué)科里，各學(xué)科之間是有一定的模糊性的。當(dāng)人們對(duì)設(shè)計(jì)品不再滿(mǎn)足現(xiàn)狀時(shí)就需要?jiǎng)?chuàng)新，正是創(chuàng)新需求趨勢(shì)視覺(jué)傳達(dá)設(shè)計(jì)的跨界發(fā)展，把看似無(wú)關(guān)的東西放在一起，碰撞出新的火花，讓人們看到視覺(jué)傳達(dá)設(shè)計(jì)新的可能性。

正如進(jìn)化論中的生物進(jìn)化形式一樣，UI設(shè)計(jì)的進(jìn)化是自然的選擇，雖然在跨界起初可能會(huì)被認(rèn)為“不務(wù)正業(yè)”，但事實(shí)證明這種基因突變達(dá)到雙贏(yíng)的效果，隔離會(huì)阻礙發(fā)展，但先融合再隔離就會(huì)產(chǎn)生新的設(shè)計(jì)領(lǐng)域?，F(xiàn)在看來(lái)交互設(shè)計(jì)給人們帶來(lái)的互動(dòng)與“交流”遠(yuǎn)遠(yuǎn)多于人與人的交流，交互設(shè)計(jì)是對(duì)視覺(jué)傳達(dá)設(shè)計(jì)的繼承與創(chuàng)新，交互設(shè)計(jì)在現(xiàn)代網(wǎng)絡(luò)占據(jù)了主導(dǎo)地位，尤其是智能手機(jī)的交互設(shè)計(jì)。完全符合人與機(jī)器的交流模式，也正是交互設(shè)計(jì)的承載方式，如同人與人交流一般，但比人簡(jiǎn)單。交互設(shè)計(jì)把UI設(shè)計(jì)平面化靜止的狀態(tài)下動(dòng)起來(lái)，增加了溝通性，也增強(qiáng)了互動(dòng)性。

實(shí)際上，交互設(shè)計(jì)是另一種信息分類(lèi)方式，用戶(hù)通過(guò)電腦、平板或手機(jī)界面上的小圖標(biāo)來(lái)識(shí)別哪些是他們想要信息，人性化的設(shè)計(jì)以便于用戶(hù)工作和學(xué)習(xí)，比如，在你所查找的信息界面下有同類(lèi)信息供用戶(hù)選擇，在你查找詞條時(shí)，忘記全稱(chēng)，只輸入幾個(gè)字就可以查到相關(guān)的全部詞條供你選擇。全世界的信息共享也是交互設(shè)計(jì)帶給我們的亮點(diǎn)之一，雖然說(shuō)網(wǎng)絡(luò)讓信息全球化，但在中國(guó)人看來(lái)，復(fù)雜的外文，不符合中國(guó)人思維的分類(lèi)，對(duì)于中國(guó)用戶(hù)來(lái)說(shuō)不是一件容易的事情，但交互設(shè)計(jì)，是對(duì)特有地域的人，為我們而設(shè)計(jì)，正是這種人性化的設(shè)計(jì)帶給我們便利的生活。

二、文化沖擊帶來(lái)的效應(yīng)

1984年，美國(guó)蘋(píng)果公司最先采用了圖形用戶(hù)界面，成功將圖形用戶(hù)界面帶入互聯(lián)網(wǎng)時(shí)代用戶(hù)的視野中。1985年，比爾.莫格里奇設(shè)計(jì)師提出要解決的不只是界面應(yīng)用形式的問(wèn)題，也應(yīng)該將界面應(yīng)用設(shè)計(jì)與交互設(shè)計(jì)相結(jié)合。1995年，丹·博庫(kù)珀強(qiáng)調(diào)以人為中心的方法是現(xiàn)在的交互設(shè)計(jì)方法來(lái)說(shuō)明21世紀(jì)的今天設(shè)計(jì)發(fā)展的趨勢(shì)。當(dāng)今設(shè)計(jì)和設(shè)計(jì)者應(yīng)具備的條件，交互設(shè)計(jì)主要是協(xié)助用戶(hù)信息的瀏覽，更有效快捷的APP中獲取對(duì)用戶(hù)自身有效的信息，因此，界面服務(wù)于信息，信息業(yè)依托與界面。界面的清晰度、可視性、識(shí)別度和趣味性成為界面設(shè)計(jì)需要具備的基本要求。如今的大數(shù)據(jù)時(shí)代，信息層出不窮界面設(shè)計(jì)也就成為抓人眼球的有效途徑，界面連接著人與智能手機(jī)，也是人與智能手機(jī)“交流”的橋梁，同時(shí)人對(duì)界面的反應(yīng)也促進(jìn)了智能手機(jī)的發(fā)展。眼睛作為人類(lèi)的重要的感官，是大腦接受外界信息的橋梁。UI界面的圖標(biāo)也尤為重要。

智能手機(jī)的3G時(shí)代的到來(lái)，人們對(duì)智能手機(jī)用戶(hù)交互設(shè)計(jì)的需求量加大了。出現(xiàn)了很多風(fēng)格化設(shè)計(jì)，也給界面設(shè)計(jì)帶來(lái)一定的品牌效應(yīng)。因此以用戶(hù)為中心的設(shè)計(jì)、用戶(hù)體驗(yàn)設(shè)計(jì)、可用性設(shè)計(jì)、服務(wù)設(shè)計(jì)等相關(guān)設(shè)計(jì)概念紛紛浮上水面，已經(jīng)是商業(yè)和產(chǎn)品研發(fā)中的重要組成部分，界面設(shè)計(jì)高識(shí)別度的個(gè)性化設(shè)計(jì)成為主流，界面設(shè)計(jì)也可以成為商業(yè)的賣(mài)點(diǎn)，不再是單單做幕后工作，給智能手機(jī)等一系列產(chǎn)業(yè)鏈帶來(lái)巨大的經(jīng)濟(jì)和社會(huì)效益，這也標(biāo)志著后界面時(shí)代的到來(lái)。

三、在時(shí)代需求下誕生

大數(shù)據(jù)的時(shí)代，在信息爆炸的今天，人用智能手機(jī)的交流似乎已超出國(guó)界，信息傳播速度也已是飛速，人們?cè)谟米约旱膫ゴ蟀l(fā)明征服大自然，征服地球。

移動(dòng)智能手機(jī)在人類(lèi)社會(huì)扮演著重要的角色。因此用戶(hù)客戶(hù)對(duì)手機(jī)的需求也急劇上漲，智能手機(jī)的需求量上漲，與交互設(shè)計(jì)有密不可分的關(guān)系，美國(guó)蘋(píng)果公司率先在智能手機(jī)交互設(shè)計(jì)領(lǐng)域領(lǐng)先。打破了曾經(jīng)國(guó)內(nèi)小靈通的時(shí)代，手機(jī)也不是小強(qiáng)的代表，而是可以代替人的可以和人交流的工具。人與外界的交流方式有很多種，人與人、人與自然和人與機(jī)器，傳統(tǒng)人的交流方式僅僅只存在于當(dāng)時(shí)有時(shí)間和地域限制，互聯(lián)網(wǎng)使人的交流打破這一限制，則交互設(shè)計(jì)更好地完成了這—項(xiàng)目，交互設(shè)計(jì)雖然局限了用戶(hù)的交談對(duì)象，形成了人與機(jī)器交流的固定模式，但機(jī)器是人或開(kāi)發(fā)者可以控制的，在人類(lèi)可控范圍內(nèi)，消費(fèi)者與智能手機(jī)屏觸碰就可以完成與它的“交流”，比如，在不同次元、不同地域、不同文化、不同種族等?；ヂ?lián)網(wǎng)就像是一個(gè)大籃子，設(shè)計(jì)師以交互設(shè)計(jì)的方式把信息分門(mén)別類(lèi)，在如今信息混雜的年代，人們對(duì)互聯(lián)網(wǎng)的依賴(lài)性也來(lái)越高，如何讓人機(jī)互動(dòng)保持流暢性，這樣就形成了一個(gè)學(xué)科，互聯(lián)網(wǎng)要承擔(dān)的信息量越來(lái)越大，如今人與機(jī)器的交流界面無(wú)處不在。銀行自動(dòng)提款機(jī)ATM機(jī)就是最簡(jiǎn)單最常見(jiàn)的交互設(shè)計(jì)。當(dāng)用戶(hù)取款時(shí)會(huì)按下取款按鈕，機(jī)器會(huì)回應(yīng)這個(gè)指令，人與機(jī)器通過(guò)ATM機(jī)界面完成一系列指令，無(wú)需多耗費(fèi)勞動(dòng)力，通過(guò)機(jī)器就可以完成取錢(qián)這一動(dòng)作。交互設(shè)計(jì)把人和機(jī)器用美的表現(xiàn)方式結(jié)合起來(lái)。

視覺(jué)傳達(dá)設(shè)計(jì)中的UI設(shè)計(jì)在結(jié)合過(guò)程中起到不小的作用，交互設(shè)計(jì)秉承了UI設(shè)計(jì)的平面視覺(jué)效果，UI設(shè)計(jì)就是把信息分門(mén)別類(lèi)，然后進(jìn)行處理分析，通過(guò)小圖標(biāo)設(shè)計(jì)來(lái)向消費(fèi)者傳達(dá)信息，這是一個(gè)將信息可視化的過(guò)程。交互設(shè)計(jì)利用了UI設(shè)計(jì)這一特點(diǎn)，通過(guò)視覺(jué)媒介傳達(dá)給觀(guān)者。交互設(shè)計(jì)是給人看的設(shè)計(jì)，重點(diǎn)是向誰(shuí)傳達(dá)，傳達(dá)的效果和傳達(dá)后產(chǎn)生的影響。交互設(shè)計(jì)不僅滿(mǎn)足用戶(hù)“美”的需求，設(shè)計(jì)師還要在系統(tǒng)編程上下足功夫，交互設(shè)計(jì)的成功與美術(shù)和編程中的功能實(shí)現(xiàn)有著密不可分的關(guān)系，編程中的代碼看似與視覺(jué)上的呈現(xiàn)無(wú)關(guān)，但設(shè)計(jì)師做好的小圖標(biāo)和界面都是不能動(dòng)的，要想完成用戶(hù)點(diǎn)擊界面跳轉(zhuǎn)，點(diǎn)擊按鈕出現(xiàn)新的界面，或是在界面上上下滑動(dòng)出現(xiàn)的信息條，都是由編程來(lái)完成的。交互設(shè)計(jì)的美工是不能單獨(dú)存在，一些設(shè)計(jì)上的小亮點(diǎn)有時(shí)也是有編程來(lái)完成的。比如，點(diǎn)擊小圖標(biāo)時(shí)小圖標(biāo)晃動(dòng)，點(diǎn)擊桌面時(shí)桌面會(huì)出現(xiàn)水波紋，去年冬天“某寶”上就做了一個(gè)比較有意思的創(chuàng)意，在界面上放輸入棉褲等字眼，界面上就會(huì)出現(xiàn)界面結(jié)冰裂開(kāi)的視覺(jué)效果。這些效果都是需要美工組做好素材的制作，然后提交給程序組，程序組再按照策劃者提出的要求來(lái)完成設(shè)計(jì)。起初我看到這還比較詫異，一個(gè)購(gòu)物平臺(tái)都可以做成這樣，真的不簡(jiǎn)單，中國(guó)已不再是交互設(shè)計(jì)起步晚，依靠外國(guó)來(lái)發(fā)展，消防外國(guó)的設(shè)計(jì)，對(duì)中國(guó)來(lái)說(shuō)，已經(jīng)不是—項(xiàng)巨大的挑戰(zhàn)，人的腦洞是無(wú)限的。如今智能手機(jī)APP的交互設(shè)計(jì)涉足各個(gè)領(lǐng)域，醫(yī)學(xué)、購(gòu)物、視頻、聽(tīng)歌、游戲、學(xué)習(xí)、交流等，在這些大分類(lèi)里面還可以細(xì)分出許多小眾化的領(lǐng)域。交互設(shè)計(jì)的多樣化，服務(wù)于人民大眾，人們可以在“商店”里自由選擇，促進(jìn)了社會(huì)的文化交流。

四、跨界設(shè)計(jì)的不足

交互設(shè)計(jì)發(fā)展迅速，存在著許多缺點(diǎn)，交互設(shè)計(jì)是基于用戶(hù)視覺(jué)心理的界面設(shè)計(jì)原則來(lái)進(jìn)行設(shè)計(jì)的，因此設(shè)計(jì)人員需要了解并掌握視覺(jué)心理對(duì)于用戶(hù)界面設(shè)計(jì)的影響。在視覺(jué)信息中，不同的視覺(jué)元素以及視覺(jué)背景之間的關(guān)系對(duì)界面設(shè)計(jì)的影響是不同的，這也是進(jìn)行界面設(shè)計(jì)的基本設(shè)計(jì)規(guī)律。用戶(hù)體驗(yàn)是檢驗(yàn)交互設(shè)計(jì)成功的一項(xiàng)標(biāo)準(zhǔn)，也就是用戶(hù)“感受”，這直接導(dǎo)致產(chǎn)品的受歡迎程度和銷(xiāo)量。智能手機(jī)APP能在用戶(hù)手機(jī)里停留多久，初次體驗(yàn)是否能抓住消費(fèi)者的眼球，還有就是使用價(jià)值。交互設(shè)計(jì)中的細(xì)微人性化設(shè)計(jì)也很可能是銷(xiāo)量的保障。

現(xiàn)今，用戶(hù)界面設(shè)計(jì)已經(jīng)逐步時(shí)產(chǎn)品的經(jīng)濟(jì)價(jià)值和社會(huì)價(jià)值的一種體現(xiàn)，用戶(hù)界面設(shè)計(jì)已經(jīng)形成了一門(mén)跨界的學(xué)科，已經(jīng)涉及到人體工程學(xué)、認(rèn)知心理學(xué)、格式塔心理學(xué)和美學(xué)等多個(gè)獨(dú)立的學(xué)科，從而使得自己對(duì)這些視覺(jué)元素有更好的認(rèn)知。產(chǎn)品的品牌文化在界面設(shè)計(jì)中展現(xiàn)出來(lái)，界面設(shè)計(jì)也代表了產(chǎn)品的獨(dú)特產(chǎn)品魅力。界面設(shè)計(jì)也是用戶(hù)對(duì)品牌的最好認(rèn)識(shí)，即對(duì)品牌的情感認(rèn)知。因此在界面設(shè)計(jì)時(shí)，設(shè)計(jì)人員要根據(jù)設(shè)計(jì)的要求將同種類(lèi)型的視覺(jué)信息元素聚集在一起，這樣用戶(hù)就能夠較好地對(duì)視覺(jué)信息進(jìn)行歸類(lèi)總結(jié)，更好、更快地理解設(shè)計(jì)人員的設(shè)計(jì)意。設(shè)計(jì)人員在頁(yè)面中設(shè)計(jì)菜單欄，通過(guò)菜單欄將界面的命令進(jìn)行有機(jī)歸類(lèi)，從而保證用戶(hù)能夠盡快地了解界面的操作方式。

對(duì)于界面設(shè)計(jì)而言，很多時(shí)候設(shè)計(jì)的視覺(jué)元素都不可能完全一樣，這就需要按照相似程度對(duì)視覺(jué)元素進(jìn)行歸類(lèi)劃分，從而保證設(shè)計(jì)滿(mǎn)足實(shí)際需要。在現(xiàn)在的界面設(shè)計(jì)中，相似性原則是運(yùn)用得較多的設(shè)計(jì)原則之一。智能手機(jī)由此占據(jù)了我們的生活，智能手機(jī)軟件界面應(yīng)用種類(lèi)繁多。互聯(lián)網(wǎng)公司也抓住了這一發(fā)展先機(jī)，隨著人們需求增加移動(dòng)互聯(lián)網(wǎng)應(yīng)用市場(chǎng)也逐漸加大。這種良性競(jìng)爭(zhēng)給智能手機(jī)移動(dòng)互聯(lián)網(wǎng)應(yīng)用帶來(lái)了巨大的效益，然而互聯(lián)網(wǎng)公司的蜂擁而至并沒(méi)帶來(lái)質(zhì)的飛躍，商業(yè)化的扎堆現(xiàn)象讓移動(dòng)互聯(lián)網(wǎng)應(yīng)用的發(fā)展止步不前。

五、成功的跨界設(shè)計(jì)方法

本研究在已有知識(shí)體系化基礎(chǔ)上的探索性研究。試圖打破對(duì)界面設(shè)計(jì)的傳統(tǒng)認(rèn)知，將界面設(shè)計(jì)活動(dòng)的設(shè)計(jì)策略以及需求分析務(wù)解析納入到界面設(shè)計(jì)的體系中展開(kāi)研究，并運(yùn)用人體工程學(xué)、認(rèn)知心理學(xué)、格式塔心理學(xué)和美學(xué)等跨學(xué)科知識(shí)結(jié)合智能手機(jī)移動(dòng)互聯(lián)網(wǎng)應(yīng)用的特點(diǎn)對(duì)界面設(shè)計(jì)中每一塊內(nèi)容進(jìn)行現(xiàn)狀分析。同時(shí)，通過(guò)對(duì)實(shí)際案例的研究總結(jié)與探索智能手機(jī)移動(dòng)互聯(lián)網(wǎng)應(yīng)用界面設(shè)計(jì)的方法。用邏輯與歸納研究方法相結(jié)合，以跨學(xué)科的知識(shí)背景和全局的戰(zhàn)略眼光建立體系化的智能手機(jī)移動(dòng)互聯(lián)網(wǎng)應(yīng)用界面設(shè)計(jì)理論，為應(yīng)用研發(fā)團(tuán)隊(duì)提供了重要而且全面的理論方法，也為交互設(shè)計(jì)的進(jìn)一步綜合性研究提供了新的方向。

我們可以通過(guò)文獻(xiàn)檢索法，通過(guò)查閱在重要刊物上發(fā)表的大量移動(dòng)互聯(lián)網(wǎng)應(yīng)用界面設(shè)計(jì)和設(shè)計(jì)策略以及設(shè)計(jì)美學(xué)、心理學(xué)的相關(guān)書(shū)籍、視頻及網(wǎng)上資料，并進(jìn)行全面的歸納總結(jié)。采用歸納法對(duì)于智能手機(jī)移動(dòng)互聯(lián)網(wǎng)應(yīng)用界面設(shè)計(jì)的內(nèi)容體系各部分進(jìn)行了重新組織，同時(shí)通過(guò)對(duì)文獻(xiàn)比較分析，強(qiáng)調(diào)以人為本的交互設(shè)計(jì)策略，應(yīng)緊密結(jié)合對(duì)市場(chǎng)需求和競(jìng)爭(zhēng)的分析，為互聯(lián)網(wǎng)應(yīng)用選擇適合設(shè)計(jì)。通過(guò)案例分析法對(duì)具體案例分析歸納用戶(hù)對(duì)智能手機(jī)軟件用戶(hù)界面應(yīng)用的需求，本文研究提出了用戶(hù)認(rèn)知、行為和情感，并強(qiáng)調(diào)設(shè)計(jì)師需要盡可能地滿(mǎn)足用戶(hù)的需求，這樣才能使應(yīng)用符合用戶(hù)的預(yù)期。通過(guò)對(duì)用戶(hù)大量信息分析，重新對(duì)相同信息進(jìn)行整合、梳理，并加以運(yùn)用。通過(guò)跨學(xué)科研究法對(duì)其他學(xué)科的學(xué)習(xí)，結(jié)合人體工程學(xué)、認(rèn)知心理學(xué)、格式塔心理學(xué)和美學(xué)的知識(shí)背景去研究智能手機(jī)應(yīng)用界面的視覺(jué)設(shè)計(jì)，從整體上對(duì)智能手機(jī)軟件用戶(hù)界面設(shè)計(jì)進(jìn)行研究。

結(jié)論

交互設(shè)計(jì)繼承了視覺(jué)傳達(dá)設(shè)計(jì)的優(yōu)點(diǎn)，又結(jié)合現(xiàn)代技術(shù)加以創(chuàng)新，推陳出新。好的交互設(shè)計(jì)是讓用戶(hù)感覺(jué)不到這是設(shè)計(jì)，設(shè)計(jì)是要融入生活的，交互設(shè)計(jì)的服務(wù)對(duì)象只有人，以人為中心的設(shè)計(jì)既傳承了視覺(jué)傳達(dá)設(shè)計(jì)的交流性，有加強(qiáng)了互動(dòng)性。摒棄了透過(guò)紙張來(lái)傳達(dá)信息，透過(guò)智能手機(jī)創(chuàng)造了交互是的行為交流方式，如今交互設(shè)計(jì)已不僅是智能手機(jī)的天下，從家用到辦公涵蓋了各個(gè)方面，為各個(gè)行業(yè)的人服務(wù)。現(xiàn)在的交互設(shè)計(jì)雖然還存在著許多不足，但交互設(shè)計(jì)發(fā)展前景是無(wú)限的。在十多年前交互設(shè)計(jì)的首次亮相，就注定了其必然趨勢(shì)。