做產品后才知道:大廠是這樣設計“儀式感”的!
如今,用戶對APP的期望和訴求都在變化,與此同時,在用戶體驗方面,用戶的要求也在不斷提高。其中一個重要的設計元素就是“儀式感”,本文總結了相關案例,希望對你有所啟發。
在當今數字化時代,用戶對于APP的期望和訴求點越來越高。與此同時,設計師們也在不斷探索新的方式來提升用戶體驗。其中一個重要的設計元素就是“儀式感”。
今天通過引入騰訊、阿里、谷歌等案例與設計師思維,探討儀式感在APP設計中的作用,以及如何將其應用于實際設計中。
一、簡介
儀式感可以被理解為一種通過特定的行為、視覺元素和交互手法來創造出的獨特體驗。它使用戶感覺到自己參與了一場特殊的儀式,從而增加了產品的吸引力和用戶的黏性。
舉個例子:
在瑞幸點一杯飲品且到店掃碼取餐后,此時會給你彈窗展示一張「日簽」,里面會描述一些激勵語、生活感悟,并附上當日日期,給人一種生活儀式感。
二、特征
因此,儀式感在APP設計中有以下幾個顯著特征:
1. 莊重和慶典感
通過精心設計的過渡動畫、視覺效果和聲音反饋,用戶能夠感受到自己參與了一場特殊的儀式,這增強了用戶與APP之間的情感聯系。
2. 個性化體驗
通過使用智能算法和用戶數據分析,可以根據用戶的個人喜好和使用習慣進行定制,從而為每個用戶提供獨特的體驗,使每個用戶感到被重視和關心。
3. 增強用戶參與度
儀式感的設計能夠吸引用戶的注意力并增強其參與度。通過設置目標、獎勵系統和排行榜等元素,激發用戶的積極性和持續使用欲望。
三、構成公式
儀式感不難掌握,只要理解它的構成邏輯,你就可以更輕松地運用它,并由此挖掘業務上的可設計的“儀式點”。
1. 觸發層
儀式感的起點是特定的觸發事件、背景、節點、起因等等,可以是用戶完成一個任務、達到某個目標,為儀式感提供了基礎和動力。
2. 參與層
儀式感的關鍵在于讓用戶有參與感,使其成為儀式的主體。用戶通過完成任務、點擊按鈕、與其他用戶互動等行為,積極參與儀式過程。
3. 元素層
儀式感的核心是通過儀式元素來增強用戶的參與感和儀式性質。這些儀式元素包括視覺元素(如動畫)、聲音元素(如音效)。
4. 價值層
儀式感不僅僅是一種儀式性體驗,更重要的是給予用戶一種意義和價值。這種意義可以是成就感、滿足感、歸屬感、個性化體驗等,激發他們的情感需求和使用動力。
任何一件具有儀式感的事物,都具備以上4個特征。下面結合一些具體的案例,為你分析一下儀式感的實際案例、以及有哪些切入點:
四、如何應用
在APP設計中應用儀式感可以提升用戶體驗并增加用戶的留存率。以下是一些應用儀式感的方法:
1. 啟動儀式
在APP的啟動頁、新功能、新頁面等首次節點上,設計一個儀式感的歡迎或引導界面,以吸引用戶的注意力并增加期待感。這可以是一個動態的加載頁面、精心設計的歡迎界面、微交互等等。
黃油相機-新年開屏祝福
2023年春節期間,「黃油」APP 直接用啟動頁以【吉祥物+兔年形象】的插圖設計向用戶傳達新年氛圍,讓每次打開APP的用戶都能第一眼感受到濃厚的新年氛圍。
構成公式=過年(觸發)+打開啟動頁(參與)+兔年吉祥物(元素)+讓用戶感受過年氛圍(價值)
Instagram:允許用戶更換啟動圖標
2020年10月6日是Instagram的10周年紀念日,為了紀念這一時刻,該團隊允許用戶自由替換 這十年發展迭代出現過的所有App圖標樣式,并且每個圖標都被很有儀式感地標注了上線時間。
儀式感構成公式=10周年(觸發)+打開APP(參與)+周年圖標(元素)+共慶10周年(價值)
2. 成就感儀式
在用戶完成重要任務、達到里程碑、解鎖特殊內容等成就感上,設計相應的儀式感元素,如動畫、特效、聲音或彈出窗口等。
QQ:輸入“晚安”的中秋氛圍
2021年中秋節左右,在QQ里輸入并發送「晚安」的emoji,會觸發一段很有濃厚的“月滿中秋送月餅”的動畫,濃厚的節日氛圍讓人眼前一亮應時應景。
儀式感構成公式=中秋節(觸發)+發送‘晚安’(參與)+中秋晚安特效(元素)+感受節日氛圍/產品趣味性(價值)。
微信都市:用勛章記錄閱讀成就
用戶在閱讀完一本書后,會根據累積的閱讀時長和分享次數,獲得不同等級的勛章,通過設計豐富多樣的勛章來激勵用戶持續閱讀,并提高用戶的閱讀習慣。
儀式感構成公式=讀書(觸發)+·閱讀時長(參與)+勛章(元素)+成就感(價值)
3. 轉換儀式
當用戶在APP中進行重要頁面、節點的轉換,如從一個頁面/功能到另一個時,設計過渡動畫或過渡界面,以平滑地引導用戶的注意力和體驗流暢性。
籃球大師:用燃燒傳達轉隊效果
在NBA球星里由原本的球隊轉向另一只球隊不是啥稀罕事,而【籃球大師】里當用戶選擇的球星切換到另一支球隊時,就通過【燃燒球衣】的方式傳達了【轉隊】效果,處理得非常巧妙。
儀式感構成公式=切換球隊(觸發)+點擊轉換(參與)+燃燒動效(元素)+歸屬感(價值)
ProCCD:真實的翻頁效果
ProCCD是一款模擬CCD數碼相機的拍攝APP,里面的UI界面、風格不僅完全模擬了CCD卡片機的外觀、質感,就連翻頁交互效果也生動模擬了查看說明書的真實效果,特別就有品牌記憶點。
儀式感構成公式=切換頁面(觸發)+點擊或滑動(參與)+翻頁動效(元素)+個性化體驗(價值)
更多有趣、創意的設計案例,可上:有蛋案例 youdananli.com?近千個行業/大廠里的優秀案例、知識模型
4. 個性化儀式
為用戶提供自定義選項,例如個人資料設置、主題選擇、頭像更改等。設計相應的動畫或交互,使用戶在個性化過程中感受到特別的儀式感,增強他們的歸屬感和個性表達。
moonvy:用老虎機生成頭像
moonvy的頭像生成很有意思,直接用小時候玩的老虎機進行配置:當你搖到什么樣的角色、表情和顏色時,系統就結合這三者生成你的頭像,減去用戶需要自己【思考+上傳】頭像的操作負荷。
儀式感構成公式=設置頭像(觸發)+使用老虎機(參與)+隨機頭像(元素)+個性化體驗(價值)
騰訊視頻:自定義標簽欄圖標
之前騰訊視頻有個「明星裝扮」功能,在個人中心可以選擇「熱播劇、知名IP」的人物、角色,將其設置為「標簽欄」上各個的圖標,給用戶(特別是追星族)帶來驚喜與新鮮感,增加用戶的訪問時長。
儀式感構成公式=明星裝扮功能(觸發)+更換標簽欄icon(參與)+IP造型(元素)+個性化體驗(價值)
5. 慶祝儀式
在特殊節日、用戶生日、APP上線周年紀念等時刻,設計慶祝儀式,例如特別主題、活動、限時特惠等。通過與用戶共同慶祝,增強用戶對APP的忠誠度和情感連接。
QQ音樂:用歌單表達生日祝福
當用戶生日時,「QQ音樂」首頁的6個歌單封面會變成「祝你生日快樂」6個大字,并且每個歌單里都是生日祝福歌曲。通過這種個性化的服務能夠突顯產品的差異化和對用戶的關注,從而提升用戶滿意度和忠誠度。更多行業/大廠案例,可搜索:有蛋案例
儀式感構成公式=用戶生日(觸發)+看到歌單(參與)+歌單封面祝福(元素)+滿足感(價值)
谷歌瀏覽器:國際貓節日的彩蛋
每年的8月8日是【國際貓節日】,在Google搜索【International Cat Day】并點擊結果中的貓爪子,接下來點擊網頁內任何位置都會出現各種花色的貓爪按下腳印,還能聽到貓叫的聲音,非常可愛。
儀式感構成公式=國際貓咪節(觸發)+搜索關鍵詞(參與)+貓咪動效(元素)+個性化體驗/產品趣味性(價值)
6. 社交互動
在用戶之間的點贊、評論、分享、關注等社交互動中,設計儀式感的元素的動畫、提示音效等,增加用戶之間的互動樂趣和認同感。更多行業/大廠案例,可搜索:有蛋案例
馬蜂窩:表達贊同作者的點贊
點贊動效不少APP都做得很酷炫,而馬蜂窩算是最走心的一個,真正意義地闡述了’點贊’的含義:
除了有趣的動效外,還將這些動效往作者的頭像上移動、匯聚,像真的在與作者互動、表達欣賞一樣,更好地表達用戶對作者的欣賞、贊同等情緒。
儀式感構成公式=贊同作者(觸發)+點擊‘點贊’(參與)+贊同特效(元素)+認同感(價值)
抖音:根據評論觸發彩蛋動效
在抖音的評論里發表一些如【學到了】的學習性詞語是,界面上會觸發【漲知識】的動畫彩蛋,用這種情感化動效表達用戶的當下心情。引導用戶發表更多正向的評論,有效提高評論區的討論質量和用戶互動的清晰度。
儀式感構成公式=用戶評論(觸發)+回復關鍵詞(參與)+情緒特效(元素)+滿足感(價值)
7. 關鍵操作
在用戶完成核心、對業務有幫助等重要操作時,設計相應的過渡動畫、音效或界面效果,以增強用戶的滿足感和成就感。
飛書文檔:自動同步點贊到的評論區
在飛書文檔里,當你在工作里對某個文檔內容表示認同、夸贊,進行「點贊」的同時系統會將你的點贊行為同步到評論區里。
這樣就可以清晰、明顯地讓別的同事知道:自己辛苦付出的工作與思考是能有效的,從而側面肯定自己的工作能力或專業素養。更多行業/大廠案例,可搜索:有蛋案例
儀式感構成公式=認同文檔信息(觸發)+點擊’點贊‘(參與)+轉為評論內容(元素)+工作成就感(價值)
淘寶:支付成功后的彩帶儀式
新版本的淘寶App在支付成功后增加了動效提示的彩蛋設計,同時還有按鈕引導用戶進行下一步操作。這個設計旨在提升用戶體驗,并增加驚喜感,使用戶感到像有禮物等待被查收,從而創造一個愉悅的購物體驗。
儀式感構成公式=完成購買(觸發)+支付成功(參與)+彩帶動效(元素)+成就感(價值)
五、注意事項
在應用儀式感的設計過程中,產品和設計師需要注意以下幾點:
- 保持平衡:儀式感應該增強用戶體驗,而不應過于繁瑣或干擾用戶操作。設計師應確保儀式感的應用不會影響到用戶的效率和流暢性。
- 一致性:確保儀式感的設計與整體的用戶界面和品牌風格保持一致。儀式感應該與APP的整體風格和定位相符。
- 數據驗證:在應用儀式感的設計后,進行用戶測試和反饋收集是至關重要的。通過用戶反饋和數據分析,可以了解儀式感元素的效果,并進行必要的優化和調整。
好了,以上就是作者對「儀式感」的一些小思考,不知道有沒有幫助到你。
專欄作家
和出此嚴,微信公眾號:和出此嚴,人人都是產品經理專欄作家。一枚在鵝廠成長中的“90后老干部”,主產各種接地氣的交互/產品干貨。以做產品的方式,寫好每一篇文章。
本文原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自 Unsplash,基于CC0協議。
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
互動+參與感是組成儀式感最重要的
點贊??
更多行業/大廠案例分析,可上:有蛋案例
匯聚了各行各業的產品設計案例,每個案例都有8種維度的精心分析,讓您深入了解創意背后的秘密