交互設(shè)計(jì)涉及到的領(lǐng)域包括:心理學(xué)、工業(yè)設(shè)計(jì)、人因、 用戶界面設(shè)計(jì)、媒體裝置、情境設(shè)計(jì)、交互環(huán)境等眾多方面。所以交互設(shè)計(jì)是不同于傳統(tǒng)設(shè)計(jì)專業(yè)的一門涉及到多個(gè)領(lǐng)域和*的專業(yè)。

科迅教育告訴大家:作為一種無(wú)形的設(shè)計(jì),交互設(shè)計(jì)是圍繞UX展開(kāi)的一門*,也一直是UX(用戶體驗(yàn))中難的。以往用戶會(huì)被簡(jiǎn)單的交互所吸引,例如一個(gè)出乎意料的動(dòng)畫(huà)。但現(xiàn)在,動(dòng)畫(huà)效果已經(jīng)很普遍,包括那些以往覺(jué)得難以實(shí)現(xiàn)的微交互。

為了支持新技術(shù),新的交互形態(tài)逐漸興起,但交互的基本原則是基本不變的?，F(xiàn)在一起來(lái)探索一下UI交互設(shè)計(jì)近年的一些發(fā)展,以及未來(lái)的發(fā)展趨勢(shì)。

一、交互設(shè)計(jì)的本質(zhì)

交互的本質(zhì)就是參與,這點(diǎn)是不會(huì)變的,不同的是用戶參與時(shí)采取的方法。交互設(shè)計(jì)樣式隨著HTML5、CSS、java、jQuerry等技術(shù)支持而逐漸演變。過(guò)去的網(wǎng)站常常被大量?jī)?nèi)部鏈接或圖片集限定。雖然現(xiàn)在仍然流行,但今天的我們需要用更聰明、更具創(chuàng)造力的方式去處理網(wǎng)站的交互設(shè)計(jì)。

無(wú)論采用什么樣的技術(shù),以下5個(gè)核心的交互設(shè)計(jì)原則不會(huì)改變。受人類交際和情感的影響,這些原則可以通過(guò)技術(shù)來(lái)輔助,但不要輕易改變它們:

1.易學(xué)性。與網(wǎng)站已有設(shè)計(jì)及內(nèi)部資源一致的界面更有預(yù)見(jiàn)性,這意味用戶的學(xué)習(xí)成本很低。易學(xué)易懂的界面自然更具可用性,因?yàn)檫@樣的界面認(rèn)知成本就少了很多。

2.目標(biāo)驅(qū)動(dòng)設(shè)計(jì)。注重用戶角色、用戶場(chǎng)景劇本及用戶體驗(yàn)地圖,以保 證每一處交互細(xì)節(jié)都能讓用戶離欲完成的目標(biāo)更近。

3.功能可見(jiàn)性和符號(hào)。視覺(jué)是主要的感官,形式必須反射功能。

4.可用性。網(wǎng)站功能在達(dá)到趣味性之前,應(yīng)先符合用戶直覺(jué)、易信賴。只為用戶提供真正需要的內(nèi)容,并努力減少所有的細(xì)節(jié)沖突及認(rèn)知負(fù)擔(dān)。

5.反饋與響應(yīng)時(shí)間。界面必須從人性的角度迅速做出響應(yīng),才會(huì)有像真實(shí)的對(duì)話一樣逼真的體驗(yàn)。交互設(shè)計(jì)應(yīng)該像人與人之間的對(duì)話,而不是機(jī)器對(duì)用戶所言所行的簡(jiǎn)單反應(yīng)。

這5個(gè)原則始終決定著交互設(shè)計(jì)的演變趨勢(shì)以及未來(lái)的發(fā)展方向。

二、現(xiàn)代交互設(shè)計(jì)技巧

出現(xiàn)新的功能就意味著產(chǎn)生新的交互方式,也算是娛樂(lè)用戶的新方法?，F(xiàn)在的用戶已經(jīng)習(xí)慣了通過(guò)響應(yīng)式和自適應(yīng)系統(tǒng)所實(shí)現(xiàn)的美好設(shè)計(jì)——響應(yīng)式和自適應(yīng)系統(tǒng)創(chuàng)造的永動(dòng)循環(huán),讓更多設(shè)計(jì)師不斷地運(yùn)用這樣的設(shè)計(jì)來(lái)滿足用戶,讓用戶更加習(xí)慣。

以下幾個(gè)設(shè)計(jì)技巧并非獨(dú)立的設(shè)計(jì)趨勢(shì),它們都是響應(yīng)式和自適應(yīng)設(shè)計(jì)潮流下推動(dòng)交互發(fā)展的因素之一:

1.來(lái)自網(wǎng)站和app的推送通知及提醒;

2.需要某些身體動(dòng)作(如滑動(dòng)、點(diǎn)擊等)來(lái)完成的設(shè)計(jì)元素;

3.Interaction Design Best Practices一書(shū)中所描述的視頻與動(dòng)畫(huà);

4.卡片式布局;

5.微交互,一種在使用web網(wǎng)站或app過(guò)程中出現(xiàn)的獨(dú)特樣式(例如鬧鐘響起,或刪除郵件的微交互場(chǎng)景);

6.視差滾動(dòng)及效果;

7.個(gè)性化及本地工具,讓用戶感覺(jué)到每一款app或網(wǎng)站產(chǎn)品都是為他們定制的、創(chuàng)造讓用戶難忘的使用場(chǎng)景(比如,社交地圖軟件Waze會(huì)根據(jù)用戶的使用習(xí)慣自動(dòng)詢問(wèn)用戶是否于下午六點(diǎn)開(kāi)車回家);

8.通過(guò)點(diǎn)擊或滑動(dòng)快速展開(kāi)/隱藏內(nèi)容;

9.元素與元素之間的過(guò)渡及循環(huán)功能;

10.通過(guò)懸停效果或動(dòng)作呈現(xiàn)次要內(nèi)容。

三、交互設(shè)計(jì)的前景

隨著科學(xué)技術(shù)的不斷發(fā)展和改進(jìn),交互設(shè)計(jì)也越來(lái)越豐富。因?yàn)榇蟛糠衷O(shè)計(jì)都是由對(duì)不熟悉的設(shè)備迅速熟悉起來(lái)的需求所掌控的。

技術(shù)的發(fā)展和用戶對(duì)新工具的使用,使交互設(shè)計(jì)幾乎每天都在發(fā)展變化著。盡管下一個(gè)大事件無(wú)法預(yù)見(jiàn),但可以通過(guò)持續(xù)敏銳地觀察周圍、掌握正在銷售的設(shè)備和工具、了解用戶喜歡以哪種方式獲得數(shù)字信息等,為下一個(gè)大事件的來(lái)臨做好準(zhǔn)備。

另外,人類交互的主觀性使交互設(shè)計(jì)更具想象力和趣味性。交互設(shè)計(jì)的目的是,通過(guò)對(duì)產(chǎn)品的界面和行為進(jìn)行交互設(shè)計(jì),讓產(chǎn)品和它的使用者之間建立一種有機(jī)關(guān)系,從而有效地達(dá)到使用者的目的。

科迅教育以行業(yè)發(fā)展實(shí)時(shí)更新課程,除了基礎(chǔ)軟件與設(shè)計(jì)訓(xùn)練,以熱門主流的設(shè)計(jì)項(xiàng)目為案例,幫助學(xué)生在實(shí)踐中,積累經(jīng)驗(yàn),掌握UI設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、平面設(shè)計(jì)、視覺(jué)設(shè)計(jì)、交互設(shè)計(jì)等技能。