輸入密碼時貓頭鷹閉上眼,令人會心一笑的「感動設計」

產品中的情感化的細節經常會成為產品與使用者之間情感傳遞的橋樑,這種傳遞情感的細節不僅可以增加使用者對產品的好感度,更可以讓產品更加深入人心,利於產品口碑的傳播,有時候可能僅僅一句文案,一個動畫,一個彩蛋都可以打動使用者,使其與產品產生情感上的共鳴,這便是產品細節中的情感化設計的作用。
評論
評論

本文轉自 ISUX〈 產品細節中的情感設計 〉。

原研哉在他的《設計中的設計》中有介紹過這樣一個案例:日本機場原來是用一個圓圈和一個方塊表示出入的區別,形式簡單並且好用,但設計師佐藤雅彥卻用一個更「溫暖」的方式來重新設計了出入境的印章:入境章是一架向左的飛機,出境章則是個向右的飛機。

產品細節中的情感化設計

透過一次次的蓋章,將這種「溫暖」的情緒傳遞給每一位進關的旅行者們。在他們的視線與印章相交的那一刻,會將這種溫暖轉化為小小的驚喜,而不由自主且充滿善意的『啊哈』一下。一千一萬次的『啊哈』就會伴隨著這一千一萬次對旅行者的善意與好客。這便是產品中的細節與使用者直接情感化傳遞的結果。

一蘭拉麵是在日本非常受歡迎的拉麵店,在顧客吃完面並把湯喝完會看下碗底有這樣幾個字「この一滴が最高喜びです(你最後一口是對我們最大的肯定)」,他們用這種簡單的細節打通了產品與顧客感情的傳遞,顧客在喝完最後一口麵湯是對店主的肯定,並也因為對店主的肯定同時獲得了店主的感謝。

產品中的情感化的細節經常會成為產品與使用者之間情感傳遞的橋樑,這種傳遞情感的細節不僅可以增加使用者對產品的好感度,更可以讓產品更加深入人心,利於產品口碑的傳播,有時候可能僅僅一句文案,一個動畫,一個彩蛋都可以打動使用者,使其與產品產生情感上的共鳴,這便是產品細節中的情感化設計的作用。以下便是情感化設計在網頁或者 app 上的實際運用:

情感化設計可以加強使用者對產品氣質的定位

Timehop

是一款讓你回顧那年今日的 App,它可以幫你把去年今日寫過的 Twitter,Facebook 狀態和拍過 Instagram 照片翻出來,幫你回顧過去的自己。Timehop

為自己的產品塑造了一個藍色小恐龍的吉祥物形象。許多小恐龍貫穿於界面之中,用吉祥物 + 幽默文案的方式來將品牌形象的性格特點和產品氣質傳達出來。使用者在打開 App 時就能感受到小恐龍的存在,閃屏中一個小恐龍坐在地上說了句「Let's time travel」,立馬將使用者從情感上帶入了 App 的主題——時間之旅。 有趣的地方還有很多,類似下圖,在預設情況下是露出一半的恐龍在向你招手,小恐龍邊上是一句不明意義的文案「My mom buys my underwear(我媽媽給我買了我的內衣)」,當你繼續向上拖動時,會發現一隻穿著內褲的恐龍,使用者就會馬上明白上面這句幽默文案的含義。 類似的地方還有下圖,在設置頁面頂部向下拖動會有一隻搖動的小恐龍,在使用者順著他的引導不

斷下拉,拉到頭,會發現這是一個對話的氣泡,藍色的小恐龍說了句「You made

it to the top!(你拉到了最頂端!)」,產品詼諧有趣的氣質便從這些隱秘於界面細節之中的設計傳遞給了使用者。 一個產品能獲得使用者的青睞不僅要有強烈的需求、優秀的體驗,更主要的是讓產品與使用者之間有情感上的交流,有時對細節的巧妙設計將會極大的加強使用者對產品氣質的定位,產品不再是一個由程式組成的冷冰冰的 app,拉近了與使用者的情感距離。

情感化設計幫助使用者化解負面的情緒

