国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

本文分享了五個(gè)讓用戶(hù)界面更情感化的原則：游戲化、幽默感、動(dòng)畫(huà)、插圖和吉祥物，來(lái)幫助大家如何為無(wú)聊的APP設(shè)計(jì)出情趣化的界面。

用戶(hù)使用產(chǎn)品執(zhí)行重復(fù)性的任務(wù)，很容易就會(huì)失去興趣，而解決這一困境恰是UI的價(jià)值所在。接下來(lái)，將要探討一些能夠讓界面更加情趣化的設(shè)計(jì)原則。

“隨著一連串的“0”和“1”消失在黃色管子后面，一只熊從管子中彈出，管子底部也出現(xiàn)了一行文字：“Start your bear-owsing！”。最后，一只熊掌出現(xiàn)在屏幕上，并指向我的瀏覽器工具欄上?！?/p>

在一片驚訝聲中，我完全忘記了想要瀏覽的內(nèi)容。

像VPN這類(lèi)服務(wù)產(chǎn)品很少會(huì)引起用戶(hù)的情感波動(dòng)，因?yàn)檫@不是它們的工作，它們也不需要這樣做。但TunnelBear卻做了，因此在眾多的VPN中，我選擇了它，并將其推薦給我的朋友，這樣他們就可以在日常生活中感受到一些快樂(lè)。

眾所周知，人們不能長(zhǎng)時(shí)間地忍受枯燥、無(wú)聊的情緒，這也是那些不能引起情緒興奮的、執(zhí)行重復(fù)性任務(wù)的產(chǎn)品很容易被人遺忘的原因。

據(jù)心理學(xué)家研究：枯燥只不過(guò)是因?yàn)槿狈?lì)，一種本來(lái)應(yīng)該在活動(dòng)中得到滿(mǎn)足卻未得到滿(mǎn)足的欲望。

那么，問(wèn)題來(lái)了，如何通過(guò)界面設(shè)計(jì)給用戶(hù)帶來(lái)激勵(lì)呢？

我和MacPaw的產(chǎn)品設(shè)計(jì)師在我們頭腦還比較清醒的時(shí)候，一起設(shè)計(jì)了像重復(fù)查找器和加密APP等無(wú)趣的產(chǎn)品。同時(shí)也分享了五個(gè)讓用戶(hù)界面更情感化的原則：游戲化、幽默感、動(dòng)畫(huà)、插圖和吉祥物。

人們?cè)谕娴挠螒颉螒蚧O(shè)計(jì)

在用戶(hù)界面設(shè)計(jì)中應(yīng)用游戲化設(shè)計(jì)還存在一些爭(zhēng)議：曾經(jīng)有24個(gè)案例來(lái)研究游戲化設(shè)計(jì)應(yīng)用的效果，可結(jié)果卻各不相同。但我想說(shuō)，游戲化設(shè)計(jì)應(yīng)用的效果取決于你將其應(yīng)用的場(chǎng)景。

對(duì)于許多像Akar Sumset的產(chǎn)品設(shè)計(jì)師而言，游戲化設(shè)計(jì)的關(guān)鍵不在于讓用戶(hù)本身獲得樂(lè)趣，而是通過(guò)樂(lè)趣引導(dǎo)他們?nèi)ゲ扇∧承┬袨?。比如：成就、等?jí)、排行榜就是利用了人們對(duì)自尊的基本需求，激發(fā)競(jìng)爭(zhēng)力，并且敦促用戶(hù)做你想讓他們做的事情；比如：獲得成就，用戶(hù)就會(huì)不斷的回到應(yīng)用中或者在社交媒體上分享。

游戲化設(shè)計(jì)在產(chǎn)品中的使用可能成功也可能失敗，但它最終所要達(dá)到的是一種情緒反應(yīng)。我們的大腦充滿(mǎn)了控制多巴胺含量的細(xì)胞，多巴胺是產(chǎn)生幸福感受的主要神經(jīng)化學(xué)物質(zhì)之一。

