2020-10-27 資深UI設(shè)計(jì)者
隨著生活品質(zhì)的提高,我們越來越注重“儀式感”,過年、過節(jié)、生日等,我們都想有一些儀式感來慶祝,設(shè)計(jì)產(chǎn)品也不例外,這些小小的儀式感可以給人帶來好感;本文作者分享了關(guān)于儀式感的設(shè)計(jì),我們一起來看一下。
在我們?nèi)粘I钪?,存在著各種各樣的儀式感:婚慶、過節(jié),升國旗奏國歌,它可以使我們的生活充滿各種趣味性,是人們表達(dá)內(nèi)心最直接的方式。
而在互聯(lián)網(wǎng)產(chǎn)品中,為了使用戶的產(chǎn)品體驗(yàn)更貼近于真實(shí)生活、有情感共鳴,不少產(chǎn)品在儀式感這塊也下不了不少功夫;不管是出于競爭需要,還是日常用戶運(yùn)營。
所以這次寫下這方面的內(nèi)容,以便給自己的設(shè)計(jì)提供更好的切入點(diǎn)和靈感參考,避免毫無頭緒。
先來看看一些大廠的、有意思的儀式感設(shè)計(jì):
網(wǎng)易云音樂:收聽特定的歌曲時(shí),會(huì)有右上角會(huì)有’LTL’入口。
點(diǎn)擊會(huì)聯(lián)動(dòng)觸發(fā)手機(jī)閃光燈,對(duì)歌曲賦予濃濃的演唱氛圍(黑夜中效果更絕,親測~)。
愛奇藝:中秋國慶期間,點(diǎn)擊視頻時(shí)會(huì)有“煙花”效果,讓用戶看視頻也能過節(jié)。
QQ音樂:用戶生日時(shí) 直接將歌單封面設(shè)置成祝福語,一進(jìn)入應(yīng)用就能感受到滿滿的祝福。
財(cái)付通:實(shí)名首次進(jìn)入后,以“vip客戶卡”的形式歡迎用戶。
看了以上例子,相信你對(duì)儀式感的作用也有一定的了解,它可以:
除了以上作(廢)用(話)之外,個(gè)人覺得最好的一點(diǎn),就是可以加強(qiáng)設(shè)計(jì)師的創(chuàng)意表現(xiàn),讓設(shè)計(jì)方案更加有創(chuàng)新點(diǎn)。
看了這么多例子,相信你自己有的判斷;在筆者個(gè)人看來,互聯(lián)網(wǎng)產(chǎn)品的儀式感設(shè)計(jì)無非由兩部分組成:特定的場景支持+貼近現(xiàn)實(shí)的表現(xiàn)。
舉例說明:微信讀書的電子簽名。
只有在微信讀書里購買書籍后(場景觸發(fā)),才會(huì)模擬現(xiàn)實(shí)生活進(jìn)行簽名(現(xiàn)實(shí)表現(xiàn))。
任何形式的設(shè)計(jì)都是需要場景支持的,否則無從談起。
筆者覺得,以下3個(gè)切入點(diǎn)足以覆蓋絕大多數(shù)場景,幫助挖掘出可設(shè)計(jì)儀式感的點(diǎn)。
1)時(shí)間
一天中某個(gè)時(shí)間點(diǎn)、時(shí)間段,引發(fā)該時(shí)刻里對(duì)用戶的情緒與感知;可應(yīng)用的時(shí)效性較長,可以用于每天中的某個(gè)時(shí)刻。
舉例:
下班點(diǎn)打卡,釘釘都會(huì)對(duì)辛勤工作的員工進(jìn)行暖心慰問,用儀式感來減少工作一天的負(fù)面情緒。
之前企業(yè)微信的啟動(dòng)頁,針對(duì)深夜時(shí)間段會(huì)進(jìn)行員工關(guān)懷。
而除了上訴之外,是不是還有更細(xì)分的時(shí)間維度等著我們?nèi)ネ诰蚺c設(shè)計(jì)呢?
像清晨與黃昏、早上/下午/晚上、早茶/下午茶/宵夜/時(shí)間點(diǎn)?是不是可以挖掘出更多儀式感場景?
2)日期
可以是各種節(jié)日、特定事件日期、天數(shù)、季度等等;這種應(yīng)用的時(shí)效性不是很強(qiáng),只能滿足于特定的日期,一般作為運(yùn)營事件使用。
如百度搜索“愚人節(jié)”時(shí),出現(xiàn)的結(jié)果會(huì)倒轉(zhuǎn)過來,愚你一下很開心。
抖音會(huì)記錄用戶的使用日期,針對(duì)性進(jìn)行信息提示。
遇到喜慶或沉痛節(jié)日時(shí),不也得針對(duì)其氛圍進(jìn)行儀式感設(shè)計(jì)。
文章開頭的QQ音樂對(duì)用戶生日的祝福、愛奇藝國慶期間的煙花點(diǎn)擊效果。
這個(gè)不像前面都是產(chǎn)品/系統(tǒng)主動(dòng)觸發(fā)儀式感,而是只有當(dāng)用戶滿足一定的條件才會(huì)觸發(fā)。
是一種較為被動(dòng)的反饋設(shè)計(jì)。如操作結(jié)果、等級(jí)階梯。
1)操作結(jié)果
當(dāng)用戶執(zhí)行對(duì)應(yīng)的任務(wù)后,根據(jù)任務(wù)的狀態(tài)、屬性等關(guān)鍵詞提煉出合適的儀式感。
愛奇藝在直播預(yù)約成功后,針對(duì)預(yù)約成功以“入場券”的形式設(shè)計(jì)。
和平精英在吃雞(游戲結(jié)束)后,不也有一個(gè)舉杯勝利的表現(xiàn)。
文章開頭的微信讀書也是一個(gè)例子,在用戶購買完成后觸發(fā)。
繼續(xù)舉一反三的話,除了操作成功、結(jié)束之外,像無法操作、操作失敗、操作中斷等狀態(tài),是不是也可以挖掘出對(duì)應(yīng)的儀式感呢?
2)等級(jí)階梯:
當(dāng)用戶的操作/任務(wù)累積到一定的門檻、等級(jí)或階梯后,所賦予的一種榮譽(yù)、獎(jiǎng)勵(lì)設(shè)計(jì)。
鼓勵(lì)用戶執(zhí)行更多的操作/任務(wù),以獲取更珍貴、稀有的目標(biāo)。最常見的就是各種勛章、會(huì)員、積分設(shè)計(jì)。
這種應(yīng)該是被運(yùn)用得最廣的方式,常見于首次進(jìn)入/對(duì)新用戶的歡迎、新功能的介紹、新內(nèi)容的推薦。
1)首次使用的歡迎:
如有道精品課,首次進(jìn)入時(shí)以“入學(xué)通知書”的方式歡迎用戶,打造符合產(chǎn)品調(diào)性的儀式感。
再如健康160的歡迎新老用戶回歸。
還有文章開頭的財(cái)付通vip卡歡迎動(dòng)畫。
2)新內(nèi)容的推薦:
如UC瀏覽器,對(duì)首次進(jìn)入的用戶都會(huì)引導(dǎo)選擇感興趣的內(nèi)容類型,以便推送更符合興趣的資訊信息。
暫時(shí)以這些場景舉例說明,其他的你是不是也能舉一反三呢?歡迎底部留言一起討論。
有了相應(yīng)的場景支持后,具體的儀式感設(shè)計(jì)才能順利成章。
而儀式感在表現(xiàn)上由2個(gè)因素構(gòu)成:主體與環(huán)境。
組成儀式感的核心部分,是傳達(dá)感知、引起情緒的重要體現(xiàn)。
而主體的設(shè)計(jì),往往模擬現(xiàn)實(shí)生活中某事物元素,將其特征點(diǎn)進(jìn)行圖形化,是最直接的靈感來源。
雖然主體的設(shè)計(jì)已完成了儀式感的大部分工作,但是鮮花也需要綠葉的襯托呢。
擁有環(huán)境的襯托,可以讓主體的整體氛圍更上一層樓,文章開頭的網(wǎng)易云音樂就是一個(gè)例子。
還有58同城的勛章設(shè)計(jì),有環(huán)境光的襯托顯得更加閃亮。
說了這么多,儀式感的設(shè)計(jì)更多也只是 在基礎(chǔ)內(nèi)容/功能上做體驗(yàn)優(yōu)化,屬于一種“錦上添花”的作用。
應(yīng)該先滿足基礎(chǔ)內(nèi)容/功能的“好用易懂”的情況下,再來設(shè)計(jì)儀式感上的“好看好玩”,不要本末倒置。
???還有,???不同的儀式感存在著不同的用戶心理,因此需要特別注意該場景下的用戶心理或情緒。
文章來源:人人都是產(chǎn)品經(jīng)理 作者:和出此嚴(yán)
藍(lán)藍(lán)設(shè)計(jì)( m.820esy.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://m.820esy.cn