長城上的貓

小編輯:有時候我們想要通過解決產品設計過程中的小問題,使用戶使用舒適驚喜,但是這些在用戶看來可能都只不過是理所當然的標配。那么如何突破這一界限呢?來看看這篇文章,希望對你所有啟發~

 

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

?

解答

你覺得,人和人交往的行為模式,能夠被復刻到人和其他事物的交互過程中嗎?
在《交互設計精髓》這本書里,有一個概念叫「產品禮儀」,說明了設計一款「聰明且體貼」的產品所需要的原則,比如關心喜好、預見需求、提供幫助等等。我們對這些產品「品質」的需要恰好驗證了我們內在感性的期待,比如我們想要被尊重、被理解、被關心。而產品中所謂的驚喜設計或許可以說是產品在使用瞬間能夠觸達我們內心的真實需要,給予人性化反饋的一種短暫性愉悅,一個體驗的峰值。
但有時候,我們總是過于執著地解決著一個又一個產品中出現的小問題,想要把產品打造得完美無缺,而我們以為的完美不過只是用戶眼中的應當罷了。填補產品的小洞并不能很好地加深用戶對產品的記憶和好感,就像我們對生活的記憶并不停留在渴了喝水,餓了吃飯一樣。當我們回顧過去,難忘的總是那些與眾不同的、突破生活腳本的時刻。即使只是一個小小的驚喜變量,都會在貧乏的對比中顯示出它的力量。這就是驚喜的意義。
其實不止驚喜,我們的潛意識需求還有很多亟待滿足,這些微妙的無意識情感雖然無形,但只要我們能夠放大體驗的觸角就能夠捕捉到。所以我刻意提出了驚喜設計,了解了大家驚喜的感知瞬間。從這些例子中,我們能夠看到產品的「性格」,但更重要的,是看到我們想要的是什么?
?

情感化設計

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

趣味

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

?

聯結

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

?

共鳴

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

?

親切

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

交互問答(二):產品設計中的「驚喜感」

 

高效操作

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

交互問答(二):產品設計中的「驚喜感」

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

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

?

應景設計 / 預測需求

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

 

呼吁性設計

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

 

防錯設計

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

交互問答(二):產品設計中的「驚喜感」

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

交互問答(二):產品設計中的「驚喜感」

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

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

當然,設計師是否有足夠的敏感度和理性的自我意識,也是非常重要的一點。

 

原文地址:呆呆U理(公眾號)

作者:呆呆U理

轉載請注明:學UI網 » 產品設計中的「驚喜感」 | 交互問答 002

登錄收藏
 
你可能喜歡的:
iOS13 的設計趨勢及思考分享iOS13 的設計趨勢及思考分享
聽說你們設計稿里的控件總是亂糟糟的?聽說你們設計稿里的控件總是亂糟糟的?
電商活動卡片式設計思考電商活動卡片式設計思考
被你忽略的投影,實用性竟有這么大!被你忽略的投影,實用性竟有這么大!
了解圖標落地,讓前端再愛你一次了解圖標落地,讓前端再愛你一次
看起來很美的數據在騙人看起來很美的數據在騙人
初學者如何快速上手數據可視化設計初學者如何快速上手數據可視化設計
大屏可視化:設計尺寸-高級指南大屏可視化:設計尺寸-高級指南
【經驗】B端后臺產品UI設計小結【經驗】B端后臺產品UI設計小結
「設計思考」做B端的一種思考方式「設計思考」做B端的一種思考方式
?
网球比分雷速