旗下產業(yè): A產業(yè)/?A實習/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設計 > 如何通過交互設計增強用戶體驗

如何通過交互設計增強用戶體驗

時間:2020-09-15來源:m.5wd995.cn點擊量:作者:Gella
時間:2020-09-15點擊量:作者:Gella

  本文將展示有關微交互的例子。今天AAA教育郭老師就給大家講一下如何改進用戶體驗以及什么是微交互測試。你可以使用這些信息來說服你的老板或你的設計團隊(甚至你自己),微交互是靈活的,是設計豐富交互體驗的一個不斷變化的元素。
 

  微交互表明,關注細節(jié)是促成有效的強大的結果的關鍵原則。設計過程的每一部分都很重要。令人印象深刻,有用和難忘的細節(jié),使你的應用程序從競爭中脫穎而出。
 

  微相互作用會產生有趣的時刻。這些是在整個交互過程中與用戶接觸的機會。就像典型的拖放操作中就會產生有趣的互動。例如,拖動開始時高亮顯示的目標對象可以幫助用戶知道要去哪里。
 

  一、轉換中的微交互的好處
 

  1. 在動畫頁之間

 



 

  微動畫在界面狀態(tài)之間進行了平滑的轉換,提高了應用程序的用戶體驗。用戶可以更好地了解其以前和當前的狀態(tài)。此外,微動畫能傳遞應用程序的“情緒”并關注必要的細節(jié)。
 

  2. 使用滾動條配合動畫

 



 

  在Polarsteps應用程序中使用微動畫是向用戶顯示滾動條進度的一種很好的方式。用戶可以看到他們的操作和滾動內容之間的聯(lián)系。個性化和指示器是在特定日期搜索照片或記錄的完美方式。
 

  3. 上傳或下載狀態(tài)欄

 



 

  使用微動畫通知加載/卸載狀態(tài)。在本例中,微型動畫還顯示已經(jīng)下載了多少兆字節(jié)。動畫進度條為無聊的動作添加了更多的樂趣。
 

  4. 通知標識

 



 

  微動畫使用戶能夠與你的產品創(chuàng)建關聯(lián)并更快地與應用程序交互。它們以優(yōu)雅的方式顯示實際的更改。
 

  5. 下拉式菜單

 



 

  一個經(jīng)常使用的更新內容的動作,通過深思熟慮和獨特的微動畫,成為用戶體驗設計的亮點。使用彩色動畫通知用戶頁面正在加載,并在下載完成時顯示。
 

  6. 一個響應提示

 



 

  響應式微動畫鼓勵用戶響應你的動作調用(CTA)。
 

  這是用戶更頻繁地與界面交互的一個關鍵原因。
 

  7. 運動的設計使填寫表格變得有趣

 



 

  微動畫改善了填寫表單的枯燥過程,增加了趣味性和交互性。一個惱人的體驗變得更有價值,用戶會毫不猶豫地填寫完整的表單,即使他們需要多次輸入電子郵件。
 

  8. 個性的錨文本動畫

 



 

  錨文本動畫給你的設計個性和顯示創(chuàng)造性的用戶體驗設計方法。毫無疑問,這些簡潔的效果在極簡界面中尤其受歡迎。
 

  9. 開/關

 



 

  微動畫可以管理無聊的元素,如開關。當應用程序關閉時,動畫會停止,用戶會立即收到關于交互的反饋。
 

  10. 滑動

 



 

  微動畫最常見的用途之一就是內容滑動。微動畫將一個熟悉的滑動手勢轉換成一個獨特的界面,用戶可以在一個連續(xù)的流中查看內容。
 

  11. 突出的變化

 



 

  通過微動畫,用戶可以從界面上立即收到對其操作的響應。當單擊按鈕時,界面的每個元素都會做出平滑的反應,每個設計板塊都會轉換為新的狀態(tài)。
 

  二、測試微交互作用的過程
 

  有些人可能會給你一個不好的建議,不要去費心測試微交互,說這就像重新發(fā)明輪子。
 

  相反,微交互對于任何應用程序或設備的正常運行都是必要的??梢酝ㄟ^測驗和用戶輸入來改進和改善它們。不同之處在于,更多的是測試流程和結構,而不是測試概念。
 

  遵循稱為精確開端循環(huán)反饋的構建研究方法>測量>學習。構建微交互來測試它。用各種定量和定性的方法對設計進行測量。從這些發(fā)現(xiàn)的分析中學習。然后重復。使用研究來確認你的決定,并確保微交互符合最終用戶的需求。
 

  設置和運行測試會話的工作量和成本通常非常高。因此,微交互常常與桌面軟件測試的其他項目放在一起。
 

  1. 診斷微交互的問題
 

  使用下面描述的過程作為測試微交互的起點。
 

  (1)首先,詢問用戶希望通過這種微交互實現(xiàn)什么。在使用微交互之前,檢查他們是否需要學習任何東西。尤其是如果他們以前從未使用過類似的東西。
 

  (2) 允許他們在沒有你的幫助下使用微交互。實時或隨后立即收集定量數(shù)據(jù)。
 

  (3)跟隨用戶一步一步地完成微交互。聽聽他們對自己所做選擇的印象和描述??纯次⒔换サ囊?guī)則對參與者是否明顯,注意任何差異。
 

  (4)問他們,他們希望微交互記住關于他們的哪些數(shù)據(jù)。
 

  (5) 最后,請他們展示一個你需要在這個微交互中修復的元素。
 

  這個過程允許你發(fā)現(xiàn)和診斷微交互的任何問題。它驗證了一般的目標和愿望。對兩個用戶團隊重復這個過程至少兩次。應用用戶反饋和單元間的結果分析來修改微交互。
 

  2. 如何使用研究數(shù)據(jù)
 

  以下是一些你可以測試的定量數(shù)據(jù):
 

  ——完成率;
 

  ——微交互持續(xù)時間;
 

  ——具體步驟持續(xù)時間;
 

  ——步驟數(shù);
 

  ——點擊/敲擊/選擇次數(shù);
 

  ——機器誤差數(shù)量;
 

  ——人為錯誤數(shù)量。
 

  你將修改微交互并重新測試它,看看是否需要進行更多的改進。另外:注意樣本的大小。少數(shù)用戶可能會使錯誤或首選項之類的內容顯得比實際重要(或不那么重要)。
 

  統(tǒng)計學意義當然不意味著有實際意義。關于在設計過程中使用數(shù)據(jù),最重要的教訓是:它不能為你設計。研究數(shù)據(jù)需要一個人來解釋它,然后把它放到語境中。數(shù)據(jù)很少能告訴你事情發(fā)生的原因。
 

  你為什么要拋棄這些數(shù)據(jù)?例如,大多數(shù)在線廣告都沒有點擊。如果點擊率是0.5%那就沒問題了。那么,我們是否應該推遲所有的在線廣告,因為它們很少被使用?99.9%的用戶會同意(另外0.1%的人為廣告公司工作)。但是去除廣告意味著網(wǎng)站本身的消失,因為沒有現(xiàn)金來運營它。你不能只聽數(shù)據(jù),因為數(shù)據(jù)不包括更廣泛的上下文。業(yè)務、組織環(huán)境和用戶基礎不僅僅是Excel表中的數(shù)字。數(shù)據(jù)應該是你決策的輸入。但不要讓數(shù)據(jù)獨自決定。
 

  三、微交互對產品用戶體驗的重要性
 

  微交互改善了產品的用戶體驗,幫助用戶記住你的品牌。它們不僅讓數(shù)字體驗變得簡單,而且讓人著迷??紤]小細節(jié)表明用戶和他們的需求得到了一些關注。這正是他們想要的感覺。通過微互動,你可以改善人們的生活。最重要的是,在快節(jié)奏的web開發(fā)行業(yè)中保持領先。
 

  因此,您現(xiàn)在已經(jīng)了解了與UI設計師的工作相關的主要技能。如果您想了解更多信息,請訪問AAA教育,包含有關在該領域工作的更多相關文章。



 

預約申請免費試聽課

填寫下面表單即可預約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學習,可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權所有
備案號:京ICP備12034770號

?2007-2022/ m.5wd995.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