<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    用動效提升用戶體驗,就是這么簡單

    • 時間:2016-10-05 21:49
    • 發布:昆明UI培訓
    • 來源:優設網

    動效能講述故事。和圖片不同,動效能夠呈現變化的過程,講述一段簡短而有趣的故事,能夠同你進行對話:“嘿,你該看這個按鈕了”或者“哦耶!你剛剛完成了一個操作!”不過,動效的目標并不是單純的娛樂用戶,而是幫助用戶了解交互的效果和界面中發生的變化,讓用戶更為有效地使用你的APP。Zurb有一句話很好的解釋了這一點:

    “我們設計的不再僅僅只是靜態的界面,實際上,我們所設計的是用戶從界面獲得內容的過程。”

    動效廣泛運用于網頁內容和背景當中,用來強化功能,提升美感:它會直接影響用戶的行為,引導用戶注意到特定的內容,呈現狀態,幫助用戶找到他們想要的內容,達成目標。想要借助動效提升用戶體驗,達內昆明UI培訓建議你可以參考下面的指引來進行優化:

    加載過程不要讓用戶感到單調無聊

    如果你無法縮短加載和等待的過程,那么你應當盡量讓用戶在等待過程中感到愉悅,這個時候的動效基本只是在提醒用戶后臺正在加載。而幾乎所有的網站和APP都會碰到這樣的情況,而好的設計通常都是通過微妙而有趣的動效,讓用戶的注意力轉移到動效本身上,而不是被無聊的情緒所左右。

    不要讓狀態改變過于生硬

    動效最重要的功能之一是強化過渡效果,所以,它需要讓過程的起始和結束都要被明顯的呈現出來。達內昆明UI培訓認為一個設計良好的過度動效應當合理地將用戶的注意力引導到需要被關注的地方。

    闡明元素之間的關系

    動效還能提升用戶對界面的操控感。

    出錯的時候給用戶以反饋

    當用戶執行了某個操作之后,動效能夠強化這個交互所產生的效果。報錯,就是最常見的反饋機制之一。

    通過反饋告知用戶目標達成

    動效不僅能夠“搖頭”還能“點頭”,它同樣能夠以視覺化的方式告知用戶交互所達成的結果。當用戶操作完成之后,結果不應當是生硬的彈出,而是自然的過渡并呈現出來,“展現,而不是單純的告知”。

    結語

    達內昆明UI培訓最后要說的是,當你熟練運用動效的時候,它會成為你UI設計過程中最強大的工具之一。一個動效是否合適,你確實需要花費時間仔細思考。我們應當在設計之處就開始思考動效要如何展現,并且將它視之為界面的天然的組成部分,因為它的存在并不僅僅能夠強化界面的視覺,而且能夠優化功能,強化體驗。正如同喬布斯曾經所說的那樣:

    “設計并不僅僅關乎視覺和感受,它要呈現的是事物運作的規律。”

    上一篇:輕量化的移動APP 設計要這樣做(三)
    下一篇:最流行的8個UI設計趨勢(上)

    馬上預約三天免費體驗課

    姓名:

    電話:

    UI設計師:用戶思維,就是上帝思維

    UI設計師應該這樣輸出產品原型

    由標簽導航引發的問題:標簽導航的格局

    達內昆明UI培訓談談團隊文化建設

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>