每個(gè)人對(duì)交互設(shè)計(jì)下的定義都不一樣,交互設(shè)計(jì)的對(duì)象是行為,交互設(shè)計(jì)是指在交互系統(tǒng)中用戶使用產(chǎn)品的操作行為。用戶行為可能是主動(dòng)的也可能是被動(dòng)的,也就是交互設(shè)計(jì)師、產(chǎn)品經(jīng)理、設(shè)計(jì)師等,都需要懂得并熟練運(yùn)用交互知識(shí)在產(chǎn)品UI設(shè)計(jì)上,不僅要讓產(chǎn)品達(dá)到好用、易用、想用的目標(biāo),同時(shí)也要通過(guò)對(duì)用戶行為的引導(dǎo)來(lái)提高頁(yè)面的轉(zhuǎn)化率。
一、交互設(shè)計(jì)流程
我們流程通常是:產(chǎn)品需求 → 交互設(shè)計(jì) → 視覺(jué)設(shè)計(jì) → 開(kāi)發(fā)。其中交互設(shè)計(jì)包含:架構(gòu)圖、流程圖、界面原型、demo(動(dòng)態(tài)原型)。
交互設(shè)計(jì)的核心要素是用戶、場(chǎng)景及任務(wù)。通俗的講就是人在什么時(shí)間?什么地點(diǎn)、什么環(huán)境、什么心理下會(huì)使用我們這款產(chǎn)品?那使用產(chǎn)品的目的是什么?要通過(guò)什么行為才能達(dá)到這個(gè)目的?如何高效的引導(dǎo)用戶達(dá)成目標(biāo)?這些過(guò)程都需要我們思考。

二、交互的十大可用性原則
一名人機(jī)交互學(xué)博士——尼爾森,在1995年提出了交互的十大可用性原則。不論在Web設(shè)計(jì)還是移動(dòng)端UI設(shè)計(jì),掌握了這十項(xiàng)原則,都能有效提升產(chǎn)品用戶體驗(yàn)度也是交互設(shè)計(jì)用的最多的原則。
1.狀態(tài)可見(jiàn):定位指示。讓用戶知道現(xiàn)在的狀態(tài),對(duì)過(guò)去發(fā)生、當(dāng)前目標(biāo)、以及對(duì)未來(lái)去向有所了解,不致于在產(chǎn)品中迷路。比如用戶在進(jìn)行刷新,點(diǎn)擊,評(píng)論,點(diǎn)贊,輸入等動(dòng)作時(shí)系統(tǒng)應(yīng)該即時(shí) 反饋 讓用戶知道自己的操作是有效的,知道自己現(xiàn)在自己所處的狀態(tài)和位置。
2.環(huán)境貼切現(xiàn)實(shí):字面解釋就是系統(tǒng)的信息要與現(xiàn)實(shí)環(huán)境表現(xiàn)一致。使用的語(yǔ)言、文字等,需要是用戶熟悉的、能理解、不會(huì)有歧義的。減少用戶的學(xué)習(xí)成本,不要認(rèn)為用戶能記住你設(shè)計(jì)新穎的信息。
3.用戶可控:用戶擁有控制權(quán)。用戶可以自由的控制返回和去到的地方。
4.一致性原則:對(duì)于用戶來(lái)說(shuō),同樣的文字、狀態(tài)、按鈕,都應(yīng)該觸發(fā)相同的事情,遵從通用的平臺(tái)慣例;也就是同 一用語(yǔ)、功能、操作保持一致。
5.防錯(cuò)原則:在錯(cuò)誤發(fā)生之前就避免它。可以幫助用戶排除一些容易出錯(cuò)的情況,或在用戶提交之前給他一個(gè)確認(rèn)的選項(xiàng)。
6.易取原則:好記性不如爛筆頭。盡可能減少用戶回憶負(fù)擔(dān),把需要記憶的內(nèi)容擺上臺(tái)面。
7.靈活高效:一些快捷操作的功能,雖然會(huì)被專家用戶忽略,但可能為新手用戶所使用,并幫助提升其使用效率,因此,系統(tǒng)需要同時(shí)滿足新手用戶和專家用戶的需求。
8.審美和簡(jiǎn)約設(shè)計(jì):內(nèi)容框中不應(yīng)包含無(wú)關(guān)或很少用到的信息。在內(nèi)容框中每增加一個(gè)信息,就意味著降低了主要信息的相對(duì)可見(jiàn)性。此原則根本目標(biāo)是讓用戶快速找到界面的重要信息,引導(dǎo)用戶的視線及操作行為。
9.容錯(cuò)原則:幫助用戶從錯(cuò)誤中恢復(fù),將損失降到最低。如果無(wú)法自動(dòng)挽回,則提供詳盡的說(shuō)明文字和指導(dǎo)方向。
10.人性化幫助:人性化幫助原則的根本目標(biāo)是用戶在使用產(chǎn)品的過(guò)程中有所依循,因?yàn)楫a(chǎn)品已經(jīng)貼心地為他們準(zhǔn)備好了幫助方式,或者即時(shí)提示和反饋,或者客服。
尼爾森十大可用性原則可靈活運(yùn)用于各個(gè)地方,可以是交互設(shè)計(jì),也可以是界面設(shè)計(jì),深入了解該設(shè)計(jì)原則,可以找到更好的解決方案,提高用戶的使用體驗(yàn)。要注意的是,這10項(xiàng)原則是啟發(fā)式的、廣泛的經(jīng)驗(yàn)法則,而不是具體的規(guī)定。
藍(lán)橙視覺(jué)是一家專業(yè)UI界面設(shè)計(jì)公司,有豐富的UI設(shè)計(jì)案例可供參考,有需求的話可以點(diǎn)擊咨詢一下。
掃碼了解報(bào)價(jià)
微信掃碼查看案例