做產(chǎn)品后才知道:大廠是這樣設(shè)計(jì)“儀式感”的!

3 評(píng)論 10205 瀏覽 69 收藏 18 分鐘

如今,用戶對(duì)APP的期望和訴求都在變化,與此同時(shí),在用戶體驗(yàn)方面,用戶的要求也在不斷提高。其中一個(gè)重要的設(shè)計(jì)元素就是“儀式感”,本文總結(jié)了相關(guān)案例,希望對(duì)你有所啟發(fā)。

在當(dāng)今數(shù)字化時(shí)代,用戶對(duì)于APP的期望和訴求點(diǎn)越來(lái)越高。與此同時(shí),設(shè)計(jì)師們也在不斷探索新的方式來(lái)提升用戶體驗(yàn)。其中一個(gè)重要的設(shè)計(jì)元素就是“儀式感”。

今天通過(guò)引入騰訊、阿里、谷歌等案例與設(shè)計(jì)師思維,探討儀式感在APP設(shè)計(jì)中的作用,以及如何將其應(yīng)用于實(shí)際設(shè)計(jì)中。

一、簡(jiǎn)介

儀式感可以被理解為一種通過(guò)特定的行為、視覺(jué)元素和交互手法來(lái)創(chuàng)造出的獨(dú)特體驗(yàn)。它使用戶感覺(jué)到自己參與了一場(chǎng)特殊的儀式,從而增加了產(chǎn)品的吸引力和用戶的黏性。

舉個(gè)例子:

在瑞幸點(diǎn)一杯飲品且到店掃碼取餐后,此時(shí)會(huì)給你彈窗展示一張「日簽」,里面會(huì)描述一些激勵(lì)語(yǔ)、生活感悟,并附上當(dāng)日日期,給人一種生活儀式感。

二、特征

因此,儀式感在APP設(shè)計(jì)中有以下幾個(gè)顯著特征:

1. 莊重和慶典感

通過(guò)精心設(shè)計(jì)的過(guò)渡動(dòng)畫、視覺(jué)效果和聲音反饋,用戶能夠感受到自己參與了一場(chǎng)特殊的儀式,這增強(qiáng)了用戶與APP之間的情感聯(lián)系。

2. 個(gè)性化體驗(yàn)

通過(guò)使用智能算法和用戶數(shù)據(jù)分析,可以根據(jù)用戶的個(gè)人喜好和使用習(xí)慣進(jìn)行定制,從而為每個(gè)用戶提供獨(dú)特的體驗(yàn),使每個(gè)用戶感到被重視和關(guān)心。

3. 增強(qiáng)用戶參與度

儀式感的設(shè)計(jì)能夠吸引用戶的注意力并增強(qiáng)其參與度。通過(guò)設(shè)置目標(biāo)、獎(jiǎng)勵(lì)系統(tǒng)和排行榜等元素,激發(fā)用戶的積極性和持續(xù)使用欲望。

三、構(gòu)成公式

儀式感不難掌握,只要理解它的構(gòu)成邏輯,你就可以更輕松地運(yùn)用它,并由此挖掘業(yè)務(wù)上的可設(shè)計(jì)的“儀式點(diǎn)”。

1. 觸發(fā)層

儀式感的起點(diǎn)是特定的觸發(fā)事件、背景、節(jié)點(diǎn)、起因等等,可以是用戶完成一個(gè)任務(wù)、達(dá)到某個(gè)目標(biāo),為儀式感提供了基礎(chǔ)和動(dòng)力。

2. 參與層

儀式感的關(guān)鍵在于讓用戶有參與感,使其成為儀式的主體。用戶通過(guò)完成任務(wù)、點(diǎn)擊按鈕、與其他用戶互動(dòng)等行為,積極參與儀式過(guò)程。

3. 元素層

儀式感的核心是通過(guò)儀式元素來(lái)增強(qiáng)用戶的參與感和儀式性質(zhì)。這些儀式元素包括視覺(jué)元素(如動(dòng)畫)、聲音元素(如音效)。

4. 價(jià)值層

儀式感不僅僅是一種儀式性體驗(yàn),更重要的是給予用戶一種意義和價(jià)值。這種意義可以是成就感、滿足感、歸屬感、個(gè)性化體驗(yàn)等,激發(fā)他們的情感需求和使用動(dòng)力。

任何一件具有儀式感的事物,都具備以上4個(gè)特征。下面結(jié)合一些具體的案例,為你分析一下儀式感的實(shí)際案例、以及有哪些切入點(diǎn):

四、如何應(yīng)用

在APP設(shè)計(jì)中應(yīng)用儀式感可以提升用戶體驗(yàn)并增加用戶的留存率。以下是一些應(yīng)用儀式感的方法:

1. 啟動(dòng)儀式

