中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本文筆者將與大家分享：如何在 UX 設(shè)計(jì)中如何使用動(dòng)畫？以及在設(shè)計(jì)中使用動(dòng)畫時(shí)要記住的事項(xiàng)。

如果說(shuō)在豐富而漫長(zhǎng)的動(dòng)畫歷史中，有什么最明顯的特點(diǎn)的話，那就是讓觀眾著迷的移動(dòng)圖形和圖像。動(dòng)畫并不是一個(gè)新鮮事物，除了娛樂(lè)之外，動(dòng)畫現(xiàn)在還被用于其他目的。

事實(shí)上，有一種方法是：充分利用其永恒的吸引力和多功能性，為網(wǎng)站用戶創(chuàng)造積極和引人入勝的體驗(yàn)。

但并非所有動(dòng)畫都是一樣的，特別是從用戶體驗(yàn)（UX）設(shè)計(jì)的角度來(lái)看，有些動(dòng)畫最終會(huì)創(chuàng)造問(wèn)題而不是解決問(wèn)題。善意但有誤導(dǎo)性的動(dòng)畫可能會(huì)分散用戶的注意力，使界面變得混亂，或者減慢網(wǎng)站的速度。設(shè)計(jì)師不僅需要清楚地了解動(dòng)畫的好處，還需要了解將動(dòng)畫融入 UX 設(shè)計(jì)的原則。

本文討論了在 UX 設(shè)計(jì)中使用動(dòng)畫的原則，包括將移動(dòng)設(shè)計(jì)給品牌帶來(lái)的好處最大化的首要原則。

不只是動(dòng)態(tài)圖片

對(duì)于許多設(shè)計(jì)師來(lái)說(shuō)，網(wǎng)站或應(yīng)用程序的動(dòng)畫元素只是用來(lái)增加吸引力的可選附加項(xiàng)。但是，當(dāng)動(dòng)畫被明智地使用時(shí)，動(dòng)畫可以做的更多，可以為網(wǎng)站提供核心利益，并為優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)做出貢獻(xiàn)。

以下是動(dòng)畫改進(jìn) UX 的一些方法：

動(dòng)畫和講故事

創(chuàng)作用戶可以輕松理解的情感，是動(dòng)畫在用戶體驗(yàn)設(shè)計(jì)中最有力的表現(xiàn)方式。眾所周知，情緒會(huì)對(duì)消費(fèi)者行為產(chǎn)生相當(dāng)大的影響，因此使用動(dòng)畫元素是確保用戶積極響應(yīng)的潛在有效方式。

要了解動(dòng)畫如何創(chuàng)造情感，您需要了解：動(dòng)畫如何講述故事？

在一項(xiàng)研究中，受試者看了運(yùn)動(dòng)的圓圈和三角形的視頻。通過(guò)觀察幾何形狀如何移動(dòng)，受試者能夠理解一個(gè)故事。這個(gè)虛構(gòu)的故事成為他們明確屏幕上多邊形“情感”的基礎(chǔ)。因此，運(yùn)動(dòng)對(duì)于講故事是必要的。從故事中，人們可以感知到情感。

用戶體驗(yàn)就是一系列的故事，設(shè)計(jì)師在網(wǎng)站或應(yīng)用程序上工作時(shí)會(huì)傳遞這些故事。用戶每次使用它時(shí)都會(huì)經(jīng)歷這些故事，無(wú)論是在線購(gòu)買，上傳自拍還是分享任何類型的內(nèi)容，目的是確保每個(gè)故事都能無(wú)縫有效地傳遞。

使用動(dòng)畫可以更好地講述故事，從而與用戶建立情感聯(lián)系。

這些包括：

• 改變按鈕顏色，表示用戶在整個(gè)過(guò)程中采取哪些步驟？
• 視差效應(yīng)在體驗(yàn)的不同點(diǎn)之間產(chǎn)生連續(xù)感。

即使是界面上的小動(dòng)畫也可以改善用戶使用產(chǎn)品時(shí)的體驗(yàn)。通過(guò)仔細(xì)選擇要使用的動(dòng)畫元素，設(shè)計(jì)師可以激發(fā)用戶持久的情感印象和回應(yīng)。從長(zhǎng)遠(yuǎn)來(lái)看，所有這些都可以使他們的網(wǎng)站或應(yīng)用程序受益。

