微交互對于網(wǎng)站建設(shè)工作中網(wǎng)頁設(shè)計來說就像是“秘密醬汁”，僅需一些就能使應(yīng)用程序和網(wǎng)站在用戶看來與眾不同。這些微小的細節(jié)使得像設(shè)置電子鬧鐘這樣的操作變得輕松，通過按下按鈕就能更好地了解如何使用數(shù)字產(chǎn)品。

一個好的微交互的秘訣在于，它可能是用戶甚至都沒有想到的元素。它們發(fā)生在瞬間-通常可能只是在移動屏幕的時候輕輕的一點。盡管互動的性質(zhì)很小，近乎“微觀”，但是對于用戶來說，他的價值是巨大的，因為這些互動使得日常活動更加融合。

如何在你設(shè)計網(wǎng)頁的時候通過一個輕松的微交互，使用戶剛到驚訝或與眾不同？這里有幾個想法。

1.動效按鈕

你還記得你第一次在關(guān)注到Facebook，比如像Messenger嗎？在你和朋友或同事或其他人的聊天過程中，你點擊了“贊”的圖標，看著他在框中漸漸增長。它讓你微笑嗎？僅這樣一點點的動作效果是否讓感到一點快樂呢？

不管是點擊按鈕之前的鼓勵引導行為，還是點擊以后表現(xiàn)出來的動作效果，簡單的動效總能以一種熱門的方式來引導用戶去點擊它。小動畫能提供接下來將發(fā)生變化的信息，以便用戶對其在反饋回路中縮扮演的角色感到舒適和自信。

動畫應(yīng)該像微交互本身一樣簡單。保持運動簡單，流暢，快速啟動和完成。在IMDb上添加評級就遵循這個原則; 將鼠標懸停在評分上，并快速查看在每個星星上移動時要添加的星星數(shù)量。點擊以完成并確認操作，一氣呵成。

2.提供多種選擇

這個要怎么說呢？想象一下你回到學校或者幼兒園的情況，當你收到一封情書的時候。是否會有這樣一段對白-你喜歡我嗎？是或否。

一個好的微交互同樣可以使用相同的概念設(shè)計。給用戶兩個快速選擇。點按即可啟動（或停止）某個操作; 點擊切換。用戶想要，也喜歡通過做出選擇來感覺他們對數(shù)字體驗的控制，但他們不想陷入通過多個步驟才能達到最終的目的。

3.創(chuàng)建快速相應(yīng)機制

確保用戶與您的微交互互動的最佳方式？ 結(jié)果應(yīng)該是立即的。理想的結(jié)果應(yīng)該是：

· 點擊一次就即可反應(yīng)；

· 在0.1秒內(nèi)提供所需的操作

微交互的快速反應(yīng)對他們的成功至關(guān)重要。因為這些元素的性質(zhì)很小，任何行動的延遲都會使用戶煩惱。 （想想如果花費三次點擊才能關(guān)閉鬧鐘，或者如果在會議期間有一個2秒鐘的延遲使呼叫中的振鈴器靜音，那將是多么令人沮喪）。

在“喜歡”（或不喜歡）又或者關(guān)注的這些互聯(lián)網(wǎng)行為上的快速反應(yīng)和切換，Instagram一個完美的例子。 這就是你的微交互應(yīng)該有多快。

4.重復設(shè)計

使微交互不同于網(wǎng)站用戶界面中其他一些交互元素的重要特征之一是-它們將被反復使用。微交互通常不是為一次性使用而設(shè)計的。（你在最后一個小時里敲了Instagram的心形按鈕多少次？）

我們是設(shè)計這種重復性的行動，但是行動不應(yīng)該感覺像一個重復的運動。雖然聽起來可能很多，但可以將它歸結(jié)為點擊的直觀性質(zhì)。它是明顯和自然的嗎？如果用戶不必考慮一個動作，他們永遠不會發(fā)現(xiàn)它是重復的完成。