在APP的啟動(dòng)頁(yè)、新功能、新頁(yè)面等首次節(jié)點(diǎn)上,設(shè)計(jì)一個(gè)儀式感的歡迎或引導(dǎo)界面,以吸引用戶的注意力并增加期待感。這可以是一個(gè)動(dòng)態(tài)的加載頁(yè)面、精心設(shè)計(jì)的歡迎界面、微交互等等。

黃油相機(jī)-新年開屏祝福

2023年春節(jié)期間,「黃油」APP 直接用啟動(dòng)頁(yè)以【吉祥物+兔年形象】的插圖設(shè)計(jì)向用戶傳達(dá)新年氛圍,讓每次打開APP的用戶都能第一眼感受到濃厚的新年氛圍。

構(gòu)成公式=過(guò)年(觸發(fā))+打開啟動(dòng)頁(yè)(參與)+兔年吉祥物(元素)+讓用戶感受過(guò)年氛圍(價(jià)值)

Instagram:允許用戶更換啟動(dòng)圖標(biāo)

2020年10月6日是Instagram的10周年紀(jì)念日,為了紀(jì)念這一時(shí)刻,該團(tuán)隊(duì)允許用戶自由替換 這十年發(fā)展迭代出現(xiàn)過(guò)的所有App圖標(biāo)樣式,并且每個(gè)圖標(biāo)都被很有儀式感地標(biāo)注了上線時(shí)間。

儀式感構(gòu)成公式=10周年(觸發(fā))+打開APP(參與)+周年圖標(biāo)(元素)+共慶10周年(價(jià)值)

2. 成就感儀式

在用戶完成重要任務(wù)、達(dá)到里程碑、解鎖特殊內(nèi)容等成就感上,設(shè)計(jì)相應(yīng)的儀式感元素,如動(dòng)畫、特效、聲音或彈出窗口等。

QQ:輸入“晚安”的中秋氛圍

2021年中秋節(jié)左右,在QQ里輸入并發(fā)送「晚安」的emoji,會(huì)觸發(fā)一段很有濃厚的“月滿中秋送月餅”的動(dòng)畫,濃厚的節(jié)日氛圍讓人眼前一亮應(yīng)時(shí)應(yīng)景。

儀式感構(gòu)成公式=中秋節(jié)(觸發(fā))+發(fā)送‘晚安’(參與)+中秋晚安特效(元素)+感受節(jié)日氛圍/產(chǎn)品趣味性(價(jià)值)。

微信都市:用勛章記錄閱讀成就

用戶在閱讀完一本書后,會(huì)根據(jù)累積的閱讀時(shí)長(zhǎng)和分享次數(shù),獲得不同等級(jí)的勛章,通過(guò)設(shè)計(jì)豐富多樣的勛章來(lái)激勵(lì)用戶持續(xù)閱讀,并提高用戶的閱讀習(xí)慣。

儀式感構(gòu)成公式=讀書(觸發(fā))+·閱讀時(shí)長(zhǎng)(參與)+勛章(元素)+成就感(價(jià)值)

3. 轉(zhuǎn)換儀式

當(dāng)用戶在APP中進(jìn)行重要頁(yè)面、節(jié)點(diǎn)的轉(zhuǎn)換,如從一個(gè)頁(yè)面/功能到另一個(gè)時(shí),設(shè)計(jì)過(guò)渡動(dòng)畫或過(guò)渡界面,以平滑地引導(dǎo)用戶的注意力和體驗(yàn)流暢性。

籃球大師:用燃燒傳達(dá)轉(zhuǎn)隊(duì)效果

在NBA球星里由原本的球隊(duì)轉(zhuǎn)向另一只球隊(duì)不是啥稀罕事,而【籃球大師】里當(dāng)用戶選擇的球星切換到另一支球隊(duì)時(shí),就通過(guò)【燃燒球衣】的方式傳達(dá)了【轉(zhuǎn)隊(duì)】效果,處理得非常巧妙。

儀式感構(gòu)成公式=切換球隊(duì)(觸發(fā))+點(diǎn)擊轉(zhuǎn)換(參與)+燃燒動(dòng)效(元素)+歸屬感(價(jià)值)

ProCCD:真實(shí)的翻頁(yè)效果

ProCCD是一款模擬CCD數(shù)碼相機(jī)的拍攝APP,里面的UI界面、風(fēng)格不僅完全模擬了CCD卡片機(jī)的外觀、質(zhì)感,就連翻頁(yè)交互效果也生動(dòng)模擬了查看說(shuō)明書的真實(shí)效果,特別就有品牌記憶點(diǎn)。

儀式感構(gòu)成公式=切換頁(yè)面(觸發(fā))+點(diǎn)擊或滑動(dòng)(參與)+翻頁(yè)動(dòng)效(元素)+個(gè)性化體驗(yàn)(價(jià)值)