當(dāng)“愉快事件”發(fā)生時(shí)，這些神經(jīng)元就會(huì)發(fā)揮作用，觸發(fā)細(xì)胞釋放多巴胺進(jìn)入血液。更進(jìn)一步來(lái)說(shuō)說(shuō)，如果“愉快事件”是有規(guī)律可循并可預(yù)測(cè)的系列事件（如游戲中玩家等級(jí)），那么多巴胺就會(huì)在事件發(fā)生之前釋放。

這對(duì)你的界面設(shè)計(jì)意味著什么呢？

這將使得用戶(hù)在使用產(chǎn)品的過(guò)程中，會(huì)因?yàn)槠诖坝淇焓录保ㄈ绔@得新成就）發(fā)生而獲得快樂(lè)。

游戲化設(shè)計(jì)案例：Gemini 2 和 Duolingo

在設(shè)計(jì)Gemini 2時(shí)（一款在Mac上的重復(fù)查找器優(yōu)化版本），我們遇到了一個(gè)棘手的問(wèn)題。查找大文件是件讓人精神崩潰的事情，有用戶(hù)抱怨到他們會(huì)在文件查找完成前結(jié)束任務(wù)。

因此，我們所做的就是嘗試?yán)贸删拖到y(tǒng)來(lái)強(qiáng)化用戶(hù)“劃掉”已完成事項(xiàng)的感受（擁有待做事項(xiàng)列表是繁瑣任務(wù)處理過(guò)程中的唯一利好）。

對(duì)于游戲化設(shè)計(jì)來(lái)說(shuō)，外太空相關(guān)主題是可以完美應(yīng)用的，如將相關(guān)主題設(shè)置為app的名稱(chēng)，并在用戶(hù)界面的設(shè)計(jì)中應(yīng)用這些主題。我們的目標(biāo)用戶(hù)是看著“星球大戰(zhàn)”和“星際迷航”等太空電影長(zhǎng)大的，所以他們對(duì)科幻靈感的事物會(huì)很熟悉。

在Gemini 2發(fā)布的幾天后，我們開(kāi)始收到來(lái)自用戶(hù)的推文，要求在復(fù)活節(jié)彩蛋上提供線索，以解鎖最終的成就。發(fā)布一年后，因?yàn)椤扒逦挥星楦械脑O(shè)計(jì)”，Gemini 2 獲得紅點(diǎn)獎(jiǎng)。所以，盡管很難衡量成就系統(tǒng)對(duì)用戶(hù)的激勵(lì)程度，但它確實(shí)不會(huì)讓人感到枯燥。

Duolingo是另一個(gè)成功案例，它是一款為用戶(hù)提供在線學(xué)習(xí)語(yǔ)言服務(wù)的應(yīng)用，是我見(jiàn)過(guò)的最具游戲化界面的產(chǎn)品。我們都知道，從零開(kāi)始學(xué)習(xí)外語(yǔ)是多么困難的事情，尤其是在只有一臺(tái)筆記本電腦卻沒(méi)有老師幫助的情況下。考慮到人們很容易失去學(xué)習(xí)外語(yǔ)的興趣，Duolingo就想方設(shè)法地讓你迷戀外語(yǔ)學(xué)習(xí)，當(dāng)然它也做到了。

每當(dāng)你在Duolingo中完成一個(gè)5分鐘的課程時(shí)，你就可以獲得10分，連續(xù)上課30天會(huì)獲得一個(gè)成就等級(jí)，完成20節(jié)課且沒(méi)有一個(gè)錯(cuò)字，就會(huì)解鎖另一個(gè)成就。對(duì)于你邁出的每一步，你的感官會(huì)感受到歡呼聲和絢麗圖像的獎(jiǎng)勵(lì)，而這會(huì)觸發(fā)釋放快樂(lè)的多巴胺。

最終，你開(kāi)始將Duolingo與成就感和自豪感聯(lián)系起來(lái)，這會(huì)促使你繼續(xù)學(xué)習(xí)。

你一定是在開(kāi)玩笑——幽默感設(shè)計(jì)

