設計平平無亮點?看看大廠這些儀式感設計

資訊頻道 - 設計技 來源:和出此嚴 作者:cdo 2020-10-30

設計平平無亮點???不如看看這些儀式感設計

在我們日常生活中,存在著各種各樣的儀式感:婚慶、過節(jié),升國旗奏國歌,它可以使我們的生活充滿各種趣味性,是人們表達內心最直接的方式。

而在互聯(lián)網產品中,為了使用戶的產品體驗更貼近于真實生活、有情感共鳴,不少產品在儀式感這塊也下不了不少功夫。不管是出于競爭需要,還是日常用戶運營。

所以這次寫下這方面的內容,以便給自己的設計提供更好的切入點和靈感參考,避免毫無頭緒。

Part1:有意思的大廠案例

先來看看一些大廠的、有意思的儀式感設計

網易云音樂:收聽特定的歌曲時,會有右上角會有’LTL’入口。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

點擊會聯(lián)動觸發(fā)手機閃光燈,對歌曲賦予濃濃的演唱氛圍(黑夜中效果更絕,親測~)

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

愛奇藝:中秋國慶期間,點擊視頻時會有“煙花”效果,讓用戶看視頻也能過節(jié)。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

QQ音樂:用戶生日時直接將歌單封面設置成祝福語,一進入應用就能感受到滿滿的祝福。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

財付通:實名首次進入后,以“vip客戶卡”的形式歡迎用戶。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

看了以上例子,相信你對儀式感的作用也有一定的了解,它可以:

除了以上作(廢)用(話)之外,個人覺得最好的一點,就是可以加強設計師的創(chuàng)意表現(xiàn),讓設計方案更加有創(chuàng)新點。

Part2:如何設計儀式感?

看了這么多例子,相信你自己有的判斷。

在筆者個人看來,互聯(lián)網產品的儀式感設計無非由兩部分組成:特定的場景支持+貼近現(xiàn)實的表現(xiàn)。

舉例說明:微信讀書的電子簽名

只有在微信讀書里購買書籍后(場景觸發(fā)),才會模擬現(xiàn)實生活進行簽名(現(xiàn)實表現(xiàn))。

1. 特定的場景支持

任何形式的設計都是需要場景支持的,否則無從談起。
筆者覺得,以下3個切入點足以覆蓋絕大多數場景,幫助挖掘出可設計儀式感的點。

A-時間與日期

時間。一天中某個時間點、時間段,引發(fā)該時刻里對用戶的情緒與感知。可應用的時效性較長,可以用于每天中的某個時刻。

舉例:

下班點打卡 ,釘釘都會對辛勤工作的員工進行暖心慰問,用儀式感來減少工作一天的負面情緒。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

之前企業(yè)微信的啟動頁,針對深夜時間段會進行員工關懷。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

而除了上訴之外,是不是還有更細分的時間維度等著我們去挖掘與設計呢?
像清晨與黃昏、早上/下午/晚上、早茶/下午茶/宵夜/時間點?是不是可以挖掘出更多儀式感場景?

日期?梢允歉鞣N節(jié)日、特定事件日期、天數、季度等等。這種應用的時效性不是很強,只能滿足于特定的日期,一般作為運營事件使用。

如百度搜索‘愚人節(jié)’時,出現(xiàn)的結果會倒轉過來,愚你一下很開心。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

抖音會記錄用戶的使用日期,針對性進行信息提示。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

遇到喜慶或沉痛節(jié)日時,不也得針對其氛圍進行儀式感設計。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

文章開頭的QQ音樂對用戶生日的祝福、愛奇藝國慶期間的煙花點擊效果。

B-特定的行為條件

這個不像前面都是產品/系統(tǒng)主動觸發(fā)儀式感,而是只有 當用戶滿足一定的條件才會觸發(fā)。

是一種較為被動的反饋設計。如操作結果、等級階梯。

操作結果。當用戶執(zhí)行對應的任務后,根據任務的狀態(tài)、屬性等關鍵詞提煉出合適的儀式感。

愛奇藝在直播預約成功后,針對預約成功以“入場券”的形式設計。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

和平精英在吃雞(游戲結束)后,不也有一個舉杯勝利的表現(xiàn)。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

文章開頭的微信讀書也是一個例子,在用戶購買完成后觸發(fā)。

繼續(xù)舉一反三的話,除了操作成功、結束之外,像無法操作、操作失敗、操作中斷等狀態(tài),是不是也可以挖掘出對應的儀式感呢?

