旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國(guó)統(tǒng)一咨詢熱線:010-5367 2995
首頁(yè) > 今日必讀 > 為什么「下拉刷新」能成為現(xiàn)象級(jí)的設(shè)計(jì)?

為什么「下拉刷新」能成為現(xiàn)象級(jí)的設(shè)計(jì)?

時(shí)間:2018-01-25來(lái)源:lb577.com點(diǎn)擊量:作者:fubowen
時(shí)間:2018-01-25點(diǎn)擊量:作者:fubowen

為什么會(huì)出現(xiàn)下拉刷新,以及在下拉刷新出現(xiàn)之前為什么沒(méi)有下拉刷新?這些問(wèn)題的答案似乎顯而易見,卻又總能帶來(lái)更多疑問(wèn)。追究這些問(wèn)題似乎可以讓我們更加接近真相,卻又總讓人確信一切分析都是過(guò)度解讀。

與此類似的設(shè)計(jì)有滑動(dòng)解鎖,還有雙指縮放。我將這些歸類為設(shè)計(jì)一種行為。

 

去設(shè)計(jì)行為

「從用戶需求出發(fā)」是最常用的設(shè)計(jì)手法。這句話本身沒(méi)有錯(cuò),但很容易被誤讀。

普通人會(huì)把用戶需求理解成用戶說(shuō)的話(“我要更快的馬”),有設(shè)計(jì)思維的人能把用戶需求理解成用戶的行為目的(“我要到 20 公里以外的唐家市場(chǎng)買菜”),極少人還愿意走到用戶需求的背面,看看有著 7 萬(wàn)年歷史的智人物種,從基因深處渴望著什么(“我想要生存、食物、生理平衡和性”)。我認(rèn)為這不是人的問(wèn)題,這只是方法論的局限性。方法論的局限性,使得我們的設(shè)計(jì)活動(dòng)總是游離于信息架構(gòu)、可用性和最佳范式之間。而一些優(yōu)秀的設(shè)計(jì),尤其是涉及到一種新行為的時(shí)候,因?yàn)闆](méi)能「最好的」幫助用戶完成任務(wù)而止步于便簽紙。

所以是時(shí)候增加一條備忘了:「去設(shè)計(jì)行為」,而非僅僅為行為設(shè)計(jì)。

設(shè)計(jì)一種行為,不同于以行為為中心的設(shè)計(jì),甚至可以說(shuō)這兩者分別處于極端。后者強(qiáng)調(diào)順從用戶「既有」的需求,前者則傾向于給用戶創(chuàng)造一種前所未有的體驗(yàn)。

一種合適的行為確實(shí)能給產(chǎn)品帶來(lái)非同尋常的使用體驗(yàn),哪怕它沒(méi)能最好的幫助用戶完成任務(wù)。

iOS 10 有一項(xiàng)新功能叫「抬腕亮屏」。從桌上拿起手機(jī),或者從口袋里掏出手機(jī),屏幕就會(huì)自動(dòng)點(diǎn)亮。在實(shí)際體驗(yàn)中你會(huì)發(fā)現(xiàn),這個(gè)功能的缺陷太明顯了。有時(shí)你只是握著手機(jī)走路,屏幕也會(huì)莫名其妙地亮起來(lái)——極高的誤觸率。而有時(shí)候你真的想看時(shí)間,卻因?yàn)槟闷鹗謾C(jī)的角度不對(duì),它就怎么也亮不起來(lái)——使用過(guò)程有嚴(yán)重挫敗感。盡管如此,你還是會(huì)不得不承認(rèn)自己已經(jīng)離不開這個(gè)功能了。這不是所謂「Apple 的魔力」,而是「行為的魔力」。更加有意思的是,在你習(xí)慣以后,每次想看時(shí)間或者通知,你都會(huì)下意識(shí)的以「正確的角度」和「正確的軌跡」拿起手機(jī)。

