微交互設計:創建微動畫以改善用戶體驗

2019.07.25 mf_web

194

良好的網絡/應用程序設計很好地展示了他們的產品,并提供了更好的用戶交互。良好的顯示效果可將目標用戶帶入您的網站/應用。雖然周到和創新的微動畫鞏固了您的成功未來,給用戶留下了良好的印象,使您的服務在同一個中脫穎而出。因此,卓越的微交互設計是快樂用戶體驗的關鍵。

在設計應用程序時,我們應該從用戶的角度進行思考。可播放的微動畫讓用戶感到愉快,這使他們更愿意花時間使用應用程序/網絡。對于設計師而言,了解如何在工作中應用微交互設計至關重要。

什么是微交互設計正確和誰先提出它?

簡單地說:Micro Interactions是用戶進行小型交易時存在的某些特定交互的集合。微交互是一小部分通信,可以幫助用戶完成基本任務。也就是說,微交互很難被注意到。然而,微交互的存在帶來了簡化和直觀的用戶體驗。難怪它如此受歡迎并且如今被廣泛使用。

Dan最初在他的書中引入了微交互設計。列出了Microinteraction工作的四個基本功能:

*向用戶提供反饋或顯示操作結果。

*通知用戶完成單個任務。

*增強操作感。

*可視化操作以防止錯誤操作。

使用微動畫來增強用戶體驗

讓我們在這里以應用程序設計風格的兩個微交互設計為例:

1.當iPhone 7 Plus靜音時,您會立即感受到智能手機的振動。同時,屏幕中間會顯示一個靜音圖標。

2.當鼠標懸停在某個圖標上時,其顏色會變為暗示它是可點擊的。

將iPhone 7靜音以感知微交互設計

微交互背后的邏輯

微交互功能很好,因為它完全吸引人們更多地探索和渴望更多。用戶在操作時獲得及時的視覺反饋,從而鼓勵用戶進行探索。由于邏輯原因,Micro Interactions在第一次使用指南時常見。我們只需遵循auto Microinteractions命令來學習應用程序,或習慣如何完成工作。

將微交互應用于您的設計

在許多情況下,可以應用微交互來改善用戶體驗。或者似乎所有交互都可以設計為微交互。雖然在以下情況下通常是這樣的:

1.顯示系統狀態

Jakob Nielsen強調,在他的“用戶界面設計的10個啟發式”中,任何系統都應該始終告訴用戶他們在哪里,無論執行什么任務。用戶總是希望立即進入下一階段。當談到某些處理時,例如加載信息,它必須讓用戶等待一段時間。在這種情況下,添加一些有趣的Micro Interactions將為您帶來一些時間。或者用戶可能會發瘋,抱怨很多。以下是微交互示例之一。

顯示狀態的微動畫示例

記住:不要讓用戶感到疲倦!讓他們了解當前狀態是必要的。(使用進度條顯示程序運行的位置。)

2.突出顯示狀態更改

當消息即將發布時,我們必須確保用戶立即看到它。微動畫恰好表現得很好。它是吸引用戶注意力的理想選擇,可以提醒容易被忽略的重要消息。

在許多情況下,微動畫可以成功地吸引用戶的眼球,但它仍然需要遵守“KISS規則”以保持微交互設計的簡潔和輕松。

關于KISS原則:

KISS是評估用戶體驗的最高標準。簡要解釋一下規則:我們需要很好地和簡單地展示產品,這樣即使是傻瓜也可以在第一時間完全理解它。因此,它也被稱為“Layman原理”。換句話說,它的原則是“簡單就是一種美”。大衛最初將“KISS”概念引入電影理論,并將其發展并傳播到其他領域。

3.流暢的場景交換

為了向用戶展示元素在界面中的組織方式和行,使用流暢友好的場景交換至關重要。智能手機或智能手表最需要它,因為這種設備屏幕提供有限的空間來顯示信息。

在不同的界面中保持清晰的導航,用戶可以輕松預測可能顯示的內容類型以及下一步閱讀的位置。確保兩個不同界面之間的轉換清晰,流暢和簡潔。一般來說,最好統一同一主題下的所有互動。

4.視覺輸入

數據輸入是任何應用程序的最關鍵過程。精心設計的Micro Interaction將使沉悶的過程生動逼真。Micro Interactions有效地顯示信息,幫助用戶完成任何操作。

5.激勵用戶

Micro Interactions可用于導航用戶以及激發用戶。它同情用戶和產品。需要確保所有Micro Interactions都適合您的客戶。此外,你應該考慮長期疲勞。

建議在設計產品時考慮文化和用戶研究。并且還以用戶的角度來感受和修改您的設計。

最新案例

聯系電話 400-6065-301

微信咨詢 寒總監

捕鱼王2下载
讯盈篮球比分 任选9场胜负19077期开奖结果 河北11选5胆拖玩法介绍 如何判断微信斗牛有人开挂 2元体彩网 福建体彩31选7最新玩法 浙江快乐时时走势图 北京快乐8走势图360 千炮捕鱼联网版话费 足彩2串1漏洞 福建省体彩3l选7走势图2元网 宝马娛乐城网站多少