返回首頁 設為首頁              資源已找到,加載中...... 請稍等!          網站地圖google地圖百度地圖同行旅游RSS |

  資訊>|新聞|人物訪談|新手教程|網絡營銷|互聯網絡|站長故事|網站設計|網絡應用|

  分類>|百度推廣|谷歌推廣|騰訊推廣|必應推廣|雅虎|搜狗|搜索|炒作|軟文|博客|綜合|

  目錄>|推廣故事|域名空間|故事|編程|合作|休閑|人才|招聘|論壇|博客|站長|休閑|

>> | 設為首頁 | 加入收藏 |

增強用戶體驗方面功能性動畫發揮多少作用
增強用戶體驗方面功能性動畫發揮多少作用
   點擊數:198  更新時間:2017/11/4 22:17:33
  本文將講述功能性動畫在增強用戶體驗方面發揮的作用,以及如何將功能性動畫融入你的網站或移動應用中。在通往更好的用戶體驗設計道路上涉及到各種因素,包括網站設計、功能、產品質量、客戶服務和電子商務等等。雖然大多數用戶體驗方案都需要廣泛的研究、測試和周密的計劃,但我們可自行支配的一些最好的工具通常是那些小的、簡單的東西,來產生持久印象的。功能性動畫就是其中之一,而且它在用戶體驗中扮演著很重要的角色。
  雖然許多網頁設計者可能因為成本限制、放置問題和網站性能而不考慮使用動畫,但現在在任何類型的網站上添加動畫都是可行的和負擔得起的。重要的是,網絡專業人士能夠了解并欣賞動畫在一個網站上擁有的潛在價值。
  Animated Avatar Upload UX by Miguel Oliva Márquez.
  在人類生物學和自然中
  人類是視覺驅動的動物,而圖像則是加強聯系的最佳方式之一。動畫融入運動使視覺更具趣味。人類的眼睛自然地在移動,所以視覺動畫自然會比靜態顯示更具吸引力。
  現代設計最受歡迎的原則之一是極簡主義,或者盡可能少地使用設計元素來創造視覺趣味。花哨、過分的設計偏離了本意,通常情況下,由于人們忙碌、困惑,或者只是很難快速地評估那些有價值的信息,而會被它們完全從信息中抽離出來。
  結合動畫可以提高參與度,但重要的是不要過度。與現代設計的大多數其他方面一樣,少即是多。
  微交互贏得用戶
  向網站添加功能性動畫的最好方法之一是通過微交互。這是另一個根植于人類心理學的概念:人們希望知道他們什么時候成功地完成了一個動作。
  Twitter Fav by Twitter.
  考慮一下推特:當你“喜歡”一條推文的時候,小心形圖標開始時是灰色,一旦你按下它,它就會亮起小而快速迸裂的紅色。這個小動畫很有趣,并且它通過有趣的方式讓用戶知道他們成功地“喜歡”了一條推文。它還可以提醒他們在滾動時不小心點擊了“喜歡”按鈕。
  如何將動畫融入你的網站
  將功能性動畫融入到微交互中有無數種方法。尋找你希望訪問者點擊的網站部分,或查找最有價值信息的部分。 每個網站都是不同的,所以取決于你能夠在你設計精美的網站頁面上找到生成更多的視覺興趣點的方法。
  尋找訪問者可以操縱頁面內容的區域。 如果一個部分擴展開,想想如何使過程動畫化。 如果您希望用戶提交聯系信息,請確保有一個小動畫讓他們知道他們已經正確發送了他們的信息。
  Portfolio Exploration by Adrián Somoza.
  如果你想讓功能性動畫成為你網站真正有價值的方面,那么你需要使用動畫作為向訪問者傳達反饋的一種方式。讓他們知道他們在做什么,顯示他們正確地完成了一個動作,或者通過使用精心設計的動畫來引導他們與你的品牌一起旅行。
  為移動設計
  如果你還沒有采用移動優先的網站設計方法,你就落后了。移動設備上的互聯網流量每天都在驚人地增長。越來越多的人在智能手機和其他移動設備上使用互聯網,從看電影、付賬單和購物,到探索他們最喜歡的品牌和媒體的內容。對于現代公司來說,設計響應良好的移動瀏覽網站是至關重要的。
  由于人們使用拇指而不是鼠標來瀏覽移動網站,所以在規劃動畫的時候,一定要記住拇指導航。人們在滾動的時候,錯誤地點擊鏈接或提交表單是很常見的,所以要確保你的移動網站易于導航。一旦你確定訪客不會在你的移動網站上滑動,尋找可以添加功能性動畫的地方。
  功能性動畫的最佳實踐
  小動畫可以讓你的網站對訪客更有用。即使是一個小小的添加,也可以經過深思熟慮的計劃使一個乏味的頁面變得更有趣。某些網站具有導航按鈕,可在用戶將鼠標懸停在其上時更改大小或顏色。這些簡單的動畫不僅看起來更有趣,他們還讓用戶知道他們將去哪里,或者如果他們點擊那個地方將會發生什么。
  Material Design Motion Guidelines by Google.
  確保你的動畫不需要太長時間也是至關重要的。記住,少即是多。快速、引人注目的動畫將會比冗長而復雜的動畫更有趣、更吸引人。我們主張短暫的時間跨度,所以不要添加延長完成動作的動畫。訪問者應該將這些動畫看作是有趣的、成功完成動作的有趣小指示。
  另一個要保持動畫短暫而美妙的原因是你的頁面加載時間。人們不喜歡等待,而且大多數現代消費者沒有耐心等待緩慢加載的網站。如果大型的、笨重的動畫文件正在影響你的網站載入時間,你的網站的訪問者將會很快失去興趣并探索你的競爭對手網站,而不是與你的不穩定的、緩慢加載的頁面抗衡。
  注意一些常見的動畫陷阱
  除了放慢你的網站加載時間,失去注意力不集中的訪客之外,太多的動畫會讓你的頁面看起來太過裝飾和刻意的浮華。那些意在讓潛在客戶們驚嘆的、大膽的、閃爍的大字和長篇大論的動畫已經一去不復返了。
  今天,動畫的目標應該是提高網站的功能和吸引力。不要僅僅為了裝飾而做動畫——確保你所有的動畫都有一個目的而不會減少頁面的內容。
  自帶信息也很重要。如果你推出一個新網站或開發一個新的移動應用程序,你將需要向新用戶展示如何導航,并充分利用他們的時間。
  Dropbox/Guide by ueno.
  開發一個教程流程,向用戶展示應用程序或新網站的所有功能和控件,并考慮在執行過程中每一步的動畫。這不僅會更具視覺趣味性,而且顧客也會喜歡有趣的,吸引人的東西,并且更有可能享受在你的應用上所花費的時間。
  打破平衡
  最終,功能性動畫的成功整合取決于可用性。如果你正在考慮是否在網站的任何部分添加動畫,請考慮添加動畫是否會增強用戶的體驗。如果答案不是一個明確的“是”,那么它很可能不值得做出改變。試著在創造更多的視覺興趣點之間找到平衡,而不是看起來太繁忙或太浮華。
  功能性動畫應該讓你的網站訪問者感到愉悅,讓他們感到你的網站和內容體驗更加令人難忘和迷人。通過專注于極簡主義和響應性設計的基本原則,你可以創建更多視覺沖擊、讓訪問者感興趣的網站。

  • 上一篇文章:

  • 下一篇文章: 沒有了
  • 【字體:
      網友評論:(只顯示最新10條。評論內容只代表網友觀點,與本站立場無關!)
    相 關 文 章
    沒有相關文章
    最 新 推 薦

    Copyright © 2005 - 2011 建站流程網 chczz.com All rights reserved. 聯系郵箱:chczzcom#163.com
    中國信息產業部備案編號:渝ICP備09029879號-2
    本站全部資源來自于互聯網,只供學習,不得用于商業,如有侵犯版權請聯系告知,來信請務必附上版權申明及相關證據,我們將第一時間刪除.

    cctv5高尔夫网球频道