同樣具備「抬腕亮屏」功能(也同樣具備以上缺陷)的還有 Apple Watch。戴傳統(tǒng)手表的人看表的方式其實(shí)有很多種,但 Apple Watch 的用戶總是會(huì)轉(zhuǎn)動(dòng)并抬起手腕來(lái),盡管他們完全可以摁下表冠來(lái)點(diǎn)亮屏幕。

要知道,如果不相信設(shè)計(jì)行為的意義,你可能在設(shè)計(jì)評(píng)審之前就親自擱置了這個(gè)方案。

 

什么樣的行為是合適的

合適的行為往往是順從直覺的。

每次說(shuō)到直覺,我總是想起深澤直人的 CD 機(jī)。只不過(guò),以往我沒(méi)有那么鮮明的意識(shí)到它其實(shí)就是在設(shè)計(jì)一種行為。

那 CD 播放器有著和「抽風(fēng)扇」差不多的外形。將 CD 放入中央,扯一下線,就可以播放 CD,操作起來(lái)就像抽風(fēng)扇一樣。即使知道這是臺(tái) CD 播放器,但因?yàn)槌轱L(fēng)扇的印象刻畫在腦中,凝視著這臺(tái) CD 播放器,我們的身體就會(huì)起反應(yīng)。特別是臉頰附近的皮膚,會(huì)以更敏銳的觸覺,為即將吹出來(lái)的風(fēng)而「待機(jī)」。只不過(guò)吹出來(lái)的不是風(fēng),而是音樂(lè)。由于做成抽風(fēng)扇的造型,或許稍微犧牲掉本身的音響性能,但收聽音樂(lè)的人們,感受變得更敏銳,或許也相對(duì)提升了音響性能。

——原研哉談 MUJI CD 播放器

我想,這款 CD 機(jī)最有趣的地方在于,親自把它開啟的人和其他人,聽到的是不一樣的音樂(lè)。

也不是所有人都會(huì)同樣的喜愛它,因?yàn)樗鼪](méi)有順從所有人的直覺??赡苤挥心切┦褂眠^(guò)配備拉繩開關(guān)風(fēng)扇的人,才會(huì)有最強(qiáng)烈的感受。這是另一個(gè)有趣的地方。

如果要舉一個(gè)反例的話,那就是知乎在移動(dòng)客戶端上的「搖一搖反饋」。當(dāng)你使用知乎客戶端的時(shí)候,如果遇到 bug,只要搖一搖手機(jī),就可以立馬截屏并批注,然后提交反饋。從任務(wù)流程上看這是一個(gè)非常合理、高效的方案,因?yàn)樗梢缘谝粫r(shí)間保留現(xiàn)場(chǎng),而且整個(gè)過(guò)程一氣呵成。但「搖一搖然后去反饋」不是一個(gè)順從直覺的行為,搖一搖更適合用于「去發(fā)現(xiàn)」,因?yàn)樵谌粘I钪形覀兘?jīng)常通過(guò)搖一個(gè)容器去看看里面有沒(méi)有東西。
 

「誰(shuí)會(huì)這樣子用這個(gè)功能呢?」

設(shè)計(jì)一種行為往往會(huì)面臨可用性的問(wèn)題,因?yàn)橛脩艉苡锌赡懿恢涝趺从?。下拉刷新的設(shè)計(jì)連可見性都沒(méi)有,不是說(shuō)「Obvious always wins」嗎?

最常見的質(zhì)疑是像這樣的,「誰(shuí)會(huì)這樣子用這個(gè)功能呢?用戶沒(méi)有這樣的習(xí)慣!」。

《Don’t make me think》里也曾極力規(guī)勸設(shè)計(jì)師們要盡量使用習(xí)慣用法,否則「有時(shí)候,這只會(huì)讓用在重新發(fā)明輪子上的時(shí)間又增加了而已」。不過(guò)作者還給出了打破習(xí)慣的指南。