等級階梯:當用戶的操作/任務累積到一定的門檻、等級或階梯后,所賦予的一種榮譽、獎勵設計

鼓勵用戶執(zhí)行更多的操作/任務,以獲取更珍貴、稀有的目標。最常見的就是各種勛章、會員、積分設計。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

C-首次與新事物推薦

這種應該是被運用得最廣的方式,常見于首次進入/對新用戶的歡迎、 新功能的介紹、 新內容的推薦。

首次使用的歡迎:如有道精品課,首次進入時以‘入學通知書’的方式歡迎用戶,打造符合產品調性的儀式感。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

再如健康160的歡迎新老用戶回歸。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

還有文章開頭的財付通vip卡歡迎動畫。

新內容的推薦:

如UC瀏覽器,對首次進入的用戶都會引導選擇感興趣的內容類型,以便推送更符合興趣的資訊信息。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

暫時以這些場景舉例說明,其他的你是不是也能舉一反三呢?歡迎底部留言一起討論。

2. 貼近生活的表現(xiàn)

有了相應的場景支持后,具體的儀式感設計才能順利成章。

而儀式感在表現(xiàn)上由2個因素構成:主體與環(huán)境。

A-主體

組成儀式感的核心部分,是傳達感知、引起情緒的重要體現(xiàn)。

而主體的設計,往往模擬現(xiàn)實生活中某事物元素,將其特征點進行圖形化,是最直接的靈感來源。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

B-環(huán)境

雖然主體的設計已完成了儀式感的大部分工作,但是鮮花也需要綠葉的襯托呢。

擁有環(huán)境的襯托,可以讓主體的整體氛圍更上一層樓。文章開頭的網易云音樂就是一個例子。

還有58同城的勛章設計,有環(huán)境光的襯托顯得更加閃亮。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

最后

說了這么多,儀式感的設計更多也只是 在基礎內容/功能上做體驗優(yōu)化,屬于一種“錦上添花”的作用。

應該先滿足基礎內容/功能的“好用易懂”的情況下,再來設計儀式感上的“好看好玩”,不要本末倒置。

還有,不同的儀式感存在著不同的用戶心理,因此需要特別注意該場景下的用戶心理或情緒。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>


歡迎關注作者的微信公眾號:「和出此嚴」

設計平平無亮點???不如看看這些儀式感設計

在我們日常生活中,存在著各種各樣的儀式感:婚慶、過節(jié),升國旗奏國歌,它可以使我們的生活充滿各種趣味性,是人們表達內心最直接的方式。

而在互聯(lián)網產品中,為了使用戶的產品體驗更貼近于真實生活、有情感共鳴,不少產品在儀式感這塊也下不了不少功夫。不管是出于競爭需要,還是日常用戶運營。

所以這次寫下這方面的內容,以便給自己的設計提供更好的切入點和靈感參考,避免毫無頭緒。

Part1:有意思的大廠案例

先來看看一些大廠的、有意思的儀式感設計

網易云音樂:收聽特定的歌曲時,會有右上角會有’LTL’入口。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

點擊會聯(lián)動觸發(fā)手機閃光燈,對歌曲賦予濃濃的演唱氛圍(黑夜中效果更絕,親測~)

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

愛奇藝:中秋國慶期間,點擊視頻時會有“煙花”效果,讓用戶看視頻也能過節(jié)。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

QQ音樂:用戶生日時直接將歌單封面設置成祝福語,一進入應用就能感受到滿滿的祝福。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

財付通:實名首次進入后,以“vip客戶卡”的形式歡迎用戶。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

看了以上例子,相信你對儀式感的作用也有一定的了解,它可以:

除了以上作(廢)用(話)之外,個人覺得最好的一點,就是可以加強設計師的創(chuàng)意表現(xiàn),讓設計方案更加有創(chuàng)新點。

Part2:如何設計儀式感?

看了這么多例子,相信你自己有的判斷。

在筆者個人看來,互聯(lián)網產品的儀式感設計無非由兩部分組成:特定的場景支持+貼近現(xiàn)實的表現(xiàn)。

舉例說明:微信讀書的電子簽名

只有在微信讀書里購買書籍后(場景觸發(fā)),才會模擬現(xiàn)實生活進行簽名(現(xiàn)實表現(xiàn))。

1. 特定的場景支持

任何形式的設計都是需要場景支持的,否則無從談起。
筆者覺得,以下3個切入點足以覆蓋絕大多數場景,幫助挖掘出可設計儀式感的點。

A-時間與日期

