怎樣才算一個(gè)好的交互設(shè)計(jì)方案?做好這5個(gè)維度就夠了!

2022-3-8    周周

我們?cè)谌粘J褂媚硞€(gè) APP 時(shí),經(jīng)常會(huì)聽(tīng)到別人說(shuō)某個(gè)產(chǎn)品用戶體驗(yàn)很好,但是一問(wèn)具體怎么體驗(yàn)好,要么說(shuō)不出要么說(shuō)不全,那到底什么樣的設(shè)計(jì)才算是用戶體驗(yàn)好?

在我看來(lái),一個(gè)好的設(shè)計(jì)是無(wú)任何感知的過(guò)程,使用過(guò)程中容易導(dǎo)致當(dāng)下行為中斷都不算一個(gè)好的方案。舉個(gè)例子,我們拿出耳機(jī)接下來(lái)的行為大概率是為了連接設(shè)備,藍(lán)牙耳機(jī)相較于有線耳機(jī),最大的優(yōu)勢(shì)是不會(huì)有線纏繞的麻煩,當(dāng)有線耳機(jī)還在整理線的時(shí)候,藍(lán)牙耳機(jī)可以直接在設(shè)備上進(jìn)行操作連接。

大多數(shù)人對(duì) AirPods 的反應(yīng)是,很方便,體驗(yàn)很好,即便它仍存在一些問(wèn)題,但對(duì)于大部分來(lái)說(shuō),戴上即連接的便捷體驗(yàn)已經(jīng)足夠忽略一些缺點(diǎn)。

初代 AirPods 的識(shí)別原理并不算復(fù)雜,紅外距離傳感器會(huì)發(fā)射光波,紅外線經(jīng)過(guò)反射再次回到耳機(jī)附近,耳機(jī)內(nèi)部的芯片確認(rèn)紅外線返回信號(hào)后判定耳機(jī)和物體之間的距離,進(jìn)而識(shí)別人們是否戴上了耳機(jī),從而進(jìn)行連接設(shè)備的判斷。2018 蘋果發(fā)布初代 AirPods 后,藍(lán)牙耳機(jī)逐漸成為一種文化,即便它有著不菲的價(jià)格。

我們?cè)賮?lái)看下,蘋果在連接耳機(jī)的這個(gè)流程中做了什么?

戴上 AirPods 后會(huì)自動(dòng)連接設(shè)備,把與設(shè)備成功連接這個(gè)步驟更進(jìn)一步效率化。用戶的目的是連接上設(shè)備,而連接這種步驟可以交給機(jī)器算法負(fù)責(zé)。當(dāng)用戶專注于自己的目標(biāo)時(shí),在整個(gè)流程中不會(huì)因?yàn)檫B接按鈕在哪,意外連接失敗的問(wèn)題困擾時(shí),蘋果給出的這個(gè)連接方式就是一個(gè)好的交互方案。

設(shè)想下,對(duì)于連接藍(lán)牙耳機(jī)這個(gè)問(wèn)題,如果不是從問(wèn)題產(chǎn)生的時(shí)候去思考,最后的方案也可能是在設(shè)備上顯示一個(gè)大大的顯眼的連接按鈕,但這種方式明顯沒(méi)有自動(dòng)連接的方式好,因?yàn)樵黾恿诉B接成本。

這個(gè)案例對(duì)于交互設(shè)計(jì)師來(lái)說(shuō)有什么啟發(fā)呢,交互設(shè)計(jì)師是解決問(wèn)題給出方案的角色,我們考慮方案時(shí),應(yīng)該平衡考慮整個(gè)產(chǎn)生問(wèn)題到解決問(wèn)題流程上的體驗(yàn),把解決問(wèn)題的方式簡(jiǎn)單化。

怎樣才算一個(gè)好的交互設(shè)計(jì)方案?做好這5個(gè)維度就夠了!

在產(chǎn)生問(wèn)題和解決問(wèn)題的過(guò)程中,需要評(píng)估一些環(huán)節(jié)存在的必要性,不能單純以較少頁(yè)面跳轉(zhuǎn),減少操作次數(shù)來(lái)作為提升優(yōu)化的標(biāo)準(zhǔn)。

平衡考慮整個(gè)流程,即使讓用戶多操作一秒鐘,也不要讓他遲疑一秒鐘再去操作,這是因?yàn)樗伎汲杀敬笥诓僮鞒杀?,可以把一個(gè)復(fù)雜的問(wèn)題分多個(gè)簡(jiǎn)單的小問(wèn)題解決,而不要把很多簡(jiǎn)單的小問(wèn)題變成一個(gè)復(fù)雜的問(wèn)題。

