微交互對于網站建設工作中網頁設計來說就像是“秘密醬汁”,僅需一些就能使應用程序和網站在用戶看來與眾不同。這些微小的細節使得像設置電子鬧鐘這樣的操作變得輕松,通過按下按鈕就能更好地了解如何使用數字產品。
一個好的微交互的秘訣在于,它可能是用戶甚至都沒有想到的元素。它們發生在瞬間-通??赡苤皇窃谝苿悠聊坏臅r候輕輕的一點。盡管互動的性質很小,近乎“微觀”,但是對于用戶來說,他的價值是巨大的,因為這些互動使得日?;顒痈尤诤?。
如何在你設計網頁的時候通過一個輕松的微交互,使用戶剛到驚訝或與眾不同?這里有幾個想法。
1.動效按鈕
你還記得你第一次在關注到Facebook,比如像Messenger嗎?在你和朋友或同事或其他人的聊天過程中,你點擊了“贊”的圖標,看著他在框中漸漸增長。它讓你微笑嗎?僅這樣一點點的動作效果是否讓感到一點快樂呢?
不管是點擊按鈕之前的鼓勵引導行為,還是點擊以后表現出來的動作效果,簡單的動效總能以一種熱門的方式來引導用戶去點擊它。小動畫能提供接下來將發生變化的信息,以便用戶對其在反饋回路中縮扮演的角色感到舒適和自信。
動畫應該像微交互本身一樣簡單。保持運動簡單,流暢,快速啟動和完成。在IMDb上添加評級就遵循這個原則; 將鼠標懸停在評分上,并快速查看在每個星星上移動時要添加的星星數量。點擊以完成并確認操作,一氣呵成。
2.提供多種選擇
這個要怎么說呢?想象一下你回到學校或者幼兒園的情況,當你收到一封情書的時候。是否會有這樣一段對白-你喜歡我嗎?是或否。
一個好的微交互同樣可以使用相同的概念設計。給用戶兩個快速選擇。點按即可啟動(或停止)某個操作; 點擊切換。用戶想要,也喜歡通過做出選擇來感覺他們對數字體驗的控制,但他們不想陷入通過多個步驟才能達到最終的目的。
3.創建快速相應機制
確保用戶與您的微交互互動的最佳方式? 結果應該是立即的。理想的結果應該是:
· 點擊一次就即可反應;
· 在0.1秒內提供所需的操作
微交互的快速反應對他們的成功至關重要。因為這些元素的性質很小,任何行動的延遲都會使用戶煩惱。 (想想如果花費三次點擊才能關閉鬧鐘,或者如果在會議期間有一個2秒鐘的延遲使呼叫中的振鈴器靜音,那將是多么令人沮喪)。
在“喜歡”(或不喜歡)又或者關注的這些互聯網行為上的快速反應和切換,Instagram一個完美的例子。 這就是你的微交互應該有多快。
4.重復設計
使微交互不同于網站用戶界面中其他一些交互元素的重要特征之一是-它們將被反復使用。微交互通常不是為一次性使用而設計的。(你在最后一個小時里敲了Instagram的心形按鈕多少次?)
我們是設計這種重復性的行動,但是行動不應該感覺像一個重復的運動。雖然聽起來可能很多,但可以將它歸結為點擊的直觀性質。它是明顯和自然的嗎?如果用戶不必考慮一個動作,他們永遠不會發現它是重復的完成。
使用普遍接受的用戶模式,動畫和圖標樣式將有助于指導您設計微交互的方式。不要在這里重新“發明輪子”; 使用戶輕松地通過一個水點擊完成任務,而不必讓他們絞盡腦汁如何做。
5.使其具有可讀性和相關性
這一點經常唄設計師們所忽視 - 微交互內的指令需要具備可讀性和相關性。
可讀性是指與微交互相關的任何文本或指令。詞語需要容易被看到和關注的。從設計的角度來看,選擇一個好的字體,并確保在字體和背景之間有足夠的空間周圍和充足的對比度是關鍵。遠離濃縮,薄或新奇字體,因為他們不容易使閱讀一目了然。
關聯性是指以人們談論相同的方式閱讀的文本。應避免使用不常用的語言或尷尬的措辭。在用戶開始輸入時消失的表單字段內的指令是一個很好的例子。當使用用戶期望與他們交互的品牌或網站的語調或語音時,這是特別真實的。
6.專注于細節
微交互將構成您網頁切換和目的實現接口的許多設計細節之一。你需要特別注意每一個。
微交互應該是整個設計的一部分。但你必須以其他方式思考這些小動作。從顏色選擇到用戶需要與之交互的元素的大小,這些細節的設計將鼓勵用戶操作或導致用戶放棄接下來的操作。
像使用任何其他設計元素一樣,為應用程序或網站中的微交互創建一組樣式和設計規則,以便操作在整個設計中保持一致,并且方便用戶查找和使用。元素加上互動使細節變得更重要。
7.保持簡約風格
保持簡單-強調它百萬次都是不夠的。有太多的設計在實際的使用中是難以操作的。你可能認為它很酷,但用戶不會這么覺得。他們喜歡可預測性,一致性和簡單性的設計。
事物的交互動作越容易,用戶實際點擊按鈕的可能性越大。這就是為什么一鍵操作是如此重要。你怎么判斷你的設計是否足夠簡單呢?這就要求你的設計在結構的定義上需要具備以下幾點:
· 具有動作反饋回路;
· 具有簡單的指令和視覺效果;
· 具有清晰傳達并易于理解的消息。
8.不要止于現狀
設計微交互是一個演化過程。因為這是一個新的概念,它一直在改變和發展??偸怯行碌南敕ê托碌姆绞絹碓O計用戶想要點擊的東西。
你需要保持關注度,微交互的演變我們可以追溯到丹薩福首先提出的定義基礎。(他還寫了一本關于“微交互:細節設計”的最權威書籍)。微交互包括一個四步過程,從觸發動作開始,交互如何工作的規則,反饋的循環動作以便于用戶明白發生了什么事,循環和模式決定了未來的互動將如何工作或下一步。記住這一點,你將走上微交互成功的道路。
總結
在設計上總是有很多的細節可以唄完善,使得設計更加符合用戶體驗以及更合理。所以,不要以為你可以在五分鐘內創建微交互,繼續前進。設計微交互需要特別考慮和規劃。
記住,最好的微交互通常只與一個簡單的點擊按鈕配合,并且是用戶甚至不考慮參與的元素,盡管這可能超出他們的預期。