動(dòng)畫作為功能元素

謹(jǐn)記動(dòng)畫元素是要占用空間的，因此，有必要使它們發(fā)揮作用。這意味著不應(yīng)該添加大量動(dòng)畫來(lái)給觀眾留下深刻印象。

相反，動(dòng)畫必須用來(lái)執(zhí)行特定的角色或功能。

以下是使用動(dòng)畫的一些聰明的方法：

1. 讓加載屏幕不再無(wú)聊

用戶僅愿意等待兩秒鐘來(lái)加載網(wǎng)站或應(yīng)用程序，任何一秒的延遲都可能導(dǎo)致許多人離開(kāi)，轉(zhuǎn)而使用更快的網(wǎng)站或應(yīng)用程序。當(dāng)用戶等待著內(nèi)容出現(xiàn)在網(wǎng)站或應(yīng)用程序上時(shí)，動(dòng)畫加載屏幕可以使他們保持愉悅并參與其中。

2. 給用戶一點(diǎn)線索

設(shè)計(jì)人員使用動(dòng)畫讓用戶了解他們可以在網(wǎng)站或應(yīng)用程序上執(zhí)行哪些操作。

例如：讓列表在屏幕上顯示時(shí)向上滑動(dòng)，而不是簡(jiǎn)單地讓它們出現(xiàn)，告訴用戶這些列表可以滑動(dòng)，如果他們想看到更多。

3. 提供實(shí)時(shí)視覺(jué)反饋

為了防止混淆，設(shè)計(jì)師可以加入動(dòng)畫元素，為他們?cè)趹?yīng)用程序或網(wǎng)站上的每一個(gè)動(dòng)作提供即時(shí)的視覺(jué)反饋。

例如：當(dāng)點(diǎn)擊或按下按鈕時(shí)，按鈕可以改變顏色或點(diǎn)亮。

動(dòng)畫作為品牌推廣工具

動(dòng)畫元素喚起用戶內(nèi)心情感的能力，使其成為塑造品牌的有效工具。

當(dāng)用戶打開(kāi)一個(gè)網(wǎng)站或應(yīng)用程序時(shí)，動(dòng)態(tài)圖形可以引起喜悅、期待、興奮、好奇，甚至同情。通過(guò)喚起正確的情感，您可以激發(fā)用戶的忠誠(chéng)感，增強(qiáng)消費(fèi)者對(duì)特定品牌的粘性。

在使用動(dòng)畫作為品牌推廣工具時(shí)，重要的動(dòng)畫元素不會(huì)從故事中消失。相反，動(dòng)畫元素必須支持整體體驗(yàn)的連續(xù)性。它們必須與整體故事很好的融合，同時(shí)突出品牌及其產(chǎn)品的價(jià)值和實(shí)力。

使用動(dòng)畫時(shí)要記住的事項(xiàng)

綜上所述，將動(dòng)畫元素引入到您的產(chǎn)品中并非全是益處。要確保應(yīng)用程序或網(wǎng)站享有使用動(dòng)畫的全部好處，您必須記住以下內(nèi)容：

1. 動(dòng)畫僅僅支持體驗(yàn)

用戶訪問(wèn)網(wǎng)站或應(yīng)用程序來(lái)獲得內(nèi)容、產(chǎn)品、服務(wù)和體驗(yàn)。除非在非常特殊的情況下，否則他們不會(huì)訪問(wèn)一個(gè)網(wǎng)站來(lái)呆呆地看著它的動(dòng)畫按鈕、轉(zhuǎn)換或滑塊。動(dòng)畫元素永遠(yuǎn)不應(yīng)成為焦點(diǎn)，而是應(yīng)該改善整體體驗(yàn)。

在你的設(shè)計(jì)中加入動(dòng)畫時(shí)，一定要克制自己。不要試圖用華麗的裝飾來(lái)打動(dòng)觀眾，而是要確保動(dòng)畫元素與視覺(jué)效果和品牌形象一致。更重要的是，動(dòng)畫應(yīng)該支持用戶與產(chǎn)品元素的互動(dòng)。

2. 不需要為所有內(nèi)容制作動(dòng)畫

俗話說(shuō)：“能夠做并不意味著應(yīng)該做?！?/p>