Victor Yocco設(shè)計(jì)了一款有著幽默感的成功產(chǎn)品，創(chuàng)造了令人難忘的體驗(yàn)，并且能夠讓你的工作脫穎而出。幽默感最大的作用在于它們很情緒化。雖然我們還沒(méi)有完全理解幽默的本質(zhì)，但有一點(diǎn)很清楚：它會(huì)讓人感到快樂(lè)。

根據(jù)腦成像研究：有趣的漫畫(huà)會(huì)激活大腦邊緣系統(tǒng)中的獎(jiǎng)勵(lì)神經(jīng)網(wǎng)絡(luò)（這是響應(yīng)飲食、音樂(lè)、性和情緒改變藥物的神經(jīng)網(wǎng)絡(luò)）。換句話說(shuō)，一個(gè)好笑話會(huì)給人們一種情感上的升華。

你想讓你的界面設(shè)計(jì)也能使用戶(hù)產(chǎn)生這種反應(yīng)嗎？

答案是肯定的。但最棘手的問(wèn)題不僅是主觀的幽默感，而且是取決于場(chǎng)景的反饋方式。比如：在開(kāi)機(jī)屏上放一個(gè)雙關(guān)語(yǔ)，肯定會(huì)讓人混淆。雖然所有人都享受著各種形式的幽默，但了解用戶(hù)是件至關(guān)重要的事情：他們覺(jué)得什么是熱鬧的？什么看起來(lái)不合適？粗糙的或不適時(shí)的？這與現(xiàn)實(shí)生活中的笑話沒(méi)有什么不同？

幽默感設(shè)計(jì)案例：Authentic Weather and Slack

Authentic Weather是一款應(yīng)用幽默感設(shè)計(jì)用戶(hù)界面的app，它不是將幽默作為一種附加的戲劇性調(diào)劑，而是作為一個(gè)獨(dú)特的“賣(mài)點(diǎn)”。天氣類(lèi)app是工具性產(chǎn)品，用來(lái)幫助用戶(hù)獲取天氣信息。但通過(guò)使用Authentic Weather，你獲得遠(yuǎn)不止于此。

無(wú)論天氣狀況如何，Authentic Weather都會(huì)以像“低溫凍結(jié)”、“回家過(guò)冬”這樣尖銳的語(yǔ)句來(lái)“打擊”用戶(hù)，而我個(gè)人最喜歡的一句話是：

“沒(méi)關(guān)系，向外看了解更多信息?！?/p>

當(dāng)你使用?Authentic Weather時(shí)，你不會(huì)因?yàn)橄肟刺鞖庑畔⒍蜷_(kāi)它，而是因?yàn)槟阆肟纯此酉聛?lái)會(huì)發(fā)生什么，就像查看天氣這樣的日常任務(wù)一樣成為了早晨期待的事情。

如今，app中的充斥著臟話的評(píng)論，不會(huì)對(duì)我父母那一代人有吸引力。 但是，脾氣暴躁的千禧一代，卻覺(jué)得很搞笑，這也證明著如果你了解你的用戶(hù)，那么幽默將會(huì)是很好的設(shè)計(jì)手段。

另一個(gè)兼具好玩和好用的app就是Slack。作為一款與工作緊急相關(guān)的app，Slack創(chuàng)造出了更加人性化的體驗(yàn)，不僅是因?yàn)樗拿钫Z(yǔ)趣話，而且從屏幕加載到看到所有聊天內(nèi)容的過(guò)程中，當(dāng)你看不到它的時(shí)候，它就會(huì)開(kāi)個(gè)玩笑。

對(duì)于不同的文化環(huán)境，同一個(gè)幽默可能是善意的，也可能是惡意的。所以，Slack采用穩(wěn)妥的雙關(guān)語(yǔ)和善意的對(duì)手的類(lèi)型，這種笑話并不會(huì)使你高興地在地上打滾，也不會(huì)惹惱或冒犯他人。 最好的情況，用戶(hù)會(huì)在他們的某個(gè)頻道中竊笑并分享屏幕截圖; 最壞的情況，他們只會(huì)滾動(dòng)眼睛。

