用超多案例,幫你掌握產品設計中驚喜感的塑造方法

視覺當鋪 發佈 2020-03-17T21:16:17+00:00

在《互動設計精髓》這本書里,有一個概念叫「產品禮儀」,說明了設計一款「聰明且體貼」的產品所需要的原則,比如關心喜好、預見需求、提供幫助等等。

問題:設計師怎麼樣才能在產品中為用戶塑造「驚喜感」呢?

解答:你覺得,人和人交往的行為模式,能夠被復刻到人和其他事物的交互過程中嗎?

在《互動設計精髓》這本書里,有一個概念叫「產品禮儀」,說明了設計一款「聰明且體貼」的產品所需要的原則,比如關心喜好、預見需求、提供幫助等等。我們對這些產品「品質」的需要恰好驗證了我們內在感性的期待,比如我們想要被尊重、被理解、被關心。而產品中所謂的驚喜設計或許可以說是產品在使用瞬間能夠觸達我們內心的真實需要,給予人性化反饋的一種短暫性愉悅,一個體驗的峰值。

但有時候,我們總是過於執著地解決著一個又一個產品中出現的小問題,想要把產品打造得完美無缺,而我們以為的完美不過只是用戶眼中的應當罷了。填補產品的小洞並不能很好地加深用戶對產品的記憶和好感,就像我們對生活的記憶並不停留在渴了喝水,餓了吃飯一樣。當我們回顧過去,難忘的總是那些與眾不同的、突破生活腳本的時刻。即使只是一個小小的驚喜變量,都會在貧乏的對比中顯示出它的力量。這就是驚喜的意義。

其實不止驚喜,我們的潛意識需求還有很多亟待滿足,這些微妙的無意識情感雖然無形,但只要我們能夠放大體驗的觸角就能夠捕捉到。所以我刻意提出了驚喜設計,了解了大家驚喜的感知瞬間。從這些例子中,我們能夠看到產品的「性格」,但更重要的,是看到我們想要的是什麼?

情感化設計

以情感化設計為起點的案例,有時候能夠填補用戶的體驗缺失感,比如下面這些案例。


於細微處動真情!聊聊產品細節中的情感化設計

編者按:一篇可以讓你會心一笑的好文。今天騰訊的同學總結了那些細節里特別打動人的產品設計,創作者的獨特創意與巧妙匠心都大放異彩,這篇文章中提到的細節都會讓人心頭一亮,你會...

閱讀文章 >>


1. 趣味

谷歌瀏覽器「加載失敗」頁面可以玩遊戲。

每日優鮮「部分通知」會有自己的專屬音樂。

B 站「輸入密碼」時頂部的動畫人物會從睜眼變成捂眼。

B 站「拖拽進度條」,圖標會改變。

2. 聯結

網易雲音樂評論區如果有音樂人發言,根據位置信息會顯示「同城」標籤。

網易雲音樂移動端查看好友主頁會顯示已經「關注幾天」。

樂趣歌曲播放頁會自動「滾動彈幕」,伴隨著音樂節奏,背景也會隨之變化。

3. 共鳴

網易雲音樂直播中如果「收藏主播播放歌曲」,系統會自動提示我們去參與這首歌的故事討論。

Moo 會在「引導頁引用」相關名人說過的有意義的話。

4. 親切

支付寶「底部文案提示」我是有底線的。

高效操作

有的產品會在充值時推薦充值「金額」,其中包含能夠與當前餘額湊整的數字。

QQ 直接「移除消息標籤的紅點」可以清除列表中的所有紅點;空間長按「轉發」圖標可直接一鍵轉發;「長按評論」會自動彈出句子,可以選擇進行快速評論;聊天介面「為收藏的表情包添加備註」,輸入備註可快速呼出該表情包。

QQ 里「長按聊天列表」能夠多窗口預覽。

每日優鮮「下單備註」時可快捷選擇幾種常用標籤,禮貌客氣的表達省去了我們的語言組織時間,並且能讓人自我感覺良好。

有些產品,會記錄上一次登錄的方式,在用戶下次進來時提示。

百度網盤的文件列表右側顯示圓形選框,點擊直接進入「編輯模式 」。

B 站觀看視頻時的「一鍵三連」。

應景設計 / 預測需求

淘寶商品詳情頁下拉會出現歷史瀏覽的控制項,方便用戶快速「查看之前瀏覽過的商品」。

QQ 空間裡,「長按評論」會跳出系統預設的一些回復;「長按轉發」會立即轉發到自己的 QQ 空間。

釘釘聊天介面左滑可以顯示每條消息的具體「發送時間」。

蝦米音樂把「手機橫過來」,樣式會變成磁帶。

知乎回答的「發布時間」默認顯示最後編輯時間,再點擊一下會顯示最初的發布時間。

微信 PC 端登錄以後,手機消息可「設置靜音」,以避免兩邊都收到提醒。

豆瓣改版以後「標記電影」時會推薦標記相關片單的電影。

微信 PC 端截圖可自動「吸取顏色」。

韓劇 TV 看新劇超過 10 分鐘,會自動為我們「加入追劇列表」。

支付寶好友頁面上滑後會出現「找人轉帳」的懸浮按鈕,方便快速選擇好友轉帳;在好友對話介面的輸入框輸入數字會出現「給對方轉帳幾元」的懸浮按鈕;任意頁面截圖後介面右側會出現「求助反饋」的按鈕;系統進入多任務卡片管理介面時會自動「模糊頁面」來保護用戶的隱私。

呼籲性設計

B 站「音量調大後提示」高音量損傷聽力,優酷後來也加了類似提示。是在音量進度條上通過顏色來提示音量對聽力的傷害。

知乎裡面搜索問題後滑動查看超兩屏會出現「向知友提問」功能。

B 站視頻播放頁標籤右邊箭頭圖標配文「更多幾個」,微信訂閱號消息如果有隱藏內容,會用「餘下幾篇」表示。

微博瀏覽關注過的人的動態時,如果停留在一個卡片超過一定秒數會在底部出現「評論功能」。

防錯設計

Keep 商城中「購物車圖標會隱藏」,滑動的時候自動隱藏一半,停留的時候又會出現,防止用戶在瀏覽的過程中誤觸圖標進入購物車頁面。

Keep 在戶外跑步模式「記錄數據」時,結束按鈕需要長按才能生效,避免誤觸,若用戶單擊,還會提示正確的操作方式。

這些產品的功能點是用戶心理感知的訴求延伸出來的,而塑造的原因就是給用戶創造驚喜感。通過感官的享受刺激、打破腳本、幫助決策等設計方式為用戶創造了驚喜的體驗。

以至於,當要為自身產品設計這些「驚喜功能」時,前提必須是熟悉產品業務,與業務形成關聯,才能設計出符合用戶關於該產品感知的功能,觸發用戶的驚喜情緒。

關鍵字: