那些令人愉悅的設(shè)計(jì),都存在怎樣的風(fēng)險(xiǎn)?

1 評(píng)論 5900 瀏覽 12 收藏 10 分鐘

哪些讓你感到快樂(lè)的事情,往往到最后會(huì)給你帶來(lái)諸多麻煩。

令人愉悅的設(shè)計(jì)是如何給你帶來(lái)麻煩的

如果讓你思考哪些東西可以給你帶來(lái)愉悅感,你可能會(huì)聯(lián)想到那些從內(nèi)到外都讓你感到溫暖和舒適的東西。比如,毛絨玩具、蛋糕、或者是一個(gè)擁抱。

但是你有沒(méi)有想過(guò),那些令人愉悅的事情都有消極的方面。比如,一個(gè)愚蠢的玩笑很可能會(huì)惹你生氣;一個(gè)有針對(duì)性地廣告可能會(huì)誤導(dǎo)你;一個(gè)可愛(ài)的聲音效果可能會(huì)把你逼瘋。

在設(shè)計(jì)圈內(nèi),我們常常夸獎(jiǎng)那些令人愉悅的設(shè)計(jì)方案。但不久你就會(huì)看到,那些令人愉悅的細(xì)節(jié)可能會(huì)給你帶來(lái)很多麻煩。

令人愉悅的設(shè)計(jì)擋道了!

如果你稍不注意,令用戶愉悅的設(shè)計(jì)細(xì)節(jié)可能會(huì)降低產(chǎn)品的可用性。

Morimoto是以日本著名的廚師Morimoto來(lái)命名的,它是一個(gè)典型的用戶愉悅感高于網(wǎng)站可用性的例子。它們的桌面網(wǎng)站已經(jīng)盡可能使用戶感到很愉悅,但是結(jié)果卻導(dǎo)致了網(wǎng)站特別不好用。比如:

  • 網(wǎng)站的按鈕斜向左(右)45度放置,使得這些按鈕很難點(diǎn)擊。
  • 圖片隨著鼠標(biāo)運(yùn)動(dòng)的方向旋轉(zhuǎn),分散了用戶的注意力。
  • 網(wǎng)站的背景音樂(lè)自動(dòng)播放,根本沒(méi)有考慮用戶是否喜歡。
  • 網(wǎng)站的導(dǎo)航采用了淡入淡出的動(dòng)畫(huà)效果,使得一次點(diǎn)擊之后要等待5秒鐘才能點(diǎn)擊下一次。

Morimoto的網(wǎng)站

令人愉悅的設(shè)計(jì)給你一個(gè)機(jī)會(huì)去表達(dá)品牌的聲音,這些設(shè)計(jì)給了你的產(chǎn)品生命。

但是如果你稍不注意,這些設(shè)計(jì)就擋道了。就像Morimoto的網(wǎng)站,太多令人愉悅的細(xì)節(jié)的堆放很煩人,而且這些設(shè)計(jì)細(xì)節(jié)降低了用戶做自己想做的事情的效率。

愉悅感也有保質(zhì)期

為了創(chuàng)造愉悅感,你需要不停地創(chuàng)造驚喜。當(dāng)你為了讓用戶開(kāi)心做了一些奇特的、超出用戶預(yù)期的事情時(shí),用戶才會(huì)產(chǎn)生愉悅感。

我仍然記得我第一次打開(kāi)我的android手機(jī)看到如下圖所示的啟動(dòng)畫(huà)面時(shí)的情景:

android手機(jī)開(kāi)機(jī)動(dòng)畫(huà)

當(dāng)我看到這些圓圈神奇地變成Android標(biāo)志的時(shí)候,我都驚呆了。我覺(jué)得這是有史以來(lái)我見(jiàn)過(guò)的最炫酷的加載動(dòng)畫(huà)。

用了一段時(shí)間的Android手機(jī)后,看了一遍又一遍這個(gè)動(dòng)畫(huà)效果,我就沒(méi)有第一次時(shí)的那種愉悅感了,而且,我也不覺(jué)得它有絲毫的驚喜了。

隨著時(shí)間的消逝,令人愉悅的設(shè)計(jì)細(xì)節(jié)也會(huì)風(fēng)化的。愉悅感是否保質(zhì)期的,即使是很用心的設(shè)計(jì)細(xì)節(jié),用戶看過(guò)幾次之后,也就沒(méi)什么感覺(jué)了。為了保持用戶長(zhǎng)久的新鮮感,你可能需要長(zhǎng)期地修改設(shè)計(jì)細(xì)節(jié)。

愉悅感是一種主觀感受

有沒(méi)有曾告訴設(shè)計(jì)要盡量好玩有趣?但這個(gè)一個(gè)錯(cuò)誤的觀點(diǎn)。當(dāng)你盡力想要在一個(gè)糟糕的場(chǎng)景下制造點(diǎn)樂(lè)趣時(shí),別人可能正在絕望地只想要完成自己的任務(wù)。這個(gè)時(shí)候的樂(lè)趣在別人看來(lái)就帶有一種冷漠和侮辱的感覺(jué)。