時間。一天中某個時間點、時間段,引發(fā)該時刻里對用戶的情緒與感知?蓱玫臅r效性較長,可以用于每天中的某個時刻。

舉例:

下班點打卡 ,釘釘都會對辛勤工作的員工進行暖心慰問,用儀式感來減少工作一天的負面情緒。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

之前企業(yè)微信的啟動頁,針對深夜時間段會進行員工關懷。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

而除了上訴之外,是不是還有更細分的時間維度等著我們去挖掘與設計呢?
像清晨與黃昏、早上/下午/晚上、早茶/下午茶/宵夜/時間點?是不是可以挖掘出更多儀式感場景?

日期。可以是各種節(jié)日、特定事件日期、天數、季度等等。這種應用的時效性不是很強,只能滿足于特定的日期,一般作為運營事件使用。

如百度搜索‘愚人節(jié)’時,出現(xiàn)的結果會倒轉過來,愚你一下很開心。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

抖音會記錄用戶的使用日期,針對性進行信息提示。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

遇到喜慶或沉痛節(jié)日時,不也得針對其氛圍進行儀式感設計

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

文章開頭的QQ音樂對用戶生日的祝福、愛奇藝國慶期間的煙花點擊效果。

B-特定的行為條件

這個不像前面都是產品/系統(tǒng)主動觸發(fā)儀式感,而是只有 當用戶滿足一定的條件才會觸發(fā)。

是一種較為被動的反饋設計。如操作結果、等級階梯。

操作結果。當用戶執(zhí)行對應的任務后,根據任務的狀態(tài)、屬性等關鍵詞提煉出合適的儀式感。

愛奇藝在直播預約成功后,針對預約成功以“入場券”的形式設計。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

和平精英在吃雞(游戲結束)后,不也有一個舉杯勝利的表現(xiàn)。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

文章開頭的微信讀書也是一個例子,在用戶購買完成后觸發(fā)。

繼續(xù)舉一反三的話,除了操作成功、結束之外,像無法操作、操作失敗、操作中斷等狀態(tài),是不是也可以挖掘出對應的儀式感呢?

等級階梯:當用戶的操作/任務累積到一定的門檻、等級或階梯后,所賦予的一種榮譽、獎勵設計

鼓勵用戶執(zhí)行更多的操作/任務,以獲取更珍貴、稀有的目標。最常見的就是各種勛章、會員、積分設計。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

C-首次與新事物推薦

這種應該是被運用得最廣的方式,常見于首次進入/對新用戶的歡迎、 新功能的介紹、 新內容的推薦。

首次使用的歡迎:如有道精品課,首次進入時以‘入學通知書’的方式歡迎用戶,打造符合產品調性的儀式感。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

再如健康160的歡迎新老用戶回歸。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

還有文章開頭的財付通vip卡歡迎動畫。

新內容的推薦:

如UC瀏覽器,對首次進入的用戶都會引導選擇感興趣的內容類型,以便推送更符合興趣的資訊信息。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

暫時以這些場景舉例說明,其他的你是不是也能舉一反三呢?歡迎底部留言一起討論。

2. 貼近生活的表現(xiàn)

有了相應的場景支持后,具體的儀式感設計才能順利成章。

而儀式感在表現(xiàn)上由2個因素構成:主體與環(huán)境。

A-主體

組成儀式感的核心部分,是傳達感知、引起情緒的重要體現(xiàn)。

而主體的設計,往往模擬現(xiàn)實生活中某事物元素,將其特征點進行圖形化,是最直接的靈感來源。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

B-環(huán)境

雖然主體的設計已完成了儀式感的大部分工作,但是鮮花也需要綠葉的襯托呢。

擁有環(huán)境的襯托,可以讓主體的整體氛圍更上一層樓。文章開頭的網易云音樂就是一個例子。

還有58同城的勛章設計,有環(huán)境光的襯托顯得更加閃亮。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>

最后

說了這么多,儀式感的設計更多也只是 在基礎內容/功能上做體驗優(yōu)化,屬于一種“錦上添花”的作用。

應該先滿足基礎內容/功能的“好用易懂”的情況下,再來設計儀式感上的“好看好玩”,不要本末倒置。

還有,不同的儀式感存在著不同的用戶心理,因此需要特別注意該場景下的用戶心理或情緒。

<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>平平無亮點?看看大廠這些儀式感<a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設計</a>


歡迎關注作者的微信公眾號:「和出此嚴」

聲明:站內網友所發(fā)表的所有內容及言論僅代表其本人,并不反映任何網站意見及觀點。

全部評論

暫無相關推薦