国产日本中文字幕网_久热免费视频_秋霞2016午夜限制电影在线_www色视频还会玩转热点_欧美中日韩免费专区在线_亚洲AV色噜噜男人的天堂吃奶_亚洲人成无码网址_国产成人主播在线观看_欧美韩日精品一区_久久精品国产亚洲AV高清色三区

公司新聞

將想法與觀點(diǎn),與您一起分享~

開發(fā)案例插畫 插畫-樹 插畫-樹

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

潤雪科技 時(shí)間:2019-03-12 14:56 瀏覽量:3098

一直在看奇葩說,聽到很多次的一個(gè)詞叫刻板印象。而人之所以有刻板印象,是因?yàn)橛?/span>categorical thinking(類別型思維),它往往使我們產(chǎn)生對事物的固有看法和理解,是在看到某些特定人、事、物時(shí)第一時(shí)間想到的,這些就形成了刻板印象。毋庸置疑,使用刻板印象(經(jīng)驗(yàn))能無形中提升工作效率;減少溝通和開發(fā)測試成本;也不會太多的打破用戶習(xí)慣。然而,它也會帶來負(fù)面影響,讓我們對真實(shí)世界失去客觀判斷。

那到底該如何避免它的消極作用呢?知乎上的某位回答者,給了一個(gè)答案,他說:多去發(fā)現(xiàn)類別中個(gè)體的不同就可以了。——重慶網(wǎng)站設(shè)計(jì)

因此,基于近幾個(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)流,更適合瀏覽,如下圖所示?!?a href="http://pgwc.com.cn" target="_self">小程序


image.png


因此,要跳出競品帶來的刻板印象,就不單單要立,還要破,然后再要立。也就是,先做研究;然后拋開競品、基于自己的需求做設(shè)計(jì);最后再回歸競品,看看自己的方案是否更好。

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

當(dāng)大多數(shù)產(chǎn)品的消息提醒都是一級一級的紅點(diǎn),然后一級一級點(diǎn)擊進(jìn)去的時(shí)候,云音樂沒有這樣做——點(diǎn)擊賬號tab直達(dá)要提醒的消息,如下圖所示。——重慶網(wǎng)頁設(shè)計(jì)


image.png


就像這個(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ī)端好友和電視端好友?!?a href="http://pgwc.com.cn" target="_self">重慶定制網(wǎng)站


image.png


各方的成本:牢記目標(biāo),綜合平衡

前兩個(gè)月時(shí),接到一個(gè)需求:一個(gè)活動的彈窗,我想大家應(yīng)該在使用滴滴的時(shí)候有遇到過,打開app,出現(xiàn)一個(gè)活動彈窗;而當(dāng)用戶點(diǎn)擊時(shí),彈窗消失了;那該如何再次找到活動呢?很多產(chǎn)品都會在頁面的某個(gè)位置還會放置這個(gè)廣告或活動,如下圖中網(wǎng)易支付首頁所示?!?a href="http://pgwc.com.cn" target="_self">定制網(wǎng)站


image.png


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

因?yàn)樽罱诜此?,感覺自己被太多產(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),如下圖所示。——網(wǎng)頁設(shè)計(jì)


image.png


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


image.png


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

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

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


image.png


從此,它變?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í)間?!?a href="http://pgwc.com.cn" target="_self">定制網(wǎng)站


image.png


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

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

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


image.png


如果只看到表象的開戰(zhàn),不挖掘按鈕背后的根源,就無法持續(xù)優(yōu)化產(chǎn)品的體驗(yàn)。為什么去掉準(zhǔn)備,為什么去掉了匹配中的返回?其實(shí)是在追求更快速的開始游戲的方式,從而盡量減少用戶的等待。

最近也在研究實(shí)時(shí)隨機(jī)視頻的產(chǎn)品,如tikimonkey。我們的設(shè)計(jì)師發(fā)現(xiàn)同樣類型的產(chǎn)品,設(shè)計(jì)上卻完全不一樣,比如tiki是要主動去找人,而monkey是等別人找上門來,選擇接受或不接受,如下圖所示,這背后的根源是中西方人群的差異,還是兩種模式帶給用戶的心理感受的差異?


image.png


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

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

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


image.png


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

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

易信聊唄的消息就像很多產(chǎn)品的消息頁一樣,包含官方消息、評論、贊、通知;當(dāng)時(shí)進(jìn)行設(shè)計(jì)時(shí),就這么做了;而易信曬一曬已經(jīng)將官方消息露出,來占用空白區(qū)域進(jìn)行導(dǎo)流,如下圖所示?!?a href="http://pgwc.com.cn" target="_self">重慶定制網(wǎng)站


image.png


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


image.png


因此,界面本來就是一張空白紙,就看我們?nèi)绾螕]灑最獨(dú)特的筆墨。

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

之前在做易信聊唄話題主頁的探索時(shí),根據(jù)刻板印象,用最快的效率完成了方案,就像下圖所示的布局一樣,和貼吧等產(chǎn)品的興趣主頁很相像,也就沒那么獨(dú)特。但是,其實(shí)很多產(chǎn)品有更多的布局,比如same、黃油相機(jī)和in。方案可能是很多樣化的,根據(jù)最刻板的印象來設(shè)計(jì)的方案可能不會有太多問題,但也不夠創(chuàng)新,只有探索足夠多樣化的方案,才會在無形中打破刻板印象,形成新的經(jīng)驗(yàn)和印象?!?a href="http://pgwc.com.cn" target="_self">重慶網(wǎng)頁設(shè)計(jì)


image.png


刻板印象有好有壞。在合適的場景、時(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)?!?a href="http://pgwc.com.cn" target="_self">重慶定制網(wǎng)站


來源聲明:本文【用超多案例,幫你避免交互設(shè)計(jì)中的「刻板印象 」】由潤雪科技編輯原創(chuàng)或采編整理,如需轉(zhuǎn)載請注明來自潤雪科技。以上內(nèi)容部分(包含圖片、文字)來源于網(wǎng)絡(luò),如有侵權(quán),請及時(shí)與本站聯(lián)系。

TAG標(biāo)簽:網(wǎng)站開發(fā) 網(wǎng)站設(shè)計(jì)

相關(guān)文章
如果您感覺我們的案例非常不錯,請與我們?nèi)〉寐?lián)系~
立即咨詢
獲取方案及報(bào)價(jià) 023-6288-5285
網(wǎng)站建設(shè)流程 需求溝通
網(wǎng)站建設(shè)流程 簽訂合同
網(wǎng)站建設(shè)流程 項(xiàng)目開發(fā)
網(wǎng)站建設(shè)流程 上線/運(yùn)營維護(hù)

張經(jīng)理

186-9655-6121

鄒經(jīng)理

188-1980-6503

潤雪科技二維碼
電話咨詢 在線咨詢 微信咨詢