2017-7-25 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
一直在看奇葩說(shuō),聽(tīng)到很多次的一個(gè)詞叫“刻板印象”。而人之所以有“刻板印象”,是因?yàn)橛衏ategorical thinking(類別型思維),它往往使我們產(chǎn)生對(duì)事物的固有看法和理解,是在看到某些特定人、事、物時(shí)第一時(shí)間想到的,這些就形成了“刻板印象”。毋庸置疑,使用“刻板印象”(經(jīng)驗(yàn))能無(wú)形中提升工作效率;減少溝通和開(kāi)發(fā)測(cè)試成本;也不會(huì)太多的打破用戶習(xí)慣。然而,它也會(huì)帶來(lái)負(fù)面影響,讓我們對(duì)真實(shí)世界失去客觀判斷。
那到底該如何避免它的消極作用呢?知乎上的某位回答者,給了一個(gè)答案,他說(shuō):多去發(fā)現(xiàn)類別中個(gè)體的不同就可以了。
因此,基于近幾個(gè)月的工作和其他產(chǎn)品有趣的小案例,來(lái)嘗試找到一些設(shè)計(jì)個(gè)體中的不同,如下。
一、來(lái)自競(jìng)品:先立—再破—再立
前段時(shí)間,我們團(tuán)隊(duì)做了一款新產(chǎn)品,叫小團(tuán)圓,定位是:用相片和視頻記錄家庭美好的瞬間。解決的問(wèn)題是年輕媽媽記錄寶寶成長(zhǎng)。市場(chǎng)上這種類型的產(chǎn)品非常多,比如小時(shí)光,親寶寶等。在做了大量競(jìng)品和用戶研究后,得到產(chǎn)品的關(guān)鍵點(diǎn):使用照片的拍攝時(shí)間和地點(diǎn)進(jìn)行記錄,方便媽媽們回溯。而結(jié)果是產(chǎn)品的設(shè)計(jì)和競(jìng)品沒(méi)有特別大的區(qū)別,我們只做到了先立。
其實(shí),螞蜂窩也有類似的功能,即嗡嗡,它的設(shè)計(jì)卻更易理解。比如,發(fā)布頁(yè)面,嗡嗡的拍攝時(shí)間和地點(diǎn)用戶很容易理解;而小時(shí)光的時(shí)間顯示,根本不知道是什么時(shí)間。而嗡嗡的時(shí)間軸更適合回溯;小時(shí)光則太像以發(fā)布時(shí)間排序的動(dòng)態(tài)流,更適合瀏覽,如下圖所示。
因此,要跳出競(jìng)品帶來(lái)的“刻板印象”,就不單單要立,還要破,然后再要立。也就是,先做研究;然后拋開(kāi)競(jìng)品、基于自己的需求做設(shè)計(jì);最后再回歸競(jìng)品,看看自己的方案是否更好。
二、用戶操作效率:能不能再快一點(diǎn)
當(dāng)大多數(shù)產(chǎn)品的消息提醒都是一級(jí)一級(jí)的紅點(diǎn),然后一級(jí)一級(jí)點(diǎn)擊進(jìn)去的時(shí)候,云音樂(lè)沒(méi)有這樣做——點(diǎn)擊賬號(hào)tab直達(dá)要提醒的消息,如下圖所示。
就像這個(gè)案例帶給我們的信息一樣,到底能不能讓用戶再快一點(diǎn),也許再快一點(diǎn),就是一個(gè)微小的創(chuàng)新,比如能不能更快的發(fā)起群聊;能不能更快的發(fā)布動(dòng)態(tài);能不能更快的隨手記錄等等。
當(dāng)我們?nèi)ニ伎寄懿荒芨斓臅r(shí)候,其實(shí)已經(jīng)開(kāi)始打破“刻板印象”,尋求比其他產(chǎn)品更快的體驗(yàn)了。
三、用戶的角度和反饋:需要正確辨別
前段時(shí)間,在做一款TV和手機(jī)視頻通話的應(yīng)用。其中碰到一個(gè)難題,就是用戶可能同時(shí)有手機(jī)和電視。最初的方案是:嘗試站在用戶角度去思考,當(dāng)去聯(lián)系某個(gè)人時(shí),需先找到TA,然后再去想用什么樣的聯(lián)系方式;于是,方案也就自然產(chǎn)生了,選人—選TV端或手機(jī)端—呼叫。
然而,看似合理的方式卻在實(shí)施過(guò)程中暴露出很多問(wèn)題,比如用戶每次都得選、手機(jī)端面臨非激活狀態(tài)等。而當(dāng)我們拋棄了站在用戶角度的“刻板印象”:為什么一定要先選人?如果不先選人,會(huì)有什么問(wèn)題?后來(lái)發(fā)現(xiàn),并不會(huì)有太多問(wèn)題,還在TV助手中強(qiáng)調(diào)了TV端的概念,使用戶理解起來(lái)更為順暢,如下圖中,好友tab分為手機(jī)端好友和電視端好友。
四、各方的成本:牢記目標(biāo),綜合平衡
前兩個(gè)月時(shí),接到一個(gè)需求:一個(gè)活動(dòng)的彈窗,我想大家應(yīng)該在使用滴滴的時(shí)候有遇到過(guò),打開(kāi)app,出現(xiàn)一個(gè)活動(dòng)彈窗;而當(dāng)用戶點(diǎn)擊“叉”時(shí),彈窗消失了;那該如何再次找到活動(dòng)呢?很多產(chǎn)品都會(huì)在頁(yè)面的某個(gè)位置還會(huì)放置這個(gè)廣告或活動(dòng),如下圖中網(wǎng)易支付首頁(yè)所示。
我們也同樣面臨找不到的情況。于是,提出了將彈窗收起成小圖標(biāo)懸浮的方案;后來(lái),因?yàn)楦鞣N動(dòng)效、開(kāi)發(fā)成本等,最終,并未這樣做。
因?yàn)樽罱诜此迹?/span>感覺(jué)自己被太多產(chǎn)品思路,成本,項(xiàng)目的思想束縛了,而忽略了更多體驗(yàn)的細(xì)節(jié)問(wèn)題。而這些早已成了“刻板印象”。它們無(wú)形中束縛了設(shè)計(jì)師追求更用戶體驗(yàn)的意識(shí)。當(dāng)然這種“刻板印象”在工作中是必不可少的,但偶爾松動(dòng)松動(dòng),想想初心,去綜合平衡。
五、普遍與特殊:我就是我
當(dāng)很多產(chǎn)品的新手引導(dǎo)都是幾個(gè)頁(yè)面翻一翻,有些產(chǎn)品會(huì)選擇用視頻傳達(dá)感受;當(dāng)有些產(chǎn)品使用視頻傳達(dá)感受時(shí),網(wǎng)易有錢做了對(duì)話式的新手引導(dǎo),如下圖所示。
而當(dāng)很多產(chǎn)品內(nèi)的功能引導(dǎo)都是“畫條線,指一指,它是什么”時(shí),網(wǎng)易郵箱大師做了直接在功能中做引導(dǎo)學(xué)習(xí),螞蜂窩則將產(chǎn)品目標(biāo)和情感都融入引導(dǎo)中,如下圖所示。
好的設(shè)計(jì)方案不是普遍的,而是:我就是我,不一樣的煙火。因此,我們要去做一些不一樣的設(shè)計(jì)。
六、變化:這個(gè)能不能變成那個(gè)
新版淘寶將首頁(yè)tab變化為“淘標(biāo)志”,點(diǎn)擊后再次變化為小火箭的設(shè)計(jì),如下圖所示,從此,它變?yōu)橐粋€(gè)個(gè)性化推薦功能的快捷入口。當(dāng)很多產(chǎn)品的底部tab都是靜止不變的時(shí)候,就需要思考,它能不能變化?能不能成為其他的東西?
當(dāng)易信曬一曬需要解決露出更多評(píng)論的問(wèn)題時(shí),我們發(fā)現(xiàn)了嗡嗡的設(shè)計(jì),如下圖所示。我們?cè)缫驯豁敳縝ar的“刻板印象”束縛了,大多數(shù)都會(huì)顯示著頁(yè)面標(biāo)題,有些可能會(huì)沒(méi)有頂部bar;而頂部bar其實(shí)可以像嗡嗡的“變化”一樣,它可以顯示更多:頭像,名字,等級(jí),發(fā)布時(shí)間。
所以,只要打破“刻板印象”的束縛,放飛想象,這個(gè)就可能變成那個(gè)!
七、表象和根源:尋求背后的原因
最近,我們?cè)趪L試一些新的產(chǎn)品方向。其中遇到了一個(gè)問(wèn)題,比如皇室戰(zhàn)爭(zhēng)、王者榮耀這些游戲的“快速開(kāi)始”按鈕,表象是個(gè)按鈕,但是背后的匹配機(jī)制到底是怎樣的?就像之前在玩“三國(guó)殺”,當(dāng)時(shí)的模式是:進(jìn)入房間—準(zhǔn)備—游戲開(kāi)始;如今,已經(jīng)變成下圖所示的流程了。
如果只看到表象的“開(kāi)戰(zhàn)”,不挖掘按鈕背后的根源,就無(wú)法持續(xù)優(yōu)化產(chǎn)品的體驗(yàn)。為什么去掉準(zhǔn)備,為什么去掉了匹配中的返回?其實(shí)是在追求更快速的開(kāi)始游戲的方式,從而盡量減少用戶的等待。
最近也在研究實(shí)時(shí)隨機(jī)視頻的產(chǎn)品,如tiki和monkey。我們的設(shè)計(jì)師發(fā)現(xiàn)同樣類型的產(chǎn)品,設(shè)計(jì)上卻完全不一樣,比如tiki是要主動(dòng)去找人,而monkey是等別人找上門來(lái),選擇接受或不接受,如下圖所示,這背后的根源是中西方人群的差異,還是兩種模式帶給用戶的心理感受的差異?
如果只是看待表象,就更容易被“刻板印象”束縛,所以,當(dāng)找到了躲在背后的原因,tiki還是monkey都不重要,自己該怎么做,才最重要。
八、情感和貼心:最獨(dú)特的溫暖
情感化是每個(gè)設(shè)計(jì)師應(yīng)該對(duì)自己的高要求,它往往能帶來(lái)獨(dú)特的溫暖,也就無(wú)形之中打破了“刻板印象”,使用戶對(duì)產(chǎn)品的“刻板印象”消失了,如下圖“螞蜂窩”的空白頁(yè)和“嚴(yán)選”的邊邊角角。當(dāng)然,這個(gè)很難,希望以后自己能探索到合適的方法。
九、尋找空白空間:還有哪里可以利用
就像能不能再快一點(diǎn)一樣,能不能再有更多的展示空間呢?
易信聊唄的“消息”就像很多產(chǎn)品的消息頁(yè)一樣,包含官方消息、評(píng)論、贊、通知;當(dāng)時(shí)進(jìn)行設(shè)計(jì)時(shí),就這么做了;而易信曬一曬已經(jīng)將官方消息露出,來(lái)占用空白區(qū)域進(jìn)行導(dǎo)流,如下圖所示。
還有很多的例子,比如我們可能都沒(méi)有看過(guò)qq新注冊(cè)時(shí)進(jìn)入的新手頁(yè)面;而正常的“我”tab,也不會(huì)像片刻一樣,給用戶看一些內(nèi)容,如下圖所示。
因此,界面本來(lái)就是一張空白紙,就看我們?nèi)绾螕]灑最獨(dú)特的筆墨。
十、探索多樣方案:到底可以有多少種布局
之前在做易信聊唄話題主頁(yè)的探索時(shí),根據(jù)“刻板印象”,用最快的效率完成了方案,就像下圖所示的布局一樣,和貼吧等產(chǎn)品的興趣主頁(yè)很相像,也就沒(méi)那么獨(dú)特。但是,其實(shí)很多產(chǎn)品有更多的布局,比如same、黃油相機(jī)和in。方案可能是很多樣化的,根據(jù)最刻板的印象來(lái)設(shè)計(jì)的方案可能不會(huì)有太多問(wèn)題,但也不夠創(chuàng)新,只有探索足夠多樣化的方案,才會(huì)在無(wú)形中打破“刻板印象”,形成新的經(jīng)驗(yàn)和印象。
結(jié)語(yǔ)
刻板印象有好有壞。在合適的場(chǎng)景、時(shí)間、項(xiàng)目中,去最大化它的積極作用,盡量避免它的消極作用,才能真正的平衡設(shè)計(jì)、工作,甚至生活。當(dāng)然,到底該如何避免設(shè)計(jì)中“刻板印象”的消極作用,除了以上總結(jié)的10條,可能會(huì)有更多方法,還是值得持續(xù)探索的,希望自己也能在后面的工作中,吸取經(jīng)驗(yàn)和教訓(xùn),并打破經(jīng)驗(yàn),創(chuàng)造新的經(jīng)驗(yàn),再打破經(jīng)驗(yàn)。
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(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ù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com