讓世界動(dòng)起來(lái)——?jiǎng)有гO(shè)計(jì)

幾乎每個(gè)界面都會(huì)用到動(dòng)效，這是從一種狀態(tài)過(guò)渡到另一種狀態(tài)的自然方式。但界面設(shè)計(jì)中的動(dòng)效可以達(dá)到更多效果，而不是僅表示狀態(tài)的改變（比如：它們可以幫助你保持注意力并，傳達(dá)比靜態(tài)視覺(jué)更好的效果）。動(dòng)效可以激勵(lì)視覺(jué)和運(yùn)動(dòng)知覺(jué)的學(xué)習(xí)，這意味著用戶(hù)更有可能保持專(zhuān)注并理解如何使用這些東西。

這些都是將動(dòng)效融入到設(shè)計(jì)中的好理由，但為什么它會(huì)引發(fā)用戶(hù)情感呢？

參與Encrypt和Gemini Photos兩款app設(shè)計(jì)的Simon Grozyan認(rèn)為，這是因?yàn)樵谖锢硎澜缰校覀儗?dòng)的事物理解為有生命的：

“我們習(xí)慣于看運(yùn)動(dòng)中的事物，由于光線的原因，我們周?chē)囊磺卸荚谝苿?dòng)或改變外觀，靜態(tài)等于死亡?！?/p>

除了可靠和逼真的質(zhì)量之外，動(dòng)效能夠給用戶(hù)帶來(lái)愉悅感，這種愉悅感是與驚喜相同的。因此，將動(dòng)效用在非常規(guī)頁(yè)面轉(zhuǎn)場(chǎng)的地方，使得你的產(chǎn)品使用起來(lái)更有趣。

動(dòng)效設(shè)計(jì)案例：Encrypto and Shazam

Encrypto是一款小巧精致的Mac應(yīng)用，它可以對(duì)您的文件進(jìn)行加密、解密，以便您可以安全地將文件發(fā)送給別人。對(duì)于那些關(guān)心數(shù)據(jù)安全和隱私的人來(lái)說(shuō)，這是一個(gè)不可缺少的但又不是時(shí)常想到的工具。

盡管如此，從設(shè)計(jì)方面來(lái)說(shuō)，Encrypto是迄今為止我最喜愛(ài)的MacPaw應(yīng)用，這要感謝矩陣式風(fēng)格的動(dòng)畫(huà)欄：動(dòng)畫(huà)欄滑過(guò)文件，將其轉(zhuǎn)換為新的安全體。

Encrypto模擬生活中的場(chǎng)景，它不再是你計(jì)算機(jī)上的一個(gè)沉悶的程序，它有著迷人的數(shù)字魔法。

Shazam是一款將動(dòng)效，作為其界面設(shè)計(jì)中的核心工作的app。當(dāng)你使用Shazam進(jìn)行識(shí)別音樂(lè)時(shí)，點(diǎn)擊開(kāi)始按鈕后，按鈕開(kāi)始向外發(fā)送同心圓。這種類(lèi)似于跳動(dòng)的音樂(lè)揚(yáng)聲器的設(shè)計(jì)，讓界面看起來(lái)很有生命感，就像你在一個(gè)強(qiáng)大的聲音系統(tǒng)中播放你最喜歡的專(zhuān)輯一樣。

藝術(shù)無(wú)處不在——插畫(huà)設(shè)計(jì)

正如Blair Culbreth所言：對(duì)于界面而言，光漂亮是不夠了。

Sleek，有著專(zhuān)業(yè)化的設(shè)計(jì)，但它的如微笑般的個(gè)性化、人性化的細(xì)節(jié)才是關(guān)鍵，自定義藝術(shù)才能成就這些細(xì)節(jié)。