我們了解需要考慮解決問(wèn)題的角度,但是在實(shí)際工作中,具體的方案還需要進(jìn)一步評(píng)估,做到細(xì)節(jié)完善,邏輯完整才稱得上是一個(gè)好的設(shè)計(jì)方案。

經(jīng)過(guò)一些項(xiàng)目經(jīng)驗(yàn),結(jié)合幾個(gè)方法論,我整理出了一個(gè)評(píng)估交互方案完整性的方法,也可以作為前期考慮方案的分析方式。下面就來(lái)介紹一下,希望能給大家?guī)椭蛦l(fā)。

怎樣才算一個(gè)好的交互設(shè)計(jì)方案?做好這5個(gè)維度就夠了!

預(yù)見(jiàn)性



1. 符合行為的預(yù)期

唐納德·A·諾曼在《設(shè)計(jì)心理學(xué)》書中提出“意符”的概念。意符是一種提示,告訴用戶可以采取什么行為,以及應(yīng)該怎么操作。

現(xiàn)如今產(chǎn)品越來(lái)越復(fù)雜,但是用戶經(jīng)過(guò)長(zhǎng)期的教育,已經(jīng)懂得很多約定俗成的規(guī)則,已經(jīng)形成了一些共識(shí)和心理預(yù)期,比如知道了搜索按鈕點(diǎn)開(kāi)就是搜索功能,輸入框點(diǎn)擊可以喚起鍵盤進(jìn)行輸入。

設(shè)計(jì)師可以利用這種操作預(yù)期,合理的使用意符提示,來(lái)做出符合用戶操作預(yù)期的設(shè)計(jì),避免做出一些容易令人困惑的產(chǎn)品。

怎樣才算一個(gè)好的交互設(shè)計(jì)方案?做好這5個(gè)維度就夠了!

2. 更為便捷的預(yù)判設(shè)計(jì)

前面提到了我們?cè)O(shè)計(jì)時(shí)需要從用戶產(chǎn)生問(wèn)題的時(shí)候就開(kāi)始思考解決方案,在一些場(chǎng)景里,用戶的行為具有很明顯的目的性,比如收到驗(yàn)證碼短信后下一步是為了填寫驗(yàn)證碼,在臨近十二點(diǎn)這個(gè)時(shí)間段打開(kāi)外賣軟件是為了吃上午飯,我們可以根據(jù)這種目的性把用戶需要的展示給用戶,來(lái)提升用戶使用效率,進(jìn)而提升功能使用完成率。

在思考方案階段,可以結(jié)合自身產(chǎn)品屬性和用戶畫像,從用戶的身份,行為習(xí)慣、所處物理環(huán)境、內(nèi)容偏好,價(jià)值觀以及易誤操作場(chǎng)景等方面進(jìn)行輔助思考,來(lái)得出設(shè)計(jì)點(diǎn)。

復(fù)制一段地址后,打開(kāi)淘寶的添加地址,會(huì)彈出一個(gè)新建地址的彈窗,并且可以部分信息進(jìn)行操作,考慮用戶復(fù)制地址到打開(kāi)新建地址的流程,不難得出用戶想使用這個(gè)地址的目的,對(duì)剪貼板信息進(jìn)行識(shí)別和導(dǎo)入可以降低操作難度,將流程效率化。

在支付寶的對(duì)話框中,只輸入純數(shù)字時(shí),會(huì)有轉(zhuǎn)賬的操作提示,預(yù)判用戶可能是因?yàn)橄朕D(zhuǎn)賬的行為,但是錯(cuò)誤的在聊天窗口進(jìn)行操作,將轉(zhuǎn)賬入口顯示出來(lái)是進(jìn)行的一種錯(cuò)誤的挽回設(shè)計(jì),縮短了重新打開(kāi)轉(zhuǎn)賬功能的步驟。

怎樣才算一個(gè)好的交互設(shè)計(jì)方案?做好這5個(gè)維度就夠了!



可見(jiàn)性



內(nèi)容、當(dāng)前狀態(tài)明確