如上所述，在設(shè)計(jì)出色的體驗(yàn)時(shí)，克制是一種重要的品質(zhì)。在這種情況下，僅僅因?yàn)榭赡芑蛉菀诪樵卦O(shè)置動(dòng)畫并不意味著這樣做會(huì)使用戶受益。如果為元素設(shè)置動(dòng)畫不會(huì)增進(jìn)任何用戶體驗(yàn)，那么最好將其保持簡(jiǎn)單。

這并不意味著，你就不能對(duì)你的想法采取古怪或冒險(xiǎn)的態(tài)度。事實(shí)上，能夠使用動(dòng)畫將一個(gè)陳舊的、嘗試過(guò)的概念變成能夠與用戶產(chǎn)生共鳴的新鮮事物，可能是一個(gè)很棒的想法。為用戶制作交互動(dòng)畫，并堅(jiān)持動(dòng)作簡(jiǎn)單，可以幫助用戶保持專注并創(chuàng)造更好的體驗(yàn)。

3. 保持自然

應(yīng)用和網(wǎng)站，以及它們的視覺(jué)元素，在現(xiàn)實(shí)世界中并不存在。它們不受物理規(guī)則的約束，但網(wǎng)頁(yè)設(shè)計(jì)師需要按照自然規(guī)律設(shè)計(jì)它們。

例如：可以理解的是，動(dòng)畫列表的響應(yīng)速度和用戶與應(yīng)用程序交互的速度相同。這是因?yàn)橛脩艋诂F(xiàn)實(shí)世界中熟悉的規(guī)則，解釋他們與數(shù)字元素的交互。界面的元素需要符合用戶的期望，否則，故事就會(huì)中斷。

要在這方面取得成功，一定要意識(shí)到應(yīng)用程序或網(wǎng)站元素的“物質(zhì)”和“重量”。那些“感覺(jué)”輕的可以理所當(dāng)然地移動(dòng)得快些，而那些“感覺(jué)”重的需要表現(xiàn)得好像他們真的很重。你必須既有想象力，又能牢牢掌握物理規(guī)則，以及它們是如何影響現(xiàn)實(shí)生活中的事物的。

3. 始終與實(shí)際用戶一起測(cè)試

制造企業(yè)在任何產(chǎn)品推出之前，測(cè)試都是一項(xiàng)強(qiáng)制性要求。

這種方法也需要應(yīng)用于數(shù)字產(chǎn)品，以確保包括動(dòng)畫在內(nèi)的所有元素與品牌的原始目標(biāo)保持一致，并確保它們實(shí)際符合預(yù)期結(jié)果。不用說(shuō)，測(cè)試需要實(shí)際用戶參與。

測(cè)試似乎是一項(xiàng)額外的要求，但它實(shí)際上可以使設(shè)計(jì)人員免于大量工作。

通過(guò)了解實(shí)際用戶如何響應(yīng)網(wǎng)站或應(yīng)用程序，設(shè)計(jì)人員可以確定需要修改哪些元素以優(yōu)化用戶體驗(yàn)，并使所有人都可以訪問(wèn)網(wǎng)站或應(yīng)用程序。更重要的是，他們可以在難以改變結(jié)果之前做到這一點(diǎn)。最終，測(cè)試使品牌和設(shè)計(jì)師都能避免代價(jià)高昂的錯(cuò)誤。

下一步

如果一張圖片勝過(guò)千言萬(wàn)語(yǔ)，那么一幅動(dòng)畫又有多少價(jià)值呢？

動(dòng)畫作為講述品牌獨(dú)特故事以及與用戶建立積極互動(dòng)的工具，其潛力是巨大的。將它整合到產(chǎn)品中有很多益處，但如果隨意使用，它也可能沒(méi)有多大幫助。

為了充分利用網(wǎng)站的動(dòng)畫元素，您需要了解品牌以及目標(biāo)受眾。畢竟目的是講述一個(gè)故事，突出品牌的優(yōu)勢(shì)和品質(zhì)，同時(shí)確保為讀者提供積極和引人入勝的體驗(yàn)。

原文作者：Robert Mayer

原文地址：https://www.uxbooth.com/articles/build-better-products-by-leveraging-feedback-effectively/

編譯作者：桃花果，杭州，設(shè)計(jì)師，微信ID：shiningineye-bq

編輯整理：三分設(shè)翻譯特工隊(duì)（微信ID：sanfen-design）

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

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