而且,愉悅感對(duì)不同的人是不同的。一個(gè)人感到很愉悅,另一個(gè)人可能覺(jué)得很糟糕。根本不存在所謂的通用的愉悅感。

愉悅?糟糕?

當(dāng)你想要讓別人感到愉悅時(shí),也許你是出于一片好心,但是你永遠(yuǎn)不知道你什么時(shí)候會(huì)惹惱別人。

愉悅感無(wú)法衡量

隨著你的用戶量的增大,讓用戶愉悅這件事會(huì)變得越來(lái)越難。如果你只是一個(gè)小品牌,你還可以在你的產(chǎn)品里嘗試使用風(fēng)趣的表達(dá)方式。 但隨著你的用戶越來(lái)越多樣化、越來(lái)越國(guó)際化,讓每個(gè)人都覺(jué)得很愉悅這件事會(huì)變得特別難。

通過(guò)比較大品牌(左邊)和小品牌(右邊)使用的語(yǔ)言表達(dá)方式就能看出這一點(diǎn):

Microsoft Teams vs. Slack

Google Docs vs. Quip

Eventbrite vs. Splash

有沒(méi)有發(fā)現(xiàn)一個(gè)趨勢(shì)?一般來(lái)說(shuō),大型國(guó)際品牌往往傾向于使用更直接、更傳統(tǒng)的語(yǔ)言表達(dá)方式,因?yàn)檫@樣對(duì)他們來(lái)說(shuō)最安全。直接的表達(dá)方式更容易本土化,而且讓人覺(jué)得很親近。

相對(duì)而言,右邊圖片里使用的語(yǔ)言表達(dá)方式對(duì)我而言更加有趣,但更像是對(duì)某個(gè)特殊的人群說(shuō)的,而不是所有人。如果你不是這個(gè)特殊人群的一員,你可能不會(huì)覺(jué)得這種語(yǔ)言表達(dá)方式讓人感到愉悅。

什么時(shí)候適合做愉悅的產(chǎn)品設(shè)計(jì)呢?

到目前為止,你應(yīng)該已經(jīng)知道了一些令用戶愉悅的設(shè)計(jì)細(xì)節(jié)給你帶來(lái)了一些麻煩。設(shè)計(jì)令人愉悅的產(chǎn)品細(xì)節(jié)是有風(fēng)險(xiǎn)的,但是這并不代表你可以完全拋棄它。最難的部分應(yīng)該就是明白什么時(shí)候可以展現(xiàn)令用戶愉悅的一面。

根據(jù)我的經(jīng)驗(yàn),以下是一些用戶不會(huì)經(jīng)常注意到的地方,在這些地方增加令用戶愉悅的設(shè)計(jì)細(xì)節(jié)是相對(duì)安全的。比如:

  • 用戶首次啟動(dòng)app時(shí)
  • 當(dāng)用戶注冊(cè)完賬號(hào)時(shí)
  • 當(dāng)介紹新功能時(shí)
  • 當(dāng)用戶第一次完成一個(gè)重要的行為時(shí)
  • 空狀態(tài)時(shí)

這些都是只在用戶眼前出現(xiàn)一次的場(chǎng)景,在這些場(chǎng)景里設(shè)計(jì)令用戶愉悅的產(chǎn)品細(xì)節(jié)不會(huì)讓用戶覺(jué)得厭倦。

這也是為什么你會(huì)經(jīng)常在新員工培訓(xùn)時(shí)看到愉悅的圖片的原因。下圖是谷歌網(wǎng)站第一次訪問(wèn)時(shí)的例子。谷歌大多數(shù)的UI都是非常傳統(tǒng)、非常直接的,但是在一次性的新員工培訓(xùn)中,新員工會(huì)很驚訝地看到這些可愛(ài)的插圖,看到谷歌令人愉悅的一面。因?yàn)槟阒粫?huì)經(jīng)歷一次新員工培訓(xùn),你只看一次,你也就覺(jué)得很愉悅了。

說(shuō)實(shí)話,我一直在想這個(gè)問(wèn)題(什么時(shí)候適合做愉悅的產(chǎn)品設(shè)計(jì)呢?)。但是愉悅感真的是太主觀了,以致于很難制定通用的規(guī)則去衡量它。我特別想要找到關(guān)于什么時(shí)候可以使用愉悅的設(shè)計(jì)細(xì)節(jié)以及什么時(shí)候不能這么設(shè)計(jì)的標(biāo)準(zhǔn),但是這比想象中要難得多。因?yàn)槊總€(gè)人都可以定義什么是愉悅感。

你的產(chǎn)品是怎么制造愉悅感的?有沒(méi)有什么標(biāo)準(zhǔn)?如果有的話,我洗耳恭聽(tīng)。你可以在評(píng)論區(qū)里給我留言。

— end —

 

翻譯:Q_misky

作者:John Saito @Dropbox. Previously @YouTube and @Google

原文地址:The dangers of delightful design

發(fā)布時(shí)間:2016年11月21日

本文由 @Q_misky 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自PEXELS,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 經(jīng)常更新ui
    對(duì)于老用戶省去介紹或者培養(yǎng)習(xí)慣的愉悅感設(shè)計(jì)

    來(lái)自上海 回復(fù)