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

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

1）觸發(fā)

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

2）規(guī)則

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

3）反饋

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

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

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

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

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

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

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

?只有注冊(cè)用戶才能下載

? 下載有限制

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

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

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