與普通圖形不同的是插圖是有情感的，因?yàn)樗鼈鬟_(dá)的不僅僅是其所包含的意義。它與每個(gè)孩童時(shí)代看過(guò)漫畫(huà)的人有著積極的關(guān)聯(lián)性，以更有趣、更有想象力的方式展現(xiàn)了一些東西。最重要的是，它包含了藝術(shù)家的個(gè)性。

我們的產(chǎn)品設(shè)計(jì)師Max Kukurudziak說(shuō)過(guò)：

“我認(rèn)為，當(dāng)一位藝術(shù)家創(chuàng)作插圖時(shí)，他們總會(huì)將他們的一些個(gè)人經(jīng)歷、背景和故事注入其中。”

這個(gè)理論說(shuō)明了人情味更有可能激發(fā)情感。

插畫(huà)設(shè)計(jì)案例：Gemini Photos and Google Calendar

我們最新的產(chǎn)品Gemini Photos是一款iPhone應(yīng)用，可以幫助您刪除手機(jī)中一些不需要的照片。就像Gemini 2的桌面版一樣，有冗長(zhǎng)的說(shuō)明文字，所以即使有一個(gè)漂亮的的用戶(hù)界面，我們也很難吸引的注意力，并且讓他們感覺(jué)很好。

與我們之前許多app一樣，我們使用動(dòng)畫(huà)和聲音來(lái)激活界面，但自定義藝術(shù)已成為體驗(yàn)的亮點(diǎn)。如上所述，令人驚喜愉快的事物會(huì)導(dǎo)致一種快樂(lè)化學(xué)物質(zhì)涌入我們的血液，所以在意想不到的地方使用搞怪的插圖，不僅填滿(mǎn)了空白的屏幕，也給單調(diào)的行為增加了一點(diǎn)樂(lè)趣?。

另一個(gè)可以證明插圖如何讓產(chǎn)品更可愛(ài)的案例就是Google日歷。 直到最近，網(wǎng)絡(luò)版和iOS?app之間還是有著明顯的差別。 雖然前者具有電子表格的吸引力，但后者以一個(gè)殺手級(jí)的細(xì)節(jié)，立即贏得了用戶(hù)的芳心。

對(duì)于不同類(lèi)型的事件，Google日歷會(huì)根據(jù)從事件標(biāo)題中提取的關(guān)鍵字，用插圖進(jìn)行說(shuō)明。 這樣一來(lái)，即使你所要做的只是健身和牙醫(yī)預(yù)約，但你本周的計(jì)劃也會(huì)看起來(lái)非常令人興奮。

但這還不是最好的。我注意到，無(wú)論何時(shí)我創(chuàng)建新事件，我都默默的希望Google日歷能夠創(chuàng)建它的插圖，而當(dāng)這一幕發(fā)生時(shí)，我會(huì)很開(kāi)心。而且，很明顯，插圖實(shí)驗(yàn)并不單單適用于我，因?yàn)樽罱麲oogle推出新版網(wǎng)頁(yè)版的日歷也同樣采用了。

吉祥物

多年來(lái)，模仿產(chǎn)品的可愛(ài)角色，一直在網(wǎng)頁(yè)設(shè)計(jì)和營(yíng)銷(xiāo)中使用（想想Ronald McDonald 和?the Michelin Man）。在界面中，應(yīng)用還不算多。用戶(hù)界面中的吉祥物可能被視為侵入性的和煩人的，特別是當(dāng)它們阻礙用戶(hù)重要行為或阻斷視線時(shí)。

微軟的Clippy是應(yīng)用吉祥物的失敗案例：它引起的只是恐懼和厭惡（當(dāng)然，這是情緒，而不是你想的那種）。

同時(shí)，研究表明：即使是簡(jiǎn)單的幾何圖形，人們也很容易將事物擬人化。栩栩如生的生物就更容易聯(lián)系和理解其行為，并且通常對(duì)其有感覺(jué)。

此外，動(dòng)畫(huà)角色更容易將個(gè)性歸因于個(gè)人，因此你可以通過(guò)該角色來(lái)表現(xiàn)產(chǎn)品的特征，使其變得俏皮和愚蠢、熱心和樂(lè)于助人，或者任何你期望的特征。憑借這種未開(kāi)發(fā)的潛力，吉祥物非常適合非情感的產(chǎn)品。

