當(dāng)前位置: 首頁 > 設(shè)計(jì)資訊 > 理論文摘 > 正文

用超多案例,幫你避免交互設(shè)計(jì)中的「刻板印象 」

2017-11-23 2256 0

減少溝通和開發(fā)測(cè)試成本;也不會(huì)太多的打破用戶習(xí)慣。然而,它也會(huì)帶來負(fù)面影響,讓我們對(duì)真實(shí)世界失去客觀判斷。

一直在看奇葩說,聽到很多次的一個(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)圓,定位是:用相片和視頻記錄家庭美好的瞬間。解決的問題是年輕媽媽記錄寶寶成長(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)品沒有特別大的區(qū)別,我們只做到了先立。

其實(shí),螞蜂窩也有類似的功能,即嗡嗡,它的設(shè)計(jì)卻更易理解。比如,發(fā)布頁面,嗡嗡的拍攝時(shí)間和地點(diǎn)用戶很容易理解;而小時(shí)光的時(shí)間顯示,根本不知道是什么時(shí)間。而嗡嗡的時(shí)間軸更適合回溯;小時(shí)光則太像以發(fā)布時(shí)間排序的動(dòng)態(tài)流,更適合瀏覽,如下圖所示。

來自競(jìng)品:先立—再破—再立.jpg


因此,要跳出競(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á)要提醒的消息,如下圖所示。

用戶操作效率:能不能再快一點(diǎn).jpg


就像這個(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ī)端好友和電視端好友。

用戶的角度和反饋:需要正確辨別.jpg


四. 各方的成本:牢記目標(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),綜合平衡.jpg


我們也同樣面臨找不到的情況。于是,提出了將彈窗收起成小圖標(biāo)懸浮的方案;后來,因?yàn)楦鞣N動(dòng)效、開發(fā)成本等,最終,并未這樣做。

因?yàn)樽罱诜此?,感覺自己被太多產(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),如下圖所示。

普遍與特殊:我就是我.jpg


而當(dāng)很多產(chǎn)品內(nèi)的功能引導(dǎo)都是“畫條線,指一指,它是什么”時(shí),網(wǎng)易郵箱大師做了直接在功能中做引導(dǎo)學(xué)習(xí),螞蜂窩則將產(chǎn)品目標(biāo)和情感都融入引導(dǎo)中,如下圖所示。

普遍與特殊:我就是我1.jpg


好的設(shè)計(jì)方案不是普遍的,而是:我就是我,不一樣的煙火。因此,我們要去做一些不一樣的設(shè)計(jì)。

六. 變化:這個(gè)能不能變成那個(gè)

新版淘寶將首頁tab變化為“淘標(biāo)志”,點(diǎn)擊后再次變化為小火箭的設(shè)計(jì),如下圖所示。

變化:這個(gè)能不能變成那個(gè).jpg


從此,它變?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è)1.jpg


所以,只要打破“刻板印象”的束縛,放飛想象,這個(gè)就可能變成那個(gè)!

七. 表象和根源:尋求背后的原因

最近,我們?cè)趪L試一些新的產(chǎn)品方向。其中遇到了一個(gè)問題,比如皇室戰(zhàn)爭(zhēng)、王者榮耀這些游戲的“快速開始”按鈕,表象是個(gè)按鈕,但是背后的匹配機(jī)制到底是怎樣的?就像之前在玩“三國(guó)殺”,當(dāng)時(shí)的模式是:進(jìn)入房間—準(zhǔn)備—游戲開始;如今,已經(jīng)變成下圖所示的流程了。

表象和根源:尋求背后的原因.jpg


如果只看到表象的“開戰(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是等別人找上門來,選擇接受或不接受,如下圖所示,這背后的根源是中西方人群的差異,還是兩種模式帶給用戶的心理感受的差異?

表象和根源:尋求背后的原因1.jpg


如果只是看待表象,就更容易被“刻板印象”束縛,所以,當(dāng)找到了躲在背后的原因,tiki還是monkey都不重要,自己該怎么做,才最重要。

八. 情感和貼心:最獨(dú)特的溫暖

情感化是每個(gè)設(shè)計(jì)師應(yīng)該對(duì)自己的高要求,它往往能帶來獨(dú)特的溫暖,也就無形之中打破了“刻板印象”,使用戶對(duì)產(chǎn)品的“刻板印象”消失了,如下圖“螞蜂窩”的空白頁和“嚴(yán)選”的邊邊角角。當(dāng)然,這個(gè)很難,希望以后自己能探索到合適的方法。

情感和貼心:最獨(dú)特的溫暖.jpg


九. 尋找空白空間:還有哪里可以利用

就像能不能再快一點(diǎn)一樣,能不能再有更多的展示空間呢?

易信聊唄的“消息”就像很多產(chǎn)品的消息頁一樣,包含官方消息、評(píng)論、贊、通知;當(dāng)時(shí)進(jìn)行設(shè)計(jì)時(shí),就這么做了;而易信曬一曬已經(jīng)將官方消息露出,來占用空白區(qū)域進(jìn)行導(dǎo)流,如下圖所示。

尋找空白空間:還有哪里可以利用.jpg


還有很多的例子,比如我們可能都沒有看過qq新注冊(cè)時(shí)進(jìn)入的新手頁面;而正常的“我”tab,也會(huì)像片刻一樣,給用戶看一些內(nèi)容,如下圖所示。

尋找空白空間:還有哪里可以利用1.jpg


因此,界面本來就是一張空白紙,就看我們?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)和印象。

探索多樣方案:到底可以有多少種布局.jpg


結(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)。



20
評(píng)論區(qū)(0)
正在加載評(píng)論...