我們都知道用戶(hù)想要通過(guò)使用和探索產(chǎn)品達(dá)成自己的目的,路途中難免會(huì)遇到各種各樣的挫折,設(shè)計(jì)者如果可以提供適當(dāng)?shù)膸椭?,這些挫折都是可以被有效的避免或解決的,還可以進(jìn)一步激發(fā)用戶(hù)自由探索的欲望,減少用戶(hù)因?yàn)檎`操作產(chǎn)生的焦慮。
從側(cè)面來(lái)說(shuō),也是對(duì)一位移動(dòng)APP設(shè)計(jì)師的最大考驗(yàn)。你設(shè)計(jì)的產(chǎn)品是不是最佳的,那么減少用戶(hù)的焦慮和誤操作絕對(duì)是我們?cè)O(shè)計(jì)師必須要考慮的事情。
所以,我們這一節(jié)重點(diǎn)來(lái)說(shuō)說(shuō)如何讓我們的設(shè)計(jì)技巧幫助用戶(hù)去探索我們的移動(dòng)APP產(chǎn)品。
結(jié)合About face?交互設(shè)計(jì)精髓系列書(shū)籍當(dāng)中提供的思路,我覺(jué)得有三個(gè)主要的方面:
-預(yù)覽與對(duì)比功能
-富視覺(jué)非模態(tài)反饋的應(yīng)用
-威力強(qiáng)大的撤銷(xiāo)功能
第一項(xiàng)就是預(yù)覽和對(duì)比
假如在操作以前,給予用戶(hù)一個(gè)提前體驗(yàn)的機(jī)會(huì),效果是很好的。像生活中,路過(guò)一家小吃店,導(dǎo)購(gòu)會(huì)邀請(qǐng)你嘗一嘗小吃的味道,如果用戶(hù)體驗(yàn)的感覺(jué)很好,就會(huì)有購(gòu)買(mǎi)的沖動(dòng)。還有買(mǎi)衣服前的試穿,這也是線下服裝店相比網(wǎng)購(gòu)的一個(gè)為數(shù)不多的優(yōu)勢(shì),用戶(hù)可以在購(gòu)買(mǎi)以前通過(guò)試穿了解這件衣服是否合適,是否像自己想象的那樣穿起來(lái)好看。
所以預(yù)覽和對(duì)比功能給予用戶(hù)的就是一次嘗試的機(jī)會(huì),用戶(hù)都是好奇的,但他們無(wú)法安心的在不可預(yù)知的情況下,按下開(kāi)始鍵。通過(guò)嘗試,用戶(hù)可以知道自己的操作是否可以達(dá)到目的,同時(shí)也將更加信任這款產(chǎn)品。

具體的例子也有很多,比如上圖中圖片處理軟件中的濾鏡功能,不同的濾鏡都會(huì)對(duì)應(yīng)著一個(gè)小小的縮略圖,縮略圖中會(huì)大概的顯示出如果使用這款濾鏡可以使圖片變成一個(gè)怎樣的效果,這對(duì)于用戶(hù)而言,大大的提高了選擇的效率,如果沒(méi)有縮略圖預(yù)覽,只能一個(gè)一個(gè)去嘗試數(shù)量巨大的濾鏡,這對(duì)于用戶(hù)的忍耐度將造成挑戰(zhàn)。
還有小小的對(duì)比按鍵,用戶(hù)會(huì)想知道使用了各種效果的處理以后,這張圖片和原來(lái)相比是否變得更加好看了,通過(guò)這個(gè)按鍵可以對(duì)比前后的效果,幫助用戶(hù)決策是否要保存修改。

除了圖片處理軟件以外,預(yù)覽功能還被引申性的運(yùn)用到了社交和各種信息檢索類(lèi)產(chǎn)品中,在社交產(chǎn)品中,要讓用戶(hù)能夠找到合適的朋友需要利用各種篩選方式,個(gè)人信息的預(yù)覽就是一種十分常見(jiàn)的方式。如今的大部分社交產(chǎn)品都會(huì)提供個(gè)人信息這一標(biāo)配功能,個(gè)人信息的展示降低了用戶(hù)溝通的成本,因?yàn)橥高^(guò)個(gè)人信息,用戶(hù)可以輕易判斷是否感興趣,當(dāng)然個(gè)人信息中的照片傳遞的內(nèi)容比文字信息所能承載的要多得多,畢竟這是一個(gè)看臉的世界,哈哈,開(kāi)個(gè)玩笑。而信息檢索類(lèi)產(chǎn)品,比如找電影找視頻找歌曲,在縮略信息一欄里,會(huì)從各個(gè)方面提供簡(jiǎn)介信息,幫助用戶(hù)進(jìn)行篩選。

第二項(xiàng)就是富視覺(jué)非模態(tài)反饋
富視覺(jué)非模態(tài)反饋指的是可以通過(guò)一種不需要用戶(hù)做特殊動(dòng)作,僅僅通過(guò)視覺(jué)就可以了解到一個(gè)進(jìn)程或則狀態(tài)的信息和屬性。
這相比常見(jiàn)的彈窗類(lèi)型的模態(tài)反饋方式,要溫和的多,而且更加高效,因?yàn)樗粫?huì)粗暴的打斷用戶(hù)。

對(duì)于這一點(diǎn),在電商產(chǎn)品中被應(yīng)用的最多。而由于移動(dòng)端的屏幕限制,在一個(gè)商品列表中,如何有效展示各個(gè)商品的信息,激發(fā)用戶(hù)的購(gòu)物欲是設(shè)計(jì)師需要優(yōu)先考慮的??聪聢D中展示的,可以發(fā)現(xiàn)一個(gè)商品縮略信息里,除了本身的商品信息以外,還加入了各種標(biāo)簽,比如雙十一、特價(jià)促銷(xiāo),這代表這個(gè)商品當(dāng)前正在參與的促銷(xiāo)活動(dòng)。
這在生活中也隨處可見(jiàn),比如便利店門(mén)口的小黑板,滿(mǎn)20減5塊。除了這些標(biāo)簽以外,它還展示了購(gòu)買(mǎi)這個(gè)商品的人數(shù),這也為用戶(hù)的購(gòu)買(mǎi)提供了一定的依據(jù),因?yàn)橥鶎?duì)于一件不了解的商品,人們會(huì)偏向于選擇一件人氣最高的。
除了這些以外,還有電商中常見(jiàn)的限時(shí)促銷(xiāo),那個(gè)跳動(dòng)的倒計(jì)時(shí)牌,時(shí)時(shí)刻刻在提示著用戶(hù),你搶購(gòu)的時(shí)間已經(jīng)不多了,快下手吧。除了電商以外,還有很多其他的列表展示方式會(huì)利用到這種非模態(tài)反饋,因?yàn)檫@種方式能非常方便的補(bǔ)充其他屬性的信息。

在iphone上,當(dāng)下了一個(gè)應(yīng)用后,圖標(biāo)上會(huì)以下圖的形式告訴用戶(hù),這個(gè)應(yīng)用當(dāng)前的下載狀況。這種通過(guò)非模態(tài)的方式,顯示進(jìn)程的狀態(tài)也是非常常見(jiàn)的。再比如微信以及其他各種社交軟件中,發(fā)送一張圖片后,由于網(wǎng)速等原因,很多時(shí)候不能立即發(fā)送成功,但用戶(hù)需要知道發(fā)送的進(jìn)度,這時(shí)在發(fā)送的圖片旁邊,一個(gè)小小的進(jìn)度信息很好的告知了用戶(hù)當(dāng)前的狀況。

第三項(xiàng)就是允許撤銷(xiāo)
撤銷(xiāo)相比另外兩個(gè)有明顯的不同,因?yàn)檫@個(gè)功能更加直接,即使用戶(hù)已經(jīng)踏出了自己探索的步伐,通過(guò)撤銷(xiāo)也可以幫助用戶(hù)回到起點(diǎn)。因此這是協(xié)助用戶(hù)探索的重要工具。
當(dāng)然可能用戶(hù)需要撤銷(xiāo),但這個(gè)功能并不能直接支持用戶(hù)去完成任務(wù)背后的目標(biāo),它只能提供給用戶(hù)一個(gè)足夠的信賴(lài)度。它不能幫助用戶(hù)實(shí)現(xiàn)目標(biāo),但能防止意外事件將用戶(hù)的努力毀于一旦。
要?jiǎng)?chuàng)建一個(gè)有效的撤銷(xiāo)功能,必須盡可能的滿(mǎn)足我們期望的人物模型所能承載的所有心理模式。
下面分三個(gè)類(lèi)型來(lái)進(jìn)行解釋?zhuān)謩e是不可逆的、可逆的以及限時(shí)性的。
1、不可逆

這種類(lèi)型十分簡(jiǎn)單,最典型的例子就是刪除,在PC端,刪除就已經(jīng)是一個(gè)非常常見(jiàn)的功能,這個(gè)功能的使用往往針對(duì)于數(shù)據(jù)的操作,將輸錯(cuò)的或則想要更改的數(shù)據(jù)給清除掉。由于它不可逆的性質(zhì),使用這個(gè)功能需要謹(jǐn)慎。在設(shè)計(jì)這個(gè)功能的時(shí)候,設(shè)計(jì)者也要充分考慮到用戶(hù)失誤的概率,有的采用了再次確認(rèn)的方式,再一次詢(xún)問(wèn)用戶(hù)是否要執(zhí)行這個(gè)操作,防止用戶(hù)的誤觸;有的利用視覺(jué)上的設(shè)計(jì),將刪除按鈕采用強(qiáng)對(duì)比的色彩進(jìn)行突出,幫助用戶(hù)意識(shí)到操作可能會(huì)發(fā)生的結(jié)果;還有的將刪除按鈕放在了較難觸到的位置,讓用戶(hù)在操作時(shí)需要費(fèi)一些功夫。

而不修改數(shù)據(jù)實(shí)現(xiàn)撤銷(xiāo)的例子,比如退出功能。當(dāng)用戶(hù)在意外的情況下進(jìn)入了不想進(jìn)入的頁(yè)面或則流程中,可以通過(guò)退出或則返回,快速的回到先前的頁(yè)面中。這里順便提及一下錨點(diǎn)的運(yùn)用,當(dāng)我們?cè)谔詫氋I(mǎi)東西的時(shí)候,可能經(jīng)常會(huì)瀏覽了某個(gè)商品的詳細(xì)信息以后,然后通過(guò)返回退回到商品列表頁(yè)面中,這時(shí)我們的希望的是能夠回到剛才瀏覽到的地方,而不是返回到商品列表的頂端——就好比逛書(shū)店拿起一本書(shū)翻了翻覺(jué)得不好看,把書(shū)放回原位,繼續(xù)尋找想要的書(shū),而不是把書(shū)放回書(shū)柜以后,我們要重新回到書(shū)店門(mén)口,再一次的進(jìn)入書(shū)店。而通過(guò)錨點(diǎn)可以幫助用戶(hù),在返回的同時(shí),回到剛才定位的地方。錨點(diǎn)的運(yùn)用在很多具有列表或則feed流形式的產(chǎn)品中十分普遍。
2、可逆的
可逆的類(lèi)型相比不可逆的,顯然更加安全,可以反復(fù)的進(jìn)行操作。常見(jiàn)的類(lèi)型像對(duì)于屬性的設(shè)定,比如攝影社區(qū)中看見(jiàn)某張作品覺(jué)得很美,點(diǎn)了個(gè)贊,然后又突然發(fā)現(xiàn)這張作品是抄襲了別人的,氣憤之余又把贊給取消了;比如在瀏覽器上查看網(wǎng)頁(yè),進(jìn)入一個(gè)網(wǎng)頁(yè)后發(fā)現(xiàn)剛才沒(méi)有看清楚標(biāo)題,便返回到先前的頁(yè)面,看清楚了標(biāo)題以后點(diǎn)擊前進(jìn)又回到了剛才進(jìn)入的頁(yè)面;再比如社交產(chǎn)品中,和某位朋友鬧僵了,一氣之下把他拉黑了,后來(lái)氣消了,覺(jué)得自己做的有點(diǎn)過(guò)分,又把他從黑名單中拉了回來(lái)。
3、限時(shí)性的

限時(shí)類(lèi)型的撤銷(xiāo)比較特殊,導(dǎo)致這個(gè)類(lèi)型的出現(xiàn)主要是因?yàn)楫a(chǎn)品的需求邏輯或則技術(shù)上的原因。要進(jìn)行這種撤銷(xiāo)必須在一定的時(shí)間內(nèi)完成,否則將沒(méi)法再撤銷(xiāo)。比如谷歌郵箱在發(fā)送郵件時(shí),會(huì)在用戶(hù)點(diǎn)擊發(fā)送后,緩沖幾秒,便于用戶(hù)在誤觸的情況下可以及時(shí)的中斷發(fā)送;比如微信發(fā)送信息,在發(fā)送消息出去的2分鐘內(nèi),允許用戶(hù)可以撤回消息;再比如下載軟件在進(jìn)行下載的過(guò)程中,可以在下載未完成以前,隨時(shí)中斷下載的進(jìn)程。
總結(jié)一下
對(duì)于如何幫助用戶(hù)減少失誤,我們首先要拋棄用戶(hù)會(huì)犯錯(cuò)這一觀念。
這意味著,用戶(hù)做的任何事情都是正確且正當(dāng)?shù)模蠖鄶?shù)人心里都不愿意承認(rèn)錯(cuò)誤,所以產(chǎn)品在與用戶(hù)交流的過(guò)程中,要注意不要違背這個(gè)心態(tài)。進(jìn)而通過(guò)各種方式去輔助用戶(hù)探索你的產(chǎn)品,贏得用戶(hù)的信賴(lài)
全站高品質(zhì)素材免費(fèi)下載!