更多有趣、創(chuàng)意的設(shè)計(jì)案例,可上:有蛋案例 youdananli.com?近千個(gè)行業(yè)/大廠里的優(yōu)秀案例、知識(shí)模型

4. 個(gè)性化儀式

為用戶提供自定義選項(xiàng),例如個(gè)人資料設(shè)置、主題選擇、頭像更改等。設(shè)計(jì)相應(yīng)的動(dòng)畫或交互,使用戶在個(gè)性化過(guò)程中感受到特別的儀式感,增強(qiáng)他們的歸屬感和個(gè)性表達(dá)。

moonvy:用老虎機(jī)生成頭像

moonvy的頭像生成很有意思,直接用小時(shí)候玩的老虎機(jī)進(jìn)行配置:當(dāng)你搖到什么樣的角色、表情和顏色時(shí),系統(tǒng)就結(jié)合這三者生成你的頭像,減去用戶需要自己【思考+上傳】頭像的操作負(fù)荷。

儀式感構(gòu)成公式=設(shè)置頭像(觸發(fā))+使用老虎機(jī)(參與)+隨機(jī)頭像(元素)+個(gè)性化體驗(yàn)(價(jià)值)

騰訊視頻:自定義標(biāo)簽欄圖標(biāo)

之前騰訊視頻有個(gè)「明星裝扮」功能,在個(gè)人中心可以選擇「熱播劇、知名IP」的人物、角色,將其設(shè)置為「標(biāo)簽欄」上各個(gè)的圖標(biāo),給用戶(特別是追星族)帶來(lái)驚喜與新鮮感,增加用戶的訪問(wèn)時(shí)長(zhǎng)。

儀式感構(gòu)成公式=明星裝扮功能(觸發(fā))+更換標(biāo)簽欄icon(參與)+IP造型(元素)+個(gè)性化體驗(yàn)(價(jià)值)

5. 慶祝儀式

在特殊節(jié)日、用戶生日、APP上線周年紀(jì)念等時(shí)刻,設(shè)計(jì)慶祝儀式,例如特別主題、活動(dòng)、限時(shí)特惠等。通過(guò)與用戶共同慶祝,增強(qiáng)用戶對(duì)APP的忠誠(chéng)度和情感連接。

QQ音樂(lè):用歌單表達(dá)生日祝福

當(dāng)用戶生日時(shí),「QQ音樂(lè)」首頁(yè)的6個(gè)歌單封面會(huì)變成「祝你生日快樂(lè)」6個(gè)大字,并且每個(gè)歌單里都是生日祝福歌曲。通過(guò)這種個(gè)性化的服務(wù)能夠突顯產(chǎn)品的差異化和對(duì)用戶的關(guān)注,從而提升用戶滿意度和忠誠(chéng)度。更多行業(yè)/大廠案例,可搜索:有蛋案例

儀式感構(gòu)成公式=用戶生日(觸發(fā))+看到歌單(參與)+歌單封面祝福(元素)+滿足感(價(jià)值)

谷歌瀏覽器:國(guó)際貓節(jié)日的彩蛋

每年的8月8日是【國(guó)際貓節(jié)日】,在Google搜索【International Cat Day】并點(diǎn)擊結(jié)果中的貓爪子,接下來(lái)點(diǎn)擊網(wǎng)頁(yè)內(nèi)任何位置都會(huì)出現(xiàn)各種花色的貓爪按下腳印,還能聽到貓叫的聲音,非??蓯?ài)。

儀式感構(gòu)成公式=國(guó)際貓咪節(jié)(觸發(fā))+搜索關(guān)鍵詞(參與)+貓咪動(dòng)效(元素)+個(gè)性化體驗(yàn)/產(chǎn)品趣味性(價(jià)值)

6. 社交互動(dòng)

在用戶之間的點(diǎn)贊、評(píng)論、分享、關(guān)注等社交互動(dòng)中,設(shè)計(jì)儀式感的元素的動(dòng)畫、提示音效等,增加用戶之間的互動(dòng)樂(lè)趣和認(rèn)同感。更多行業(yè)/大廠案例,可搜索:有蛋案例

馬蜂窩:表達(dá)贊同作者的點(diǎn)贊

點(diǎn)贊動(dòng)效不少APP都做得很酷炫,而馬蜂窩算是最走心的一個(gè),真正意義地闡述了’點(diǎn)贊’的含義:

除了有趣的動(dòng)效外,還將這些動(dòng)效往作者的頭像上移動(dòng)、匯聚,像真的在與作者互動(dòng)、表達(dá)欣賞一樣,更好地表達(dá)用戶對(duì)作者的欣賞、贊同等情緒。

儀式感構(gòu)成公式=贊同作者(觸發(fā))+點(diǎn)擊‘點(diǎn)贊’(參與)+贊同特效(元素)+認(rèn)同感(價(jià)值)