訣竅是時(shí)機(jī)。

Clippy非常鄰人討厭的原因，是因?yàn)樗?jīng)常不請(qǐng)自來(lái)，打斷了完全不相關(guān)的任務(wù)。但是，如果吉祥物在相對(duì)閑置的時(shí)間出現(xiàn)。例如：當(dāng)用戶(hù)剛剛完成了一項(xiàng)任務(wù)時(shí)，它做出可愛(ài)的動(dòng)作。

吉祥物設(shè)計(jì)案例：RememBear and Yelp

TunnelBear公司最近推出了形如按鈕可愛(ài)的產(chǎn)品（不是雙關(guān)語(yǔ)），RememBear是一個(gè)密碼管理器，人們是不會(huì)拿密碼開(kāi)玩笑。RememBear中的卡通熊的聰明之處在于，當(dāng)你正在做一些嚴(yán)肅、重要的事情時(shí)（比如創(chuàng)建一個(gè)新的記錄時(shí)），它們就不會(huì)隱身。

相反，當(dāng)您完成應(yīng)用注冊(cè)的第一階段但還沒(méi)有進(jìn)入第二階段時(shí)，您會(huì)得到熊的擁抱，這是保存你的第一個(gè)密碼。RememBear通過(guò)這種方式，在我意想不到的地方搏我一笑。

就像RememBear一樣，Yelp（一款廣為人知的餐廳評(píng)論應(yīng)用）祥物出現(xiàn)時(shí)機(jī)也非常完美。有趣的倉(cāng)鼠首先出現(xiàn)在iOS應(yīng)用設(shè)置的底部，這樣用戶(hù)就像發(fā)現(xiàn)復(fù)活節(jié)彩蛋一樣發(fā)現(xiàn)它。

Yelp的產(chǎn)品設(shè)計(jì)經(jīng)理Yoni De Beule說(shuō)：

“在Yelp，我們一直努力使我們的產(chǎn)品和品牌讓人感到有趣和愉悅。我們要在每件事情上都要表現(xiàn)Yelp的個(gè)性，從我們有趣的海報(bào)設(shè)計(jì)、有趣的版本說(shuō)明，到內(nèi)部黑客馬拉松項(xiàng)目和Yelp 精英派對(duì)。當(dāng)我們發(fā)現(xiàn)我們的iPhone設(shè)置頁(yè)面在娛樂(lè)方面嚴(yán)重缺乏時(shí)，我們決定擼起袖子來(lái)完善它?！?/p>

隨后，倉(cāng)鼠成為了公司app在iOS應(yīng)用商店里的商標(biāo)，因?yàn)樵诖酥?，該團(tuán)隊(duì)為Android版本設(shè)計(jì)了一個(gè)迅猛龍，為網(wǎng)頁(yè)版設(shè)計(jì)了一條狗。 因此，無(wú)論何時(shí)何地，當(dāng)你使用Yelp時(shí)，你幾乎會(huì)看完所有的評(píng)論，這樣你可以看到另一個(gè)令人愉快的角色版本。

總結(jié)

并非所有的產(chǎn)品都具有游戲或社交媒體app的天然樂(lè)趣，即使是公共事業(yè)也不一定只有實(shí)用的。處理重復(fù)性任務(wù)的app通常與留住用戶(hù)相沖突，因?yàn)槿藗兂３８械綗o(wú)聊而放棄它們，而無(wú)聊就是缺乏刺激。

通過(guò)使用像幽默、動(dòng)效、插畫(huà)、游戲化元素和可關(guān)聯(lián)角色等正面激勵(lì)，我們可以讓用戶(hù)感受到一種更加興奮、更少分心、更加快樂(lè)的不同方式。

原文作者：Alice Kotlyarenko

原文鏈接：https://www.smashingmagazine.com/2018/04/designing-emotional-interfaces-boring-apps/

翻譯：小永

校審：行云

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

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