情感化設(shè)計(jì):用真心捕獲用戶芳心
情感化設(shè)計(jì)展現(xiàn)產(chǎn)品的靈魂,拉近人與產(chǎn)品、人與人之間的距離,在更深次的層面體現(xiàn)出對(duì)人性的關(guān)懷。
一 真實(shí)世界的虛擬映射
擬物化:來自現(xiàn)實(shí)的直覺
擬物化是最直接的借鑒現(xiàn)實(shí)世界的設(shè)計(jì)方式。通過模擬現(xiàn)實(shí)中的產(chǎn)品的視覺外觀,應(yīng)用到互聯(lián)網(wǎng)產(chǎn)品的相應(yīng)設(shè)計(jì)中,可以降低用戶的學(xué)習(xí)成本,讓產(chǎn)品信息和功能更易于識(shí)別和理解。
在產(chǎn)品的icon、logo、界面等視覺設(shè)計(jì)中融入實(shí)物的形態(tài)、色彩、肌理等元素,達(dá)到“仿真”的效果,讓用戶“一看就懂”。
栗子:下圖是iOS兩種風(fēng)格的羅盤UI。
隱喻化的操作:不言而喻的默契
當(dāng)UI元素?zé)o法找到匹配的現(xiàn)實(shí)對(duì)照物時(shí),直接擬物化往往比較困難。這時(shí)候可以在交互上做“擬物”–隱喻化。
當(dāng)應(yīng)用中的可視化對(duì)象和操作與現(xiàn)實(shí)世界中的對(duì)象與操作類似時(shí),用戶就能快速領(lǐng)會(huì)如何使用它–iOS設(shè)計(jì)規(guī)范
在產(chǎn)品的交互層面模仿現(xiàn)實(shí)操作,借助現(xiàn)實(shí)操作的經(jīng)驗(yàn)讓用戶更易理解虛擬產(chǎn)品的交互邏輯。
栗子:下圖是iOS中兩種風(fēng)格的地圖交互動(dòng)效
二 在你身邊,貼心設(shè)計(jì)
可控的感受
用戶使用產(chǎn)品,如同現(xiàn)實(shí)中執(zhí)行某件事,可預(yù)期的、可控制的感知往往帶來正向的體驗(yàn),并且促進(jìn)用戶進(jìn)行完整的操作。
想象一下,在大街上遇到紅燈時(shí),發(fā)現(xiàn)沒有倒計(jì)時(shí),等待時(shí)間超過半分鐘我們就會(huì)覺得很焦躁,因?yàn)椴恢朗裁磿r(shí)候才可以同行,如果發(fā)生在ZG,可能部分同胞就迫不及待沖紅燈了。Orz。
為了增強(qiáng)用戶的可控感,界面需要預(yù)先提供顯示,向用戶透露一些接下來將要發(fā)生的事情,讓用戶建立預(yù)期。除此之外,系統(tǒng)需要根據(jù)用戶的操作收集信息,掌握規(guī)律,正確低、地預(yù)計(jì)未來可出現(xiàn)的問題,并提前采取措施或者提醒用戶,將可能出現(xiàn)的風(fēng)險(xiǎn)消除在萌芽狀態(tài)
栗子:在chromel瀏覽器中使用在線編輯文檔的功能時(shí),進(jìn)行關(guān)閉頁(yè)面的操作會(huì)有如下彈窗提醒用戶,預(yù)防未保存誤關(guān)閉的事件發(fā)生。
栗子:在秀米編輯器中對(duì)文檔進(jìn)行保存時(shí),在頂部會(huì)彈出banner告知用戶系統(tǒng)目前正在進(jìn)行的操作,還有象征加載的動(dòng)畫。唯一美中不足的是:沒有直觀地顯示保存的進(jìn)度,有時(shí)候遇到網(wǎng)絡(luò)比較卡頓的時(shí)候,看著動(dòng)畫轉(zhuǎn)半天不知道進(jìn)度會(huì)略顯著急。
栗子:360安全位置在進(jìn)行垃圾清理的時(shí)候,會(huì)直觀地顯示各個(gè)軟件的垃圾數(shù)據(jù)量和當(dāng)前正在清理的文件,讓用戶對(duì)過程更直觀更可控。
積極的反饋
操作反饋普遍存在于產(chǎn)品各個(gè)交互細(xì)節(jié)中,是產(chǎn)品回應(yīng)用戶操作最常見的方式。
最常見的是消極類反饋(消極是指操作本身是錯(cuò)誤的、不恰當(dāng)?shù)模?/p>
栗子:win系列系統(tǒng)中用戶一旦非法輸入,就會(huì)duang一聲彈出一個(gè)對(duì)話框,還醒目地給個(gè)紅叉,本來用戶操作失誤已經(jīng)比較沮喪了,還有這么強(qiáng)烈刺激的反饋,簡(jiǎn)直深深挫折感。當(dāng)然,消極反饋往往肩負(fù)著杜絕破壞產(chǎn)品和用戶信息安全的責(zé)任,難免需要一切“深刻印象”的反饋來刺激用戶,但是能否委婉一點(diǎn)表達(dá)呢。
那么當(dāng)用戶成功完成某項(xiàng)操作時(shí),我們贊美過他們呢?
人們?cè)谏鐣?huì)交往時(shí)具有的期望,在使用互聯(lián)網(wǎng)產(chǎn)品時(shí)也會(huì)有。積極的反饋可以增強(qiáng)用戶的信心,提升用戶的愉悅感。
栗子:在360安全衛(wèi)士中執(zhí)行優(yōu)化加速的功能之后會(huì)將優(yōu)化結(jié)果反饋給用戶,結(jié)果呈現(xiàn)方式簡(jiǎn)潔清新,采用類似獎(jiǎng)牌和錦帶的UI元素讓用戶產(chǎn)生獎(jiǎng)勵(lì)的愉悅感。
栗子:微博手機(jī)版發(fā)送微,會(huì)有banner彈出告知用戶已成功發(fā)送。
貼心的提醒
在使用產(chǎn)品時(shí),用戶難免會(huì)有遺忘或是疏忽的時(shí)候。此時(shí)給與用戶一些貼心的提醒,可以提升用戶對(duì)產(chǎn)品的好感。
怎樣才算是貼心的提醒呢?當(dāng)人們清晰記得自己的用戶賬號(hào)時(shí)候,登錄網(wǎng)站可能只需要幾秒。但對(duì)于一些不常使用的網(wǎng)站,用戶可能會(huì)忘記用戶名是郵箱還是手機(jī)號(hào)還是昵稱。這時(shí)候登錄框有適當(dāng)?shù)奶崾菊Z(yǔ)的話,可以減少用戶的流失。當(dāng)然這個(gè)設(shè)計(jì)早已被廣泛應(yīng)用。
除了運(yùn)用文字直接提醒用戶之外,還可以通過界面元素狀態(tài)的改變給予用戶提醒。例如,許多郵件產(chǎn)品會(huì)改變已讀郵件的字體粗細(xì)度,使用戶不要過多關(guān)注已讀郵件。同理可以從色彩,大小,形狀等元素上做設(shè)計(jì),區(qū)分多類信息,目的都是突出重點(diǎn)顯示的內(nèi)容。
提醒包括但不局限于上述兩種方式,應(yīng)該在產(chǎn)品各個(gè)操作細(xì)節(jié)尤其敏感且重要的操作上全面部署,無論你的用戶是誰(shuí),都可以輕松完成相應(yīng)的操作。
栗子:截圖是QQmail。
三 調(diào)動(dòng)用戶的情感
產(chǎn)品能通過功能滿足用戶需求,是重要的,容易讓人學(xué)會(huì)并順利使用,也是重要的,更重要的是,產(chǎn)品要讓人感到愉悅并能深深地吸引用戶。
互動(dòng)的樂趣
人類是社會(huì)化的動(dòng)物,在意情感的雙向表達(dá)。在使用互聯(lián)網(wǎng)產(chǎn)品的時(shí)候,人們希望可以體會(huì)到互動(dòng)的樂趣,而不是單向地接收信息。
交互動(dòng)畫
操作后的反饋效果
誤操作時(shí)的提醒
像對(duì)話一樣親切的文案
……
都是機(jī)器和用戶互動(dòng)的結(jié)果。讓用戶感覺到,自己的一點(diǎn)一滴都能被系統(tǒng)感知,滿足用戶的參與感和被尊重感。
栗子:可愛有趣的404頁(yè),看著看著就笑了,打不開網(wǎng)頁(yè)的挫折感是不是變輕了。
驚喜的力量
超出預(yù)期的體驗(yàn)才是好的用戶體驗(yàn)。驚喜通常會(huì)令人開心,是因?yàn)槠浒l(fā)生在不經(jīng)意間,有類似獎(jiǎng)勵(lì)的效果。雖然這功能沒有太多實(shí)際性的用處,但是用戶偶然發(fā)現(xiàn)之后,會(huì)增添一份特殊的喜悅和樂趣,甚至引發(fā)用戶的好奇心,增強(qiáng)對(duì)產(chǎn)品的探索欲望。栗子:微信的彩蛋和百度搜索的彩蛋。
情境的烘托
為產(chǎn)品設(shè)計(jì)一個(gè)故事情節(jié),通過視覺、動(dòng)畫和音效的烘托,把用戶帶入一個(gè)情景中。這類設(shè)計(jì)被廣泛應(yīng)用于活動(dòng)頁(yè)面、啟動(dòng)動(dòng)畫的設(shè)計(jì)中,尤其以H5的方式居多。有興趣的同學(xué)可以關(guān)注 云來 了解一下他們的案例。
文章內(nèi)容提煉于劉津老師和李月老師的《用戶體驗(yàn)設(shè)計(jì)師的成長(zhǎng)之路》,力薦閱讀原作,之后會(huì)出系列讀書筆記,圍繞用戶體驗(yàn)設(shè)計(jì)相關(guān)話題而談。
?#專欄作家#
Aaron毛,微信公眾號(hào):關(guān)我毛事,人人都是產(chǎn)品經(jīng)理專欄作家,90后工科男,信奉“在你身邊,為你設(shè)計(jì)”。電商產(chǎn)品汪,關(guān)注移動(dòng)電商和社交領(lǐng)域。主業(yè)是熱愛探索各類產(chǎn)品設(shè)計(jì)之道,副業(yè)是積極尋找產(chǎn)品安慰師的愛撫。業(yè)余探索微信社群的力量,運(yùn)營(yíng)了一個(gè)存活1年以上的互聯(lián)網(wǎng)垂直社群,歡迎同行交(si)流(bi)
本文系作者授權(quán)發(fā)布,未經(jīng)許可,不得轉(zhuǎn)載。
- 目前還沒評(píng)論,等你發(fā)揮!