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