尼爾森十大可用性原則中第一條就是狀態(tài)可見(jiàn)性,指的是系統(tǒng)應(yīng)該在合理的時(shí)間周期內(nèi),給予及時(shí)的反饋,讓用戶能夠了解正在發(fā)生的事情。清楚地呈現(xiàn)當(dāng)前的系統(tǒng)狀態(tài),能夠促進(jìn)產(chǎn)品的可信度和可預(yù)測(cè)性。

在內(nèi)容型的產(chǎn)品中,經(jīng)常會(huì)有空狀態(tài)頁(yè)面的顯示,一般會(huì)去做一些內(nèi)容的引導(dǎo),但是當(dāng)前狀態(tài)的顯示優(yōu)先級(jí)應(yīng)該大于引導(dǎo)的內(nèi)容,應(yīng)該優(yōu)先讓用戶知道狀態(tài),才去引導(dǎo)避免這種狀態(tài)出現(xiàn),即便空狀態(tài)會(huì)造成一定的頁(yè)面空間浪費(fèi)。

怎樣才算一個(gè)好的交互設(shè)計(jì)方案?做好這5個(gè)維度就夠了!


一致性




1. 在產(chǎn)品中一致的感知和理解

在同一個(gè)產(chǎn)品的功能使用層面,相同的功能要保持一致的反饋和操作,這樣可以大大降低用戶對(duì)產(chǎn)品的理解,復(fù)雜程度的降低也有利于留住用戶。

2. 在同類產(chǎn)品中保持一致的行為習(xí)慣

雅各布定律(Jakob’s Law)認(rèn)為,降低用戶學(xué)習(xí)成本要求盡可能依據(jù)用戶既有經(jīng)驗(yàn)進(jìn)行任務(wù)和流程設(shè)計(jì)。就是說(shuō)我們用戶在其他產(chǎn)品上積累經(jīng)驗(yàn),學(xué)會(huì)如何使用,當(dāng)相似產(chǎn)品出現(xiàn)的時(shí)候用戶會(huì)立刻知道該如何操作。

保持與同類產(chǎn)品相同的用戶習(xí)慣,有利于用戶的習(xí)慣遷移,通過(guò)提升熟悉感來(lái)降低使用難度,當(dāng)用戶感到使用困難和復(fù)雜時(shí),就會(huì)毫不猶豫的離開(kāi)。

比如現(xiàn)在豎屏的短視頻應(yīng)用在設(shè)計(jì)時(shí),都會(huì)考慮在切換方式上使用上下滑動(dòng)的方式,用戶已經(jīng)在抖音、小紅書這類應(yīng)用上學(xué)習(xí)了這一方式,知道了這類產(chǎn)品的使用方式,當(dāng)轉(zhuǎn)移其他產(chǎn)品時(shí),相同的習(xí)慣也更容易上手適應(yīng)。

怎樣才算一個(gè)好的交互設(shè)計(jì)方案?做好這5個(gè)維度就夠了!



即時(shí)性




滿足當(dāng)下的即時(shí)場(chǎng)景

功能設(shè)計(jì)時(shí)也需要考慮具體的使用場(chǎng)景,當(dāng)物理環(huán)境、時(shí)間等這類因素發(fā)生變化時(shí),用戶的需求也可能發(fā)生變化。比如我在白天和深夜打開(kāi)音樂(lè)軟件,聽(tīng)歌的類型可能不同,我在兩個(gè)不同城市打開(kāi)本地美食推薦,想看到的內(nèi)容也可能不同,這就需要我們考慮更精細(xì)化的場(chǎng)景。

淘票票在電影即將開(kāi)場(chǎng)的時(shí)間段打開(kāi)時(shí),會(huì)顯示電影票信息,這個(gè)滿足了臨近時(shí)間段快速取票的場(chǎng)景,當(dāng)取完票或超過(guò)時(shí)間段時(shí),就不會(huì)再顯示這個(gè)信息。

微信的語(yǔ)音轉(zhuǎn)文字功能,滿足了新消息的信息提取場(chǎng)景,當(dāng)信息已讀時(shí),“轉(zhuǎn)文字”的提示的意義就不是那么大了,可以考慮隱藏提示,較少頁(yè)面信息干擾。

怎樣才算一個(gè)好的交互設(shè)計(jì)方案?做好這5個(gè)維度就夠了!



流暢性



盡可能讓用戶更方便地使用