抖音:根據(jù)評(píng)論觸發(fā)彩蛋動(dòng)效

在抖音的評(píng)論里發(fā)表一些如【學(xué)到了】的學(xué)習(xí)性詞語(yǔ)是,界面上會(huì)觸發(fā)【漲知識(shí)】的動(dòng)畫彩蛋,用這種情感化動(dòng)效表達(dá)用戶的當(dāng)下心情。引導(dǎo)用戶發(fā)表更多正向的評(píng)論,有效提高評(píng)論區(qū)的討論質(zhì)量和用戶互動(dòng)的清晰度。

儀式感構(gòu)成公式=用戶評(píng)論(觸發(fā))+回復(fù)關(guān)鍵詞(參與)+情緒特效(元素)+滿足感(價(jià)值)

7. 關(guān)鍵操作

在用戶完成核心、對(duì)業(yè)務(wù)有幫助等重要操作時(shí),設(shè)計(jì)相應(yīng)的過(guò)渡動(dòng)畫、音效或界面效果,以增強(qiáng)用戶的滿足感和成就感。

飛書文檔:自動(dòng)同步點(diǎn)贊到的評(píng)論區(qū)

在飛書文檔里,當(dāng)你在工作里對(duì)某個(gè)文檔內(nèi)容表示認(rèn)同、夸贊,進(jìn)行「點(diǎn)贊」的同時(shí)系統(tǒng)會(huì)將你的點(diǎn)贊行為同步到評(píng)論區(qū)里。

這樣就可以清晰、明顯地讓別的同事知道:自己辛苦付出的工作與思考是能有效的,從而側(cè)面肯定自己的工作能力或?qū)I(yè)素養(yǎng)。更多行業(yè)/大廠案例,可搜索:有蛋案例

儀式感構(gòu)成公式=認(rèn)同文檔信息(觸發(fā))+點(diǎn)擊’點(diǎn)贊‘(參與)+轉(zhuǎn)為評(píng)論內(nèi)容(元素)+工作成就感(價(jià)值)

淘寶:支付成功后的彩帶儀式

新版本的淘寶App在支付成功后增加了動(dòng)效提示的彩蛋設(shè)計(jì),同時(shí)還有按鈕引導(dǎo)用戶進(jìn)行下一步操作。這個(gè)設(shè)計(jì)旨在提升用戶體驗(yàn),并增加驚喜感,使用戶感到像有禮物等待被查收,從而創(chuàng)造一個(gè)愉悅的購(gòu)物體驗(yàn)。

儀式感構(gòu)成公式=完成購(gòu)買(觸發(fā))+支付成功(參與)+彩帶動(dòng)效(元素)+成就感(價(jià)值)

五、注意事項(xiàng)

在應(yīng)用儀式感的設(shè)計(jì)過(guò)程中,產(chǎn)品和設(shè)計(jì)師需要注意以下幾點(diǎn):

  • 保持平衡:儀式感應(yīng)該增強(qiáng)用戶體驗(yàn),而不應(yīng)過(guò)于繁瑣或干擾用戶操作。設(shè)計(jì)師應(yīng)確保儀式感的應(yīng)用不會(huì)影響到用戶的效率和流暢性。
  • 一致性:確保儀式感的設(shè)計(jì)與整體的用戶界面和品牌風(fēng)格保持一致。儀式感應(yīng)該與APP的整體風(fēng)格和定位相符。
  • 數(shù)據(jù)驗(yàn)證:在應(yīng)用儀式感的設(shè)計(jì)后,進(jìn)行用戶測(cè)試和反饋收集是至關(guān)重要的。通過(guò)用戶反饋和數(shù)據(jù)分析,可以了解儀式感元素的效果,并進(jìn)行必要的優(yōu)化和調(diào)整。

好了,以上就是作者對(duì)「儀式感」的一些小思考,不知道有沒(méi)有幫助到你。

專欄作家

和出此嚴(yán),微信公眾號(hào):和出此嚴(yán),人人都是產(chǎn)品經(jīng)理專欄作家。一枚在鵝廠成長(zhǎng)中的“90后老干部”,主產(chǎn)各種接地氣的交互/產(chǎn)品干貨。以做產(chǎn)品的方式,寫好每一篇文章。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash,基于CC0協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 互動(dòng)+參與感是組成儀式感最重要的

    來(lái)自浙江 回復(fù)
  2. 點(diǎn)贊??

    來(lái)自四川 回復(fù)
  3. 更多行業(yè)/大廠案例分析,可上:有蛋案例
    匯聚了各行各業(yè)的產(chǎn)品設(shè)計(jì)案例,每個(gè)案例都有8種維度的精心分析,讓您深入了解創(chuàng)意背后的秘密

    來(lái)自廣東 回復(fù)