動(dòng)效設(shè)計(jì)，你應(yīng)該知道的7件事

動(dòng)效不僅是裝飾，其本質(zhì)是用戶對(duì)物理對(duì)象操作時(shí)獲得的交互體驗(yàn)反饋，在提高使用效率的同時(shí)感到愉悅。因此，大多數(shù)用戶都期待動(dòng)效作為交互體驗(yàn)的組成部分。讓用戶滿意和愉悅是帶來(lái)使用黏性的重要指標(biāo)。

動(dòng)效不僅具有吸引力還要有意義，根據(jù)產(chǎn)品定位的不同，最終的動(dòng)效實(shí)現(xiàn)方式也會(huì)有所區(qū)別。要選用怎樣的動(dòng)效形式，可以在設(shè)計(jì)過(guò)程的各個(gè)階段完成：

用戶研究確定目標(biāo)用戶是誰(shuí)，他們的年齡、喜好、技術(shù)水平、使用產(chǎn)品的環(huán)境和條件，以及可能影響用戶體驗(yàn)的大量其他因素；

營(yíng)銷研究提供現(xiàn)有產(chǎn)品的洞察力，形成用戶忠實(shí)度，解決特定用戶問(wèn)題，為產(chǎn)品演示方式提供良好基礎(chǔ)；

原型繪制思考交互、布局和頁(yè)面切換邏輯，在實(shí)際使用場(chǎng)景下如何進(jìn)行操作；

UI設(shè)計(jì)通過(guò)視覺(jué)表達(dá)降低用戶學(xué)習(xí)成本，并在使用中感到舒適；

用戶測(cè)試將顯示動(dòng)效呈現(xiàn)方式是否正確，及時(shí)發(fā)現(xiàn)錯(cuò)誤。

在實(shí)際的動(dòng)效設(shè)計(jì)中，有7件事是你應(yīng)該知道的。

一、告知用戶正在運(yùn)行 用戶想知道在每一步中發(fā)生了什么，如果超過(guò)3秒沒(méi)有反饋，使用戶在不確定性等待中極易關(guān)閉應(yīng)用。 但是，如果告知用戶應(yīng)用正在運(yùn)行，等待就不會(huì)不那么惱人，尤其是在刷新、載入頁(yè)面更應(yīng)該注意這一點(diǎn)。

下拉刷新

預(yù)加載器

二、告知用戶進(jìn)度

通常只是讓用戶知道程序正在運(yùn)行是不夠的，還要能夠看到載入速度和加載時(shí)長(zhǎng)，進(jìn)度條的作用得以突顯：

告知用戶進(jìn)度狀況

可以成為交互等待過(guò)程中的娛樂(lè)元素，抵消的負(fù)面體驗(yàn)

可以成為一個(gè)"病毒"功能，引起用戶分享的興趣，從而吸引更多的用戶。

滾動(dòng)動(dòng)效

三、清晰明確動(dòng)效可以清晰的表明各種數(shù)據(jù)塊中間的邏輯結(jié)構(gòu)，即使在數(shù)據(jù)高度飽和的情況下也能使一切從觀感上有組織性。

博客應(yīng)用程序

四、確認(rèn)動(dòng)效完成

可以通過(guò)微交互解決這一問(wèn)題。 微交互通過(guò)清晰的運(yùn)動(dòng)路徑為用戶創(chuàng)建快速反饋，按鈕、切換器和相關(guān)元素會(huì)快速激活用戶視覺(jué)感知，預(yù)知操作效果。

開(kāi)關(guān)控制

漢堡包按鈕

添加按鈕

五、突出關(guān)鍵信息視覺(jué)的層次感和導(dǎo)航的明確性始終是設(shè)計(jì)動(dòng)效的一個(gè)重要問(wèn)題。 用戶的注意力應(yīng)該根據(jù)其目標(biāo)和條件立即被吸引到交互的關(guān)鍵要素。 動(dòng)效元素為這一方面提供了巨大的支持力，實(shí)現(xiàn)了布局中更快，更清晰的標(biāo)記重要元素。

Resto應(yīng)用程序

六、自然感動(dòng)效的具體呈現(xiàn)形式盡可能接近實(shí)際物理對(duì)象的使用方式，這通常不需要太多的認(rèn)知過(guò)程。 例如，如果需要移動(dòng)元素對(duì)象，按住它，移出標(biāo)簽，運(yùn)動(dòng)過(guò)程會(huì)很自然。 同樣，用戶無(wú)法看到設(shè)計(jì)師完成的這個(gè)復(fù)雜的工作，他們會(huì)把它視為理所當(dāng)然的事實(shí)，讓用戶感到舒適是對(duì)設(shè)計(jì)解決方案的最大贊揚(yáng)。

拖動(dòng)效果

餐廳菜單

在Web端界面交互中也是可用的。 當(dāng)網(wǎng)頁(yè)滾動(dòng)時(shí)，布局元素整體平滑的運(yùn)動(dòng)感可以增強(qiáng)用戶體驗(yàn)，而不是頁(yè)面的幾個(gè)單獨(dú)的部分移動(dòng)，使用中的愉悅感是留住用戶的重要因素。

magic co 著陸頁(yè)

有機(jī)食物動(dòng)效

七、天生使命：避免無(wú)趣諸如情感和美學(xué)滿足，實(shí)用性和可用性的均衡等因素能夠大大影響用戶體驗(yàn)。 動(dòng)效是UI設(shè)計(jì)得以突飛猛進(jìn)的強(qiáng)大動(dòng)力， 它可以表現(xiàn)美麗的顏色和漸變、精妙的布局結(jié)構(gòu)、有趣的運(yùn)動(dòng)動(dòng)態(tài)、突出UI元素等等。

咖啡廳優(yōu)惠券

食譜App

可以肯定的是：動(dòng)效具有解決各種互動(dòng)問(wèn)題的巨大潛力。 同時(shí)，即使是最輕微的運(yùn)動(dòng)設(shè)計(jì)，也需要周到的方法，不僅分析其優(yōu)點(diǎn)，還有可能的缺點(diǎn)。