微交互設計案例與思考(1)-為“懶”而做的設計:減少用戶負擔

設計師和初級產(chǎn)品經(jīng)理面試常常被問及手機中的APP好在哪里,聰明的同學懂得事先準備,比如在網(wǎng)上搜索“XXX設計神細節(jié)”。

然而受國外UX設計趨勢影響,今天國內(nèi)有大量的產(chǎn)品設計方法論介紹(如《用戶體驗要素》五層模型,COOPER的用戶模型和情景劇本,CUBI產(chǎn)品模型,以及近期火爆的服務設計)。但微交互的資源相對匱乏,多是增強用戶理解和使用的動效模型,涉及用戶行為的較少。

為什么對微交互的討論這么少?個人理解好的微交互不在書本和方法論里,而在實際產(chǎn)品中。好設計是透明的,真正優(yōu)秀的微交互設計,人們每天都在使用卻察覺不到它的存在。

所以是時候整理今天產(chǎn)品中的微交互設計了。

作為一名交互設計愛好者,再此拋磚引玉,用6篇文章列舉6類約30個案例供大家參考。

這6部分分別是:

1)為懶而做的設計

2)為等待而做的設計

3)懂禮貌的設計

4)為舒適而做的設計

5)為感知而做的設計

6)因懂你而做的設計

書歸正傳

第一部分

為懶而做的設計-減少用戶負擔

圖片發(fā)自簡書App

生理學表明,人會懶源于當人減少能量消耗的時候,大腦會釋放多巴胺的獎勵機制。這也許是因為我們的祖先以捕獵為生,減少能量消耗意味著增加生存機會。

懶是人的天性,所以交互設計的目標正是幫助用戶從復雜的工作中解脫出來,減少額外工作,最好一步完成任務。

案例一:淘寶、微信手機充值-一鍵購買

圖片發(fā)自簡書App

我們很多人有使用淘寶或微信給手機充值話費的經(jīng)歷,然而我們可能沒有留意到,二者的充值操作略有區(qū)別。

淘寶的操作要用戶選擇價格后再按充值按鈕喚起支付,而微信點擊價格后直接喚起支付。由于充話費是單選SKU,淘寶的點擊確認操作毫無必要,因此增加了用戶負擔,微信則實現(xiàn)了一鍵購買。今天的支付寶正是理解兩者區(qū)別,使用了微信的模式。

案例二:支付寶轉賬-智能填充

圖片發(fā)自簡書App

幾乎每個人都有使用支付寶轉賬的經(jīng)歷。當我們填寫完姓名和卡號后,發(fā)現(xiàn)銀行被自動選擇填寫完畢。當時一定會覺得這真貼心啊。

通過卡號驗證發(fā)卡行,自動為用戶填充銀行,避免了選擇步驟,減少了用戶的輸入負擔。

不止于此,在填寫后,支付寶這是才顯示到賬時間,并默認填充2小時,減少了用戶的認知負擔和選擇步驟。

案例三:DOTA2選擇戰(zhàn)役-在上一次上做更改

圖片發(fā)自簡書App

這是一個桌面的例子。DOTA2玩家知道:由于線上玩家較少,游戲模式采取了玩家勾選多種模式匹配的策略,以減少匹配的等待時間。

于是出現(xiàn)了一個問題,玩家每一次都多次勾選好復雜啊。DOTA2沒這么做,而是記住玩家上一次的選項,在這個基礎上做更改,不必重新選擇。

由于玩家大多有著自己的固定偏好,多數(shù)情況下,會在上一次模式上直接點擊開局。這種情形下用戶選擇負擔被消除,實現(xiàn)一鍵匹配。

案例四:友寶販售機和麥當勞點餐支付-不知道用戶選什么,默認多數(shù)人的選項

圖片發(fā)自簡書App

這是一個線下支付終端的例子。很多朋友都有過在友寶販售機買過飲料的經(jīng)歷。在選擇商品后,屏幕顯示二維碼,用戶掃碼支付,取走飲料。很多人沒有注意到,這中間其實節(jié)省了一步選擇支付方式的操作。

由于國內(nèi)已經(jīng)習慣了微信和支付寶付款,友寶將支付方式默認為支付寶付款(這個二維碼微信支付也有效)。當需要更改時,才需要點擊切換其他方式。

麥當勞設計了超級棒的自助點餐系統(tǒng),但在選擇支付方式這里似乎搞砸了。當用戶生成訂單后必須在支付寶微信和銀聯(lián)支付間做選擇。

通過默認最多人選項,友寶巧妙減少多數(shù)人的額外負擔,而對少數(shù)人來說也并未增加負擔。

案例五:亞馬遜和什么值得買-篩選和排序其實可以結合到一起。

圖片發(fā)自簡書App

電商習慣于在商品列表上使用篩選和排序,用戶在多個下拉菜單里做選擇。但有些時候,兩者結合到一起似乎更好。

這出于兩個原因,首先用戶不必操作多個下拉控件,第二,絕大多數(shù)時候,用戶是看最新,最熱,最便宜,而不是看最舊,最冷,最貴。排序其實放置的更深一些無妨。

亞馬遜APP的商品列表上只有篩選,排序在篩選內(nèi)部,但是仍是下拉形式。亞馬遜的設計者似乎了解兩者可以合二為一,但可惜呈現(xiàn)方式仍然效率低下。而頂部因轉移排序按鈕的空間也未好好利用。

什么值得買真正了解到這幾點的問題,在一個列表上,其設計者不僅將排序整合到篩選內(nèi)部,而且在去掉排序位置上放置了熱門標簽,用戶甚至是根本不用點擊篩選,也可以通過標簽選出需要的內(nèi)容了,降低了用戶操作負擔。

好吧,為懶做設計,五個消除用戶負擔的案例,今天先寫到這里。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,034評論 25 709
  • 最近消失了一段時間,不是因為過年,而是因為在閉關寫文,這次歸來,帶來我的1.6萬字誠意之作。 目錄導讀 1.交互設...
    夜雨y閱讀 37,479評論 48 1,436
  • 一 昨天上午陪老婆產(chǎn)檢,開始的一切都很順利,當接到了那條令我又怕又恨的短信時,已經(jīng)進入了最后一個環(huán)節(jié),即拿著檢查單...
    仙劍李逍遙閱讀 868評論 0 0
  • 深夜,熟悉的深夜,值班的夜晚,徹夜的游蕩在這個已經(jīng)游歷過多少遍的轄區(qū)內(nèi),詭異的看著周圍的每個看似正?;虿徽?..
    風_ed28閱讀 427評論 0 0
  • 1, 科里來了新人,科長訂餐宴請,歡迎新人。吃飯間,必然少不了新人舊人的自我介紹。新來的是個小姑娘,剛從學校畢業(yè),...
    梅子的日志閱讀 714評論 3 5

友情鏈接更多精彩內(nèi)容