網站設計微交互四個基本要素

在網頁設計中，微交互通常關注單個事件或單個任務，這些任務遍布整個APP。這些微交互的目的是讓用戶感覺流暢和愉快，設計師可以創造一個有吸引力或令人愉快的時刻，或者讓用戶在此刻感受到人性化。它有以下幾個基本要素：

1）觸發

有手動和系統啟動的觸發器。手動的是用戶的第一個動作（點擊，滑動，翻轉開關，按住按鈕等），啟動整個交互過程。第二種類型是內置系統信號，報告新操作。例如，傳入消息的聲音。在第一種情況下，用戶啟動交互循環，在第二種情況下 - 應用程序邀請用戶進行動作序列的旅程。這些觸發器之間的共同點是它們背后有規則。

2）規則

定義觸發器操作的期望，接下來發生的事情以及以什么順序發生的事情，另外，他們為用戶可以執行的操作設置限制（例如，重復操作）。最后，規則確定微交互引導用戶的位置以及最終期望的內容。

3）反饋

是系統響應嗎？幫助您理解規則（聲音，動畫，彈出窗口，頁面轉換）的所有內容都是反饋。它可以采取任何形狀和外觀。但是，這當然是一個明確的信息，讓您了解您在這個過程中的前進方向。

4）循環和模式

循環意味著用戶系統交互的可重復生命周期。它定義了微交互的速度和進步。并且影響UX很多！因此，當你計劃你的小動畫技巧時要注意它的循環長度：

?一個太短的循環似乎匆忙和刺激。

?過長的循環會使用戶感到不耐煩，并會破壞用戶的參與度。

模式是循環圖中的分支。他們定義了微交互的場景及其可能的變化。

看看上面的GIF。它是在下載按鈕中實現的復雜微交互的示例。觸發器按下箭頭按鈕。規則可能有所不同 一些選項：

?只有注冊用戶才能下載

? 下載有限制

?這是一種應付服務。

反饋是將按鈕轉換為等待圈。它驗證用戶是否可以自由完成操作。有可能抵消的地方。下載過程可能成功或失敗。如果出現問題，反饋將采用通知的形式。在此示例中，該過程以文件打開成功結束。

微交互帶給用戶控制和理解他們所做的事情。單個細節可以提升品牌知名度，成為應用的真正象征。微交互減輕了手動和數字體驗之間的差異，帶來了在線產品的可觸知性。最終，他們提升了產品參與度，使其成為2019年網站設計戰略的重要組成部分。