一、「動」與「不動」

下面兩個按鈕，哪個比較讓人想點選呢?
時至今日，網頁上的微動態已然成為趨勢。微動態是如何影響網頁使用的呢?讓我們一起來看看吧!

1. 吸睛的區塊型進場效果

頁面載入時，加上令人眼睛為之一亮的動態效果，可以帶來較活潑的第一印象，帶起使用者的興趣；另外在瀏覽頁面時，使用者邊滑動頁面，下方的資訊隨之而來地依序進場，好像有種「迎接感」，增加了互動性也提升了繼續使用下去的意願。

2. 展現特色的插圖互動

只要加上小小的互動，就能讓使用者在瀏覽網站時更加有趣，當滑鼠移至banner時，圖中的腳色彷彿在隨之互動，想不多看幾眼都難!

又或是以購物網站為例，若能為網站的主打商品，加上微動態，不但能增加互動性，亦可讓使用者對網站本身印象更加深刻，甚至是讓使用者聯想到商品的美好。在酷熱的盛夏，看到這樣有趣的動態插圖，是不是也想來杯清涼的氣泡飲呢?

3. 引導使用者行為

在購物網站加入購物車時，點選完，商品便一躍而上到了購物車中，使用者的目光也會隨之移動，了解下一步應該點選【購物車】按鈕來找到方才的商品； 閱讀內頁文章時，讀至文章末端，社群分享按鈕輕輕的跳動幾下，引人注目，引導使用者點選分享。

藉由微動態可以引導瀏覽者完成特定的動作，做到「CTA(Call to Action)」，也能更清楚該如何操作網站，給予親切感。

二、 微動態=無所不能?

網站只要加上微動態，就會變得豐富有趣、大大提升使用者體驗嗎? 答案是否定的，還須注意以下幾點：

1. 網頁的目的與風格

在網頁設計階段添加微動態時，應考量網站本身的目的性及風格，若是資訊型的網站，主要目的應是「明確地傳達訊息」，相較於活動網站「引人注目獲取點擊」是不同的，既然目的不同，適用的動態效果也會不同。例如：如果是新聞資訊網，卻像聖誕節主題的活動網站採用全頁面式下雪的微動態效果，不但無法營造氣氛，可能還會讓瀏覽者認為不符合預期看到的內容而關閉網站。

2. 頁面資訊內容的重要優先度

網站經營者需思考在同個頁面中，哪個區塊的資訊是最重要的?例如：在介紹內容的文章中，若周邊的圖案與動畫持續閃動，反而會分散使用者的注意力，讓應被關注的焦點失焦。

3. 清楚的網站架構與內容

無論有沒有加上微動態，對於網站本身的呈現應該要以「清楚」為原則，把握住適宜的設計風格、恰當的空間配置、清楚的閱讀脈絡等等基本要素，就能讓網頁易於使用；此時再加上微動態才能達到畫龍點睛的加分效果。

對於網站微動態是否有更了解了呢?如有其他問題或是更多想法，歡迎與我們聯絡!!