情感化設計的目標是讓產品與使用者在情感上產生交流從而產生積極的情緒。這種積極的情緒可以加強使用者對產品的認同感甚至還可以提高使用者對使用產品困難時的容忍能力。註冊登錄是讓使用者很頭疼的流程,它的出現讓使用者不能直接的使用產品,所以在註冊和登錄的過程中很容易造成使用者的流失。巧妙的運用情感化設計可以緩解使用者的負面情緒。 在 Betterment 的註冊流程中,在使用者輸入完出生年月日後會在時間下面顯示下次生日的日期,一個小小的關懷馬上就讓枯燥的註冊流程有了驚喜。 在 Readme 的登錄頁面上,當你輸入密碼時,上面可愛的貓頭鷹會遮住自己的眼睛,在輸入密碼的過程中給使用者傳遞了安全感。讓這個阻擋使用者直接體驗產品的「牆」變得更有關懷感,用「賣萌」的形象來減少使用者在登錄時的負面情緒。 Virgin America 的註冊流程非常的「擬人化」,在你輸入 First name 以後你會收到「Hey There」的打招呼,當你在把 M iddle name 輸入好後會出現「Nice name」的提示,好像有一個人在指示你完成註冊步驟一樣。親切友好的文案相比冷冰冰的話語更能得到使用者的好感與共鳴,人機的對話變得更加情感化。 Basecamp 則運用了一個更擬人的情感化方式在註冊之中,當你在表單中輸入文字是正確的時候,邊上的卡通人物會開心的指著輸入內容,當表單中輸入錯誤時,小人的臉將變成一臉驚訝狀。 註冊和登錄對於一個網路產品來說都是相當繁瑣但又缺失不了的部分,這些流程阻礙的使用者不能直接使用產品。對使用者來說這便是在使用產品時候的「牆」,在這些枯燥的流程中賦予情感化的元素,將大大減少「牆」給使用者帶來的負面情緒,同時加強使用者對產品的認同感,並感受到產品給使用者傳遞的善意與友好。

情感化設計可以幫助產品引導使用者的情緒

在產品的一些流程中,使用一些情感化的表現形式能對使用者的操作提供鼓勵、引導與幫助。用這些情感化設計抓住使用者的注意,誘發那些有意識或者無意識的行為。在 Turntable.fm 中的訂閱模式中有一個滑塊,你付多少錢決定了猴子欣喜若狂的程度。在涉及到金錢的操作中,讓使用者開心一點也許有奇效。 在 Chrome 瀏覽器的 Andr

oid 版中,當你打開了太多的標籤卡,標籤卡圖標上的數字會變成一個笑臉。使用細微的變化友善的對使用者的操作進行引導。 在使用者將要流失前,給予使用者情感化的元素也許能挽留下一部分的使用者。當你想取消訂閱 Spotify 時,Spotify 會在取消訂閱的網頁上為使用者播放 Jackson 5 的「Want you back」。 有趣的文案有時比醒目的視覺元素更具有引導使用者作用,當你在使用 InVision 切換到別的標籤時,標題的標籤會改成「Don't forget to read this…」。 人類是地球上最具情感的動物,人類的行為也常常受到情感的驅動。在界面上融入情感化元素,引導使用者的情緒,使其更有效的引髮使用者那些有意識無意思的行為,這種情感化的引導比單純的使用視覺引導會來的更有效果。

結語

一個優秀的產品應該是有人格魅力且讓人愉悅的,這種讓人愉悅的積極的情緒便是由產品中那些多多少少的情感化細節來表現出的。那些讓使用者「啊哈」的細節,都將會成為積極的情緒所傳遞下去,影響的將可以能千千萬萬使用者的體驗與口碑。



精選熱門好工作

資深UI / UX 設計師(中壢)

雷麒科技有限公司
桃園市.台灣

獎勵 NT$15,000

Account Executive 專案執行〔集團〕

Cheil PengTai Taiwan
臺北市.台灣

獎勵 NT$15,000

資料庫管理人員 (總公司)

明台產物保險股份有限公司
臺北市.台灣

獎勵 NT$15,000