使用普遍接受的用戶模式，動畫和圖標樣式將有助于指導您設(shè)計微交互的方式。不要在這里重新“發(fā)明輪子”; 使用戶輕松地通過一個水點擊完成任務(wù)，而不必讓他們絞盡腦汁如何做。

5.使其具有可讀性和相關(guān)性

這一點經(jīng)常唄設(shè)計師們所忽視 - 微交互內(nèi)的指令需要具備可讀性和相關(guān)性。

可讀性是指與微交互相關(guān)的任何文本或指令。詞語需要容易被看到和關(guān)注的。從設(shè)計的角度來看，選擇一個好的字體，并確保在字體和背景之間有足夠的空間周圍和充足的對比度是關(guān)鍵。遠離濃縮，薄或新奇字體，因為他們不容易使閱讀一目了然。

關(guān)聯(lián)性是指以人們談?wù)撓嗤姆绞介喿x的文本。應(yīng)避免使用不常用的語言或?qū)擂蔚拇朕o。在用戶開始輸入時消失的表單字段內(nèi)的指令是一個很好的例子。當使用用戶期望與他們交互的品牌或網(wǎng)站的語調(diào)或語音時，這是特別真實的。

6.專注于細節(jié)

微交互將構(gòu)成您網(wǎng)頁切換和目的實現(xiàn)接口的許多設(shè)計細節(jié)之一。你需要特別注意每一個。

微交互應(yīng)該是整個設(shè)計的一部分。但你必須以其他方式思考這些小動作。從顏色選擇到用戶需要與之交互的元素的大小，這些細節(jié)的設(shè)計將鼓勵用戶操作或?qū)е掠脩舴艞壗酉聛淼牟僮鳌?

像使用任何其他設(shè)計元素一樣，為應(yīng)用程序或網(wǎng)站中的微交互創(chuàng)建一組樣式和設(shè)計規(guī)則，以便操作在整個設(shè)計中保持一致，并且方便用戶查找和使用。元素加上互動使細節(jié)變得更重要。

7.保持簡約風格

保持簡單-強調(diào)它百萬次都是不夠的。有太多的設(shè)計在實際的使用中是難以操作的。你可能認為它很酷，但用戶不會這么覺得。他們喜歡可預測性，一致性和簡單性的設(shè)計。

事物的交互動作越容易，用戶實際點擊按鈕的可能性越大。這就是為什么一鍵操作是如此重要。你怎么判斷你的設(shè)計是否足夠簡單呢？這就要求你的設(shè)計在結(jié)構(gòu)的定義上需要具備以下幾點：

· 具有動作反饋回路；

· 具有簡單的指令和視覺效果；

· 具有清晰傳達并易于理解的消息。

8.不要止于現(xiàn)狀

設(shè)計微交互是一個演化過程。因為這是一個新的概念，它一直在改變和發(fā)展。總是有新的想法和新的方式來設(shè)計用戶想要點擊的東西。

你需要保持關(guān)注度，微交互的演變我們可以追溯到丹薩福首先提出的定義基礎(chǔ)。（他還寫了一本關(guān)于“微交互：細節(jié)設(shè)計”的最權(quán)威書籍）。微交互包括一個四步過程，從觸發(fā)動作開始，交互如何工作的規(guī)則，反饋的循環(huán)動作以便于用戶明白發(fā)生了什么事，循環(huán)和模式?jīng)Q定了未來的互動將如何工作或下一步。記住這一點，你將走上微交互成功的道路。

總結(jié)

在設(shè)計上總是有很多的細節(jié)可以唄完善，使得設(shè)計更加符合用戶體驗以及更合理。所以，不要以為你可以在五分鐘內(nèi)創(chuàng)建微交互，繼續(xù)前進。設(shè)計微交互需要特別考慮和規(guī)劃。

記住，最好的微交互通常只與一個簡單的點擊按鈕配合，并且是用戶甚至不考慮參與的元素，盡管這可能超出他們的預期。