如果不打算使用一種已有的 Web 習(xí)慣用法,你必須確認(rèn)你在使用一種:

  • 同樣清楚,同樣不言而喻,沒(méi)有學(xué)習(xí)曲線的方法,這樣就跟習(xí)慣用法一樣好了。
  • 帶來(lái)很大的價(jià)值,因此值得用戶付出一點(diǎn)努力來(lái)學(xué)習(xí)的方法。

其實(shí)打破習(xí)慣不可怕,因?yàn)楹线m的行為能取代習(xí)慣。

早些年的瀏覽器頂部都會(huì)有兩個(gè)輸入框:地址欄和搜索框。Chrome 瀏覽器是第一個(gè)將搜索框和地址欄結(jié)合在一起的,并為之取名 Omnibox。那時(shí)候「去地址欄輸網(wǎng)址」和「在搜索框輸關(guān)鍵詞」已經(jīng)是很多用戶既成的使用習(xí)慣,「誰(shuí)會(huì)想到去地址欄輸入關(guān)鍵詞?」Omnibox 的誕生說(shuō)明 Chrome 團(tuán)隊(duì)相信「去同一個(gè)輸入框輸入文字」才是更合適的行為。而今,將近十年過(guò)去了,我們?cè)缫呀?jīng)認(rèn)為這樣才是理所應(yīng)當(dāng)?shù)摹?/span>

 



行為也可以成為品牌的符號(hào)

微信設(shè)計(jì)了好幾個(gè)行為,并且使其成為了現(xiàn)象級(jí)的交互方式。

  • 搖一搖附近的人。剛才也提到,搖一搖適合用于「去發(fā)現(xiàn)」,而搖一搖附近的人,就是在探索未知的內(nèi)容。
  • 掃一掃二維碼。類似的,掃一掃其實(shí)也適合與探索行為相結(jié)合。通過(guò)取景框去查看內(nèi)容的感覺,像不像在拿著放大鏡觀察螞蟻?
  • 長(zhǎng)按錄音。長(zhǎng)按錄音、松手結(jié)束的交互讓人用起來(lái)特別帶感。

想象一下,如果沒(méi)有搖一搖,只能點(diǎn)擊一個(gè)圖標(biāo)來(lái)查找附近的人;如果沒(méi)有掃一掃,加一個(gè)人的好友得像加 QQ 好友一樣,輸入 ID,搜索,添加;如果沒(méi)有長(zhǎng)按錄音,每次輸入語(yǔ)音都要點(diǎn)擊、停頓、再點(diǎn)擊……這樣微信是不是顯得無(wú)趣了很多?

回到 6 年前,這幾個(gè)聽上去怪怪的,用起來(lái)還蠻好玩的行為,必然是作為微信的「品牌符號(hào)」在口碑傳播中擔(dān)任重要的角色。所以,合適的行為設(shè)計(jì)也可以成為品牌設(shè)計(jì)的一部分,直到競(jìng)品紛紛效仿。

 

更多的嘗試與失敗

行為的設(shè)計(jì)需要設(shè)計(jì)師對(duì)人與產(chǎn)品間的關(guān)系有更加深刻的理解,所以這并不是一件輕松的事情,設(shè)計(jì)師需要為此付出更多的嘗試,然后承受更多的失敗。你可能會(huì)不斷懷疑自己的判斷,可能會(huì)執(zhí)著于人類潛意識(shí)中隱藏的細(xì)節(jié),還可能會(huì)不得不思考起哲學(xué)問(wèn)題,然后可能照舊失敗。

不過(guò)那又怎樣,沒(méi)有什么比這更有味道了。






 

預(yù)約申請(qǐng)免費(fèi)試聽課

填寫下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動(dòng)者教育科技有限公司版權(quán)所有
備案號(hào):京ICP備12034770號(hào)

?2007-2022/ lb577.com 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào): 京ICP備12034770號(hào) 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號(hào)

網(wǎng)站地圖