|
http://www./news/25023 什么使我們成為網(wǎng)站和app的忠實(shí)用戶？思考這個(gè)問題時(shí),，我們發(fā)現(xiàn)那些令人喜愛的網(wǎng)站和app都擁有一樣?xùn)|西：靈魂,。它們是有靈性的，它們的用戶體驗(yàn)中被置入了情感化智能,，并且這種情感化智能通過(guò)交互設(shè)計(jì)和反饋機(jī)制得以體現(xiàn),。
這些要素將“個(gè)性”賦予了網(wǎng)站或app產(chǎn)品，并讓產(chǎn)品最終在用戶心中留下深刻的印象,。不得不說(shuō),，在贏得忠實(shí)用戶這件事上，產(chǎn)品的靈魂確實(shí)扮演了一個(gè)挺重要的角色,。本文中,，我們將通過(guò)一些優(yōu)秀的例子來(lái)了解情感化交互，以及“個(gè)性”和“靈魂”是如何灌注進(jìn)產(chǎn)品的,。 什么是情感化交互,？ 情感化交互設(shè)計(jì)是一種狀態(tài),，指在網(wǎng)站或app在顯示信息或?qū)崿F(xiàn)功能時(shí)，包含了能產(chǎn)生人性化用戶體驗(yàn)的種種細(xì)節(jié),。這些交互可能是大的體驗(yàn)（例如網(wǎng)站整個(gè)宕掉時(shí)）,，或者是小的體驗(yàn)（例如在表單元素旁顯示的錯(cuò)誤信息）。它可以體現(xiàn)在不同的要素中,，例如提示信息,、顏色、設(shè)計(jì),、對(duì)用戶輸入的響應(yīng),，以及系統(tǒng)信息輸出。將這每一種體驗(yàn)混合起來(lái),，就為網(wǎng)站創(chuàng)造了靈魂和個(gè)性,，這種和用戶間的情感聯(lián)系能帶來(lái)忠誠(chéng)持久的狂熱“粉絲”。 情感化交互范例 以下部分范例來(lái)自Little Big Details這個(gè)天才的網(wǎng)站,，我強(qiáng)烈推薦你上去看看,，一定有收獲。 1. Bottlenose  這是一個(gè)基于Web的Twitter客戶端,，它給用戶提供了一種新的探索和使用Twitter的方式,。這家網(wǎng)站在用戶初次使用時(shí)的引導(dǎo)方面做得很出色，用清晰而幽默的方式向用戶介紹它的功能,。網(wǎng)站在確認(rèn)按鈕上使用了諸如“Make senese”,、“Got it”一類的詞句，讓用戶感到有個(gè)性,，和產(chǎn)品自身的“自信”感,，這比簡(jiǎn)單的“Next”強(qiáng)多了。 2. Wufoo  Wufoo混合了俏皮的提示信息和觸動(dòng)人心的UI元素,，為用戶營(yíng)造了一種友好和私人化的體驗(yàn),。例如：
   3. MailChimp 作為最好的情感化交互的范例之一,，MailChimp從不放過(guò)每一個(gè)可以向產(chǎn)品注入靈魂的機(jī)會(huì),。
   這個(gè)當(dāng)下火熱的社交媒體網(wǎng)站在注冊(cè)賬號(hào)時(shí),，使用了一種有深度的交互設(shè)計(jì),。不同于傳統(tǒng)的即時(shí)表單驗(yàn)證信息，當(dāng)用戶輸入合法的郵箱和密碼時(shí),，網(wǎng)站會(huì)給出“Looks good,！”的提示信息。雖然這只是一個(gè)很小的觸動(dòng),，但足以使注冊(cè)流程顯得人性化,。 5. Path  Path的注冊(cè)按鈕上有一個(gè)向右的箭頭，而當(dāng)鼠標(biāo)點(diǎn)上去后,，箭頭會(huì)變成笑臉,。這樣，當(dāng)用戶與網(wǎng)站第一次產(chǎn)生交互時(shí),，就獲得了一個(gè)親切而個(gè)性的歡迎,。這是一個(gè)有深度的細(xì)節(jié)，一般設(shè)計(jì)者和用戶都會(huì)忽略這個(gè)地方,，而當(dāng)它真的出現(xiàn)了,，就為接下來(lái)的體驗(yàn)定下了良好的基調(diào)。 6. Hootsuite  這只友好的貓頭鷹是Hootsuite的吉祥物，吉祥物不僅僅是一張可愛的臉,，它甚至代表了服務(wù)本身,，如同MailChimp的那只黑猩猩。Hootsuite調(diào)用Twitter的API把數(shù)據(jù)拉到自己的應(yīng)用上,，由于Twitter有API調(diào)用次數(shù)限制,，Hootsuite會(huì)在用戶長(zhǎng)時(shí)間不活動(dòng)時(shí)停止向Twitter請(qǐng)求數(shù)據(jù)。此時(shí),，貓頭鷹會(huì)出現(xiàn),，告訴你它正在休息，如果你需要它的話,，可以讓它立刻醒來(lái),。這招巧妙的把負(fù)面體驗(yàn)變成了正面體驗(yàn)，塑造了品牌形象,，并為產(chǎn)品帶來(lái)了個(gè)性和靈魂,。 7. Feedburner  在Feedburner中，新創(chuàng)建的RSS Feeds由于數(shù)據(jù)積累不夠,，狀態(tài)頁(yè)中沒有東西顯示,。大部分網(wǎng)站不會(huì)在意這個(gè)情形，因?yàn)槌霈F(xiàn)這種狀況這并不是網(wǎng)站的錯(cuò),，而Feedburner則抓住了這個(gè)機(jī)會(huì),，因?yàn)樗麄冎离m然狀態(tài)頁(yè)還沒有數(shù)據(jù)，但大多數(shù)新用戶非常想立刻看到當(dāng)前的Feed狀態(tài),。于是他們創(chuàng)造了這段文案,，告訴用戶狀態(tài)頁(yè)還沒準(zhǔn)備好，在這一過(guò)程中和用戶建立了情感聯(lián)系,，讓用戶覺得安心,。相對(duì)于一個(gè)毫無(wú)生氣的、沒有任何數(shù)據(jù)的空白頁(yè)面,，F(xiàn)eedburner的這個(gè)做法是一種巨大的進(jìn)步,。 8. OS X 在“關(guān)注細(xì)節(jié)”這個(gè)問題上，Apple一直有著良好的聲譽(yù),，并且會(huì)精細(xì)到你想不到,、甚至似乎沒必要的地方。例如Text Edit的小圖標(biāo),，放大后看,，上面密密麻麻的文字其實(shí)真的是有意義的（彩蛋）——筆記本上寫的是“Think Different”宣言。這是向他們傳奇創(chuàng)始人的致敬,，同時(shí)也提醒人們他們?yōu)槭裁磹跘pple,。 9. Highrise iOS 在安裝37Signal的Highris應(yīng)用時(shí),，你可以和電腦玩一把九宮棋。用戶體驗(yàn)設(shè)計(jì)師常?？紤]如何用一些心理學(xué)原理去解決等待時(shí)間過(guò)長(zhǎng)這個(gè)問題，而事實(shí)上,，在等待的過(guò)程中給他們一個(gè)好玩的東西,，誰(shuí)還在乎等待呢？37Signals的這個(gè)方法非常簡(jiǎn)單和有效,，在用戶體驗(yàn)的“死局”上展示出了高超的情感化智能,。 10. Mint.com Mint的網(wǎng)站維護(hù)界面在本應(yīng)該倍感壓力的時(shí)候?yàn)橛脩魟?chuàng)造了迷人的體驗(yàn)。不能訪問財(cái)務(wù)信息會(huì)讓你焦慮,，而Mint借用這個(gè)機(jī)會(huì),，以一種搞笑的方式告訴你，雖然網(wǎng)站不能訪問了,，但你的錢和信息都是安全的,。 11. Deviant Art Deviant Art用肖像畫框作為用戶個(gè)人信息設(shè)置的交互背景。這么做不僅貼合了網(wǎng)站的主題（美術(shù)家社區(qū)）,，同時(shí)對(duì)新用戶用戶完成個(gè)人信息有鼓勵(lì)作用,。 12. Tumblr 當(dāng)你在Tumblr里聽音頻文件時(shí)，URL里會(huì)包含“請(qǐng)不要下載這個(gè)音頻文件,，不然Tumblr就沒法繼續(xù)在網(wǎng)站放音頻文件了”的字樣,。不得不說(shuō)，這是一種更聰明的與用戶交流的方式,，而不像js彈窗那么冷冰冰,。 為你的網(wǎng)站注入靈魂 產(chǎn)品設(shè)計(jì)人員需要關(guān)注那些通常被忽視的用戶體驗(yàn)小細(xì)節(jié)，通過(guò)對(duì)這些細(xì)節(jié)的優(yōu)化,，app將產(chǎn)生個(gè)性,，同時(shí)建立穩(wěn)定的忠實(shí)用戶群。重溫一下上面提到的案例,，或許能幫你在未來(lái)的項(xiàng)目中舉一反三,。細(xì)節(jié)確實(shí)能決定網(wǎng)站或app的成敗。努力創(chuàng)造良好的體驗(yàn)是我們所知的贏得用戶的最佳方式,，并且能為你的網(wǎng)站帶來(lái)生命和靈魂,。 |
|
|
來(lái)自： 非常尛貝 > 《網(wǎng)站運(yùn)營(yíng)》