用戶使用產(chǎn)品是因?yàn)楫a(chǎn)品能提供價(jià)值,可以試著用故事板的方式,模擬用戶在使用產(chǎn)品的過(guò)程中的流程,對(duì)整個(gè)過(guò)程進(jìn)行細(xì)節(jié)優(yōu)化。盡可能讓用戶的流程不會(huì)因?yàn)楦鞣N情況中斷,也盡可能讓用戶不會(huì)因?yàn)樗伎枷乱徊揭趺醋龆t疑。讓用戶在解決問(wèn)題的過(guò)程中保持流暢的狀態(tài),也可以提升任務(wù)的完成率,實(shí)現(xiàn)產(chǎn)品價(jià)值。

登錄頁(yè)是最常見(jiàn)的頁(yè)面,大家都習(xí)慣了輸入手機(jī)號(hào)碼后,再去切換輸入驗(yàn)證碼的輸入框,那這個(gè)流程還有優(yōu)化的空間嗎?

小紅書的登錄頁(yè)在輸入手機(jī)號(hào)碼時(shí),會(huì)判斷號(hào)碼的位數(shù)和號(hào)段,當(dāng)滿足條件時(shí)會(huì)自動(dòng)定位到驗(yàn)證碼的輸入框,在輸入信息的過(guò)程中只需要在屏幕底部的鍵盤上操作,手指不需要一直上下移動(dòng),這個(gè)細(xì)節(jié)也符合菲茲定律的應(yīng)用,特別是現(xiàn)在移動(dòng)端設(shè)備屏幕越來(lái)越高,減少這個(gè)步驟的體驗(yàn)太好了。

怎樣才算一個(gè)好的交互設(shè)計(jì)方案?做好這5個(gè)維度就夠了!

一個(gè)交互方案并非都需要滿足以上五個(gè)方面,具體看需求的內(nèi)容,但是可以作為方案設(shè)計(jì)的方向考慮,讓方案體驗(yàn)更好。抖音在視頻流中增加直播的類型的方案,我認(rèn)為就是一個(gè)很好的設(shè)計(jì)方案,來(lái)具體以這五個(gè)維度分析看看。

怎樣才算一個(gè)好的交互設(shè)計(jì)方案?做好這5個(gè)維度就夠了!

預(yù)見(jiàn)性

進(jìn)入直播間的引導(dǎo)是一個(gè)明顯的按鈕提示,文案上“點(diǎn)擊進(jìn)入直播間”,很好的形成了行為引導(dǎo),簡(jiǎn)潔明了的示意了點(diǎn)擊后會(huì)進(jìn)入直播間,也提供了當(dāng)用戶被直播內(nèi)容吸引,想進(jìn)一步參與更多的跳轉(zhuǎn)直播間入口

可見(jiàn)性

在視頻流中加入直播類型,很容易把兩種不同的類型混起來(lái),為了區(qū)分當(dāng)前是視頻還是直播,抖音對(duì)內(nèi)容進(jìn)行了界面內(nèi)容上的差異展示。在直播類型中,高優(yōu)先級(jí)的顯示“直播中”標(biāo)簽和“進(jìn)入直播間”的提示,在上下滑動(dòng)的過(guò)程中可以較為明顯的進(jìn)行區(qū)分

一致性

內(nèi)容展示樣式都是以全屏展示,昵稱和內(nèi)容描述也保持了樣式和位置統(tǒng)一,便于相同信息的理解

即時(shí)性

直播類型的顯示滿足了當(dāng)前正在直播的場(chǎng)景,當(dāng)主播下播后,無(wú)直播間內(nèi)容就不用顯示和引導(dǎo)進(jìn)入直播間,用戶也不會(huì)瀏覽到這條信息。在上下切換的過(guò)程中,也只保留直播畫面和描述,去掉了多余信息,減少用戶無(wú)目的瀏覽內(nèi)容時(shí)的干擾

流暢性

在點(diǎn)擊進(jìn)入直播間的過(guò)程中,所做的頁(yè)面跳轉(zhuǎn)處理是保持了直播畫面不變,其他信息加載的方式進(jìn)行。這樣的好處是在用戶專注于直播畫面時(shí),進(jìn)入直播間的過(guò)程保持了極好的畫面延續(xù)性,不會(huì)因?yàn)檫M(jìn)入直播間的頁(yè)面跳轉(zhuǎn)而產(chǎn)生明顯的信息中斷,也不會(huì)因?yàn)槠渌畔⒌募虞d問(wèn)題導(dǎo)致錯(cuò)過(guò)直播信息,整個(gè)過(guò)程極其流暢


文章來(lái)源:優(yōu)設(shè)網(wǎng):天黑就失眠

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