微日志:交互體驗(yàn)中的情境感代入
?編輯導(dǎo)語:在日常生活中,我們總能看到產(chǎn)品中同樣的布局卻有著一些細(xì)微的差別,這些細(xì)微的產(chǎn)品這樣做是因?yàn)槭裁茨兀孔髡呖偨Y(jié)了幾點(diǎn)交互體驗(yàn)中的一些情境感代入,與你分享這些產(chǎn)品中的細(xì)微之處。
日常碎片化思考和生活發(fā)現(xiàn)的欄目,碎片想法雖不足以寫成一篇結(jié)構(gòu)完整的文章,這些有意思但轉(zhuǎn)瞬即逝的發(fā)現(xiàn)如果能記錄下來,或許會(huì)是一件很有趣的事情。
01 盒馬鮮生 -牛油果的成熟度
有過牛油果購買經(jīng)歷的朋友一定會(huì)有這樣的困惑,到底怎么判斷果實(shí)熟了沒?
在盒馬鮮生,牛油果的標(biāo)簽上會(huì)通過印有青綠色、褐綠色和墨綠色三種顏色,分別標(biāo)注“不熟”、“成熟”和“熟透”字樣,告知消費(fèi)者成熟度。
最近逛盒馬鮮生有新發(fā)現(xiàn),在熟的牛油果中,盒馬鮮生會(huì)告訴你,牛油果哪顆比較熟、哪顆比較生。在挑選時(shí)通過標(biāo)簽會(huì)先給予你一份告知,對(duì)于愛吃牛油果的消費(fèi)者來說,也能輕松購買。
我的思考:
大家都希望自己能做出理性的決策,但是在不確定的環(huán)境中,人們總會(huì)在決策過程中因經(jīng)驗(yàn)或認(rèn)知不足,無法做出有利判斷。
而盒馬通過把牛油果成熟度可視化、數(shù)值化,把這種由于經(jīng)驗(yàn)或認(rèn)知導(dǎo)致顧客的決策能力落差給撫平。增加了顧客決策的可靠性,也促使顧客依自己的需要更快決定。
此外,盒馬在牛油果“不熟”、“成熟”和“熟透” 3 種成熟度的基礎(chǔ)上更進(jìn)一步,更加精準(zhǔn)告訴顧客對(duì)于同樣熟了的牛油果,哪顆可以先吃(85%),哪顆可以后吃(75%)。
這種在牛油果成熟度的數(shù)值化表達(dá),會(huì)激活顧客對(duì)數(shù)字的感知程度,會(huì)產(chǎn)生類似“ 85% 成熟度的今天吃,75% 的可以放到后天也不會(huì)壞…”相關(guān)情境的隱喻聯(lián)想。顧客不知不覺中代入了購買牛油果后的情境詮釋,這種溢出效應(yīng)會(huì)直接影響后續(xù)的消費(fèi)行為。
簡單理解,這時(shí)使得顧客決策不再僅僅根據(jù)對(duì)牛油果成熟度的權(quán)衡,而是更加依賴已經(jīng)代入的情境。
02 即刻App -展開和收起
使用即刻 App 的時(shí)候,「展開和收起」這個(gè)小小的細(xì)節(jié)很巧妙得擊中了我。它的交互和傳統(tǒng)的「展開和收起」邏輯不太一樣。
當(dāng)用戶發(fā)布的動(dòng)態(tài)超過某個(gè)字?jǐn)?shù)時(shí),超過的文本會(huì)被折疊起來,用戶可以點(diǎn)擊展開查看剩余的內(nèi)容。
傳統(tǒng)的做法:會(huì)把收起放在動(dòng)態(tài)內(nèi)容的末端,意思是當(dāng)用戶念完之后,可以選擇再次折疊起來。
即刻的做法:會(huì)把收起放在動(dòng)態(tài)內(nèi)容的左下角,意思是當(dāng)用戶不想念了,隨時(shí)可以選擇再次折疊起來。
我的思考:
對(duì)于我來說,一段動(dòng)態(tài)內(nèi)容點(diǎn)擊「展開」很大程度是是被前面露出的內(nèi)容所吸引,想要看更多。
但是,常常在「展開」之后,會(huì)發(fā)現(xiàn)某些動(dòng)態(tài)只是開頭精彩或標(biāo)題黨,念了幾句就不想再念了。在用戶想著說要不要滑動(dòng)屏幕看完它的取舍之前,相比傳統(tǒng)的做法,即刻 App 試圖不讓用戶啟動(dòng)這種警覺機(jī)制,就預(yù)先為用戶準(zhǔn)備好了最省力的方式,隨時(shí)「收起」。
好比,我去電影院去看一場電影,開始被預(yù)告片吸引,看了一會(huì)發(fā)現(xiàn)情節(jié)拖沓,穿幫鏡頭比比皆是,在以往你需要思考「起身離開」和「忍受著繼續(xù)看完」的心理博弈之間掙扎。
如果電影院有個(gè)「不滿意免費(fèi)退票通道」,你便不會(huì)受到沉默成本思維的限制,能更加自由的做出自己想做的決定。
03 即刻App-外置熱門留言
小宇宙 App 是我目前最常用的播客,沒有之一,先安利一波。
在小宇宙 App 發(fā)現(xiàn)頁,會(huì)為你推薦一些編輯精選的播客節(jié)目,會(huì)通過外置聽眾熱門留言,吸引你選擇,“別人都說好,那我是不是也要聽聽看?”
我的思考:
在小宇宙 App 中,對(duì)于新推薦的節(jié)目,去聽一期節(jié)目需要的時(shí)間成本太高 ,在不知道怎么判斷哪個(gè)節(jié)目好不好時(shí),聽眾的外置熱門留言會(huì)大大影響你的判斷。這種外部信息的影響,是便捷的,而你,恰恰就是會(huì)被這種效應(yīng)吸引,訂閱了一個(gè)又一個(gè)播客節(jié)目。
其實(shí)在生活的方方面面你都被影響著。比如,你打算購置某品牌的汽車,但聽到朋友對(duì)該品牌不好的評(píng)價(jià),你還沒去真實(shí)試駕過,與其他品牌進(jìn)行比較,就草草放棄這個(gè)品牌。
然而,這些都是信息都是你未曾體驗(yàn)或驗(yàn)證過的,你在這個(gè)過程只是在被動(dòng)的接收朋友、品牌方灌輸給你的好,或者認(rèn)為你需要、應(yīng)該擁有。
這在心理學(xué)上被稱為“鮮活性效應(yīng)”,人們會(huì)過分看重更為鮮活并因此更容易從記憶中提取的證據(jù)。
生動(dòng)鮮活的案例在記憶中更容易被提取,會(huì)賦予過高的權(quán)重,此時(shí)人們會(huì)習(xí)慣性調(diào)動(dòng)“系統(tǒng)一”,讓大腦中的直覺思維機(jī)制發(fā)揮作用,這樣在決策中特別容易犯“易得性偏差”錯(cuò)誤。
不是說非得要去反抗這種效應(yīng),而是在做決定前,保留一份清醒,讓自己不至于喪失分辨的能力。
04 知乎 – 開啟推送通知
我發(fā)現(xiàn)知乎請(qǐng)求用戶開啟推送通知權(quán)限的彈窗做得很不一樣。
上圖是我截取知乎的界面,在界面中你會(huì)看到“你關(guān)注的@xxx 有新的創(chuàng)作”、“@xxx 贊同了你”的信息,在這個(gè)過程中,讓我啟動(dòng)了聯(lián)想,如果不把通知權(quán)限打開,我就會(huì) Miss 掉他們這些人的信息。
我的思考:
用戶第一次使用 App 時(shí)設(shè)定不允許推送通知已經(jīng)成為了大多數(shù)人的習(xí)慣。
在知乎的做法中,我意識(shí)到社會(huì)屬性在產(chǎn)品中發(fā)揮的價(jià)值。人是社會(huì)關(guān)系的總和,在社會(huì)活動(dòng)中,人與人之間必然會(huì)產(chǎn)生各種鏈接。而這種鏈接,則是影響人行動(dòng)的重要因素。
在獲取通知權(quán)限的時(shí)候,從鏈接關(guān)系出發(fā)影響行動(dòng),是一個(gè)行之有效的方法。比如,你關(guān)注的人創(chuàng)作了新內(nèi)容,不想錯(cuò)過的話,授權(quán)通知吧!你的文章被贊同了,不想錯(cuò)過的話,授權(quán)通知吧!你給好友發(fā)送訊息,不想錯(cuò)過回復(fù)的話,授權(quán)通知吧!
這種情境代入感關(guān)聯(lián)了你的社會(huì)關(guān)系,每一個(gè)信息都與你的心理狀態(tài)相呼應(yīng),都與你有關(guān),都會(huì)讓你期待和滿足,這一切對(duì)你來說都響應(yīng)著行為的召喚。
05 法國圖書館-??書舟
你只需要準(zhǔn)備一個(gè)垃圾箱和坐墊,將垃圾箱頂部切成兩半時(shí),把邊緣包裹至完全光滑。再把坐墊放進(jìn)去箱子里,一個(gè)出現(xiàn)在法國圖書館的“Book Boats – 書舟”就制作完成啦。
這個(gè)巧思,讓每個(gè)好動(dòng)的小朋友都可以成為安靜的“愛閱者”。
我的思考:
這個(gè)設(shè)計(jì)讓我想起來一個(gè)故事。Doug Dietz 是一位核磁共振儀設(shè)計(jì)師,有一次他去醫(yī)院觀察儀器的使用情況,發(fā)現(xiàn)有一位小女孩被儀器冷冰冰的檢查嚇哭了,后來了解才知道,有將近 80% 的兒科患者,需要服用鎮(zhèn)靜劑才能做核磁共振。
一直以來,Doug 以自己的設(shè)計(jì)驕傲,認(rèn)為它可以拯救人的生命。但事實(shí)證明,這臺(tái)機(jī)器還會(huì)給孩子們帶來巨大的恐懼。
后來,Doug 到斯坦福大學(xué)學(xué)習(xí),重新設(shè)計(jì)了核磁共振儀的體驗(yàn),他把核磁共振儀變成了海盜船,在做檢查時(shí),告訴小朋友:好了,你現(xiàn)在要潛入這艘海盜船,別亂動(dòng),不然海盜會(huì)發(fā)現(xiàn)你的。
結(jié)果是驚人的,服用鎮(zhèn)靜劑的孩子從 80% 直降到了 10%。這個(gè)游戲化的設(shè)計(jì)體驗(yàn),讓小朋友的檢查體驗(yàn)充滿著趣味和故事性,讓小朋友進(jìn)入設(shè)定的情境中,哪怕是在疾病面前,也完全可以讓孩子們保持快樂,充滿好奇心和探索欲。
Book Boats – 書舟同樣給我這樣的感動(dòng)。設(shè)計(jì)者為不同的用戶設(shè)計(jì),對(duì)于小朋友,有時(shí)候只需要“蹲下來”,站在孩子的角度看世界,細(xì)心觀察兒童的行為特性,通過設(shè)計(jì)告訴小朋友你想傳達(dá)的話,你總能為小朋友們創(chuàng)造一個(gè)新世界。
06 上海血液中心 – 奧特曼聯(lián)動(dòng)招募獻(xiàn)血者
這是上海市血液中心一次獻(xiàn)血活動(dòng)招募的活動(dòng),招募工作是通過詢問之前有過獻(xiàn)血經(jīng)歷的愛心人士,是否愿意再次參與獻(xiàn)血。
這個(gè)活動(dòng)很有意思。有一位獻(xiàn)血者盡之前有斷斷續(xù)續(xù)獻(xiàn)血的經(jīng)歷,但他還是第一次接到血站的電話詢問。他問對(duì)方,為什么會(huì)聯(lián)系自己。
血站的工作人員表示,“血站讓我們給去年參加過奧特曼活動(dòng)的人打電話,覺得你們會(huì)更有意愿再次獻(xiàn)血,在人們需要的時(shí)候站出來。”
我的思考:
人沒有絕對(duì)的無私奉獻(xiàn),也沒有絕對(duì)的冷漠無情。
在人道主義精神互幫互助的理念下,上海血站正義的邀請(qǐng)讓人們獲得了對(duì)獻(xiàn)血的身份認(rèn)同感,讓獻(xiàn)血者真切感受到自身的獻(xiàn)血行為可以拯救他人的生命,自愿加入到無償獻(xiàn)血的行動(dòng)中來。
07 Adobe – Spectrum 色彩體系
Adobe 的Spectrum 色彩體系有三個(gè)主題,分別是淺色(light)、深色(dark)、最深色(darkest)。以往在淺色主題轉(zhuǎn)換至深色主題的時(shí)候,只是簡單的進(jìn)行對(duì)比度翻轉(zhuǎn)。
在多年的實(shí)踐中 Spectrum 的設(shè)計(jì)師們發(fā)現(xiàn),WCAG 對(duì)比度(物體與附近其他物體的亮度差異的數(shù)學(xué)測量)和感知對(duì)比度(物體與其背景之間的亮度差異如何被人眼感知)是不一樣的,意識(shí)到深色主題需要一種更獨(dú)特的方法來實(shí)現(xiàn)顏色的感知。
他們的解決方案是計(jì)算目標(biāo)對(duì)比度(當(dāng)一種顏色由顏色工具生成時(shí),兩種顏色之間所需的對(duì)比度)作為每個(gè)主題可用對(duì)比度的百分比。 意思是,在生成的顏色不會(huì)默認(rèn)為純黑色或純白色,而是通過色值對(duì)比度進(jìn)行百分比轉(zhuǎn)換,匹配人眼感受的模型,生成人可感知的對(duì)比度。
對(duì)于難以區(qū)分某些顏色(“色盲”)的人來說,還可以增加高度飽和的顏色讓他們獲得色調(diào)的感知和區(qū)分能力。
我的思考:
對(duì)于 Adobe 來說,全球龐大體量和多樣化的用戶群,完善企業(yè)級(jí)設(shè)計(jì)系統(tǒng)是一件極其艱難的事情,需要慮各種用戶群視力、色彩和感知的動(dòng)態(tài)平衡,讓色彩更易于被理解、被使用,確保顏色的可訪問性。
色彩是我們感知世界、感知變化的傳感器。交互體驗(yàn)功能與審美的高級(jí)結(jié)合,色彩是交互體驗(yàn)最具有表現(xiàn)力、影響力的組成部分。
通過人們的視覺系統(tǒng)可以激活一系列的心理映射,喚起用戶對(duì)于主題的不同情緒和感受。從淺色模式變?yōu)樯钌J?,通過實(shí)驗(yàn)驗(yàn)證,保證深色模式和普通模式視覺感受的一致性、舒適性和閱讀的易讀性。
其中 Spectrum 在深色模式上對(duì)于規(guī)模性用戶群體的認(rèn)知洞察,發(fā)現(xiàn)可能對(duì)比度的顏色人眼感知和用戶心理預(yù)期發(fā)生背離,這是極為讓我佩服的地方。
寫在最后
交互體驗(yàn)是繁復(fù)、持續(xù)的設(shè)計(jì)過程,在這個(gè)過程中不存在最佳解,只有不斷代入更加多元的情境視角,才能在這條路上不斷探索,不斷前行。
沒有終點(diǎn)的追尋,對(duì)于體驗(yàn)設(shè)計(jì)師來說也許是一種最美妙的狀態(tài)。
參考資料:
[1]數(shù)字效應(yīng)對(duì)消費(fèi)者行為的影響及其心理機(jī)制 – https://journal.psych.ac.cn/xlkxjz/article/2018/1671-3710/1671-3710-26-9-1680.shtml
[2] 鮮活性效應(yīng)是什么意思?- https://www.getit01.com/p20180126827139275/
[3] Reinventing Adobe Spectrum’s colors. – https://adobe.design/stories/design-for-scale/reinventing-adobe-spectrum-s-colors
#專欄作家#
龍國富,公眾號(hào):龍國富,人人都是產(chǎn)品經(jīng)理專欄作家,人因工程碩士。致力于終身學(xué)習(xí)和自我提升,分享用戶研究、客戶體驗(yàn)、服務(wù)科學(xué)等領(lǐng)域資訊,觀點(diǎn)和個(gè)人見解。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)授權(quán),禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
沒有終點(diǎn)的追尋,不僅對(duì)于體驗(yàn)設(shè)計(jì)師來說是一種最美妙的狀態(tài)。對(duì)所有職業(yè)都是
關(guān)注公眾號(hào)“龍國富”, ???♂?進(jìn)入客戶體驗(yàn)交流群~ 來一起嘮嘮客戶體驗(yàn)。