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