一份簡單實用的微交互設(shè)計指南

功能差不多的情況下，如何讓用戶一見傾心？微交互是決定用戶印象的關(guān)鍵之一，今天這篇好文列舉了使用微交互的注意點，以及五個最常見的使用場景，全是干貨，來收！

好的產(chǎn)品往往做好了兩點：功能和細節(jié)設(shè)計。

功能吸引用戶使用你的產(chǎn)品，細節(jié)設(shè)計將你的用戶留下。優(yōu)秀的細節(jié)設(shè)計能夠使你的產(chǎn)品在眾多競品中脫穎而出，優(yōu)秀的微交互設(shè)計往往能夠讓用戶在初次使用產(chǎn)品時就能夠留下深刻的印象。作為一個交互設(shè)計師，在設(shè)計微交互方案的時候不僅要考慮視覺上的沖擊力，還要想辦法賦予其信息傳遞的功能。

什么是微交互？

微交互是產(chǎn)品中存在的某一個時刻，它完成了某一個小的任務(wù)。Dan Saffer在他的書中（Microinteractions）第一次描述了微交互的概念，這些小細節(jié)專注于服務(wù)這些必要的功能：

1.交流回饋或者動作的結(jié)果回饋

2.完成某個單獨的任務(wù)

3.增強直接操作的感覺

4.幫助用戶在視覺上展示操作的結(jié)果，以及避免錯誤

一些明顯的微交互例子包括：

當你將iPhone設(shè)置成靜音時伴隨出現(xiàn)的的震動提醒、屏幕上的靜音icon。

界面動畫提示是否能夠點擊（當鼠標移到按鈕上方時按鈕的顏色改變）。

為什么使用微交互？

微交互是在對用戶一些自然的需求/欲望的認知和反饋。用戶從微交互提供的視覺、觸覺等反饋中確認他們的行為被接受。微交互還可以引導用戶正確的使用系統(tǒng)/產(chǎn)品。

定義微交互的使用情景

微交互的一個特點是它可以被放置在很多的場景下，輔助不同的動作行為。總體來說，微交互的使用場景包括：

展示系統(tǒng)/產(chǎn)品的狀態(tài)

Jacob Nielsen在“可用性啟發(fā)原則”中指出：讓你的用戶時刻了解發(fā)生的事情，用戶期望對自己的行為立即得到反饋。但是有些情況下，app需要時間來等待行為處理完成后才能向用戶發(fā)出反饋。因此，產(chǎn)品界面需要向用戶指明此刻正在發(fā)生的事。

下載進度表

或者標明用戶所在的位置：

Tips：不要讓你的用戶感到無助，讓你的用戶了解實時的狀態(tài)并且向其展示進度（比如進度條能夠讓用戶了解進度，消除疑惑）

提示更新

我們有時需要向用戶推送通知來保證用戶了解到事態(tài)的更新。動畫可以做到這一點，動畫可以吸引用戶的注意力，避免用戶忽視掉重要的信息。

Tips：微交互里的動效應(yīng)該遵循KISS原則（keep it simple, stupid）,應(yīng)該盡量簡單直接。

關(guān)聯(lián)上下文

使用動效來將用戶的注意力平滑的在導航頁面間切換，向用戶解釋頁面里元素之間的關(guān)系，以及頁面跳轉(zhuǎn)的來龍去脈。這對于移動設(shè)備非常有用，因為屏幕的尺寸限制，移動界面中每一頁的內(nèi)容都很緊湊，使用動效來闡述內(nèi)容之間的聯(lián)系非常實用。

Tips：盡量讓每個頁面的導航簡潔，這樣可以有效避免用戶在頁面跳轉(zhuǎn)中迷失。兩個狀態(tài)之間的卻換應(yīng)該清晰、平滑、快捷。在視覺上統(tǒng)一所有的交互形式，降低用戶的學習成本。

輸入可視化

數(shù)據(jù)輸入是應(yīng)用中非常重要的環(huán)節(jié)，微交互可以使用現(xiàn)有的元素來展示數(shù)據(jù)輸入的反饋，從而將這步操作變得更加高效。

Tips：微交互能夠幫助用戶理解信息格式，來源，幫助用戶便捷輸入信息。

引導互動

微交互可以鼓勵用戶、吸引用戶與產(chǎn)品交互。它可以在用戶體驗中產(chǎn)生同理心。但是需要謹慎使用微交互，保證其在感官上不會冒犯你的用戶。

時刻謹記：不要讓用戶感到厭煩，Keep it simple, stupid.

Tips：關(guān)注用戶的情感反饋，因為它在用戶體驗中起到很重要的作用。多做用戶研究和情景調(diào)研，設(shè)計能被用戶頻繁使用的微交互方案。

值得謹記的

1.微交互向用戶展示動作反饋，通知以及信息框架結(jié)構(gòu)

2.微交互應(yīng)該通過轉(zhuǎn)移用戶的注意力、愉悅用戶等來達到加快/縮短信息數(shù)據(jù)的傳輸

3.了解你的用戶以及使用微交互的背景，能夠讓你的微交互方案更加的精準與高效

4.微交互必須能夠支持長時效的使用，在第一次使用時感到驚喜的方案，可能在第一百次使用時就變成了困擾。

5.微交互方案應(yīng)該人性化一些，并且在視覺上保持和諧。用戶在使用的時候應(yīng)該感到流暢，微交互的方案應(yīng)該盡可能的從現(xiàn)實生活中獲得啟發(fā)，比如使用擬物化等手段，從而降低學習成本。

總結(jié)

用心設(shè)計，思考用戶使用產(chǎn)品的情景，再設(shè)計這些微交互時多運用一些生活中常見的操作模式、物體的運動軌跡、常見的行為方式等。產(chǎn)品的易用性來源于對細節(jié)的打磨，偉大的設(shè)計不僅僅在功能上滿足用戶的需求，還要在微交互的設(shè)計上打動人心。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

新聞名稱：一份簡單實用的微交互設(shè)計指南
本文來源：http://www.bm7419.com/news4/315154.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、移動網(wǎng)站建設(shè)、軟件開發(fā)、ChatGPT、云服務(wù)器、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)