網(wǎng)站設(shè)計微交互四個基本要素

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

1）觸發(fā)

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

2）規(guī)則

定義觸發(fā)器操作的期望，接下來發(fā)生的事情以及以什么順序發(fā)生的事情，另外，他們?yōu)橛脩艨梢詧?zhí)行的操作設(shè)置限制（例如，重復(fù)操作）。最后，規(guī)則確定微交互引導(dǎo)用戶的位置以及最終期望的內(nèi)容。

3）反饋

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

4）循環(huán)和模式

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

?一個太短的循環(huán)似乎匆忙和刺激。

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

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

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

?只有注冊用戶才能下載

? 下載有限制

?這是一種應(yīng)付服務(wù)。

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

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