亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

什么是微交互？微交互（即Micro-Interaction）是一種相對(duì)微觀的人機(jī)交互方式，包含于產(chǎn)品內(nèi)，是用戶在完成某個(gè)小操作的特定瞬間產(chǎn)生的交互體驗(yàn)。

細(xì)心觀察，其實(shí)這類微交互遍布于我們生活中。例如：打開健康碼/付款碼時(shí)手機(jī)屏幕自動(dòng)變成高亮、手機(jī)切換靜音模式時(shí)伴隨著短暫震動(dòng)提醒和靜音icon浮現(xiàn)、郵箱登錄時(shí)自動(dòng)補(bǔ)全@xxx.com結(jié)尾、密碼輸入時(shí)自動(dòng)脫敏處理成*號(hào)、瀏覽下拉時(shí)內(nèi)容以瀑布流形式無縫刷新、釘釘內(nèi)出現(xiàn)相同消息會(huì)自動(dòng)合并降低刷屏情況......我們通?？赡懿惶珪?huì)注意到它們，但卻能明顯感知到它們的存在。

微交互的存在，是因?yàn)樗軡M足人們探索事物時(shí)對(duì)認(rèn)知反饋的自然需求。用戶希望在操作之后的得到即時(shí)的響應(yīng)反饋，以確認(rèn)他們的操作結(jié)果。

一、微交互的定義與組成

歷史上微交互最早的出現(xiàn)是工程師Larry在給文字軟件設(shè)計(jì)程序時(shí)，開創(chuàng)性的加入了鼠標(biāo)操作和GUI圖形界面，并在此基礎(chǔ)上發(fā)明了復(fù)制、粘貼功能鍵。復(fù)制、粘貼就是精心設(shè)計(jì)過的微交互，沒有任何提示、自然而然的完成指令，一直沿用至今。

Dan Saffer在《微交互》書中第一次描述了微交互的概念——這些微小的細(xì)節(jié)通常服務(wù)這些基本功能：向用戶傳達(dá)一個(gè)交流反饋或動(dòng)作結(jié)果；幫助用戶完成一個(gè)單獨(dú)的任務(wù)；增強(qiáng)用戶的直接操控感；讓用戶的操作得到視覺化以避免誤操作。

最常見的開關(guān)和燈，就是一個(gè)微相互作用事件。分解微交互結(jié)構(gòu)，主要由觸發(fā)器、規(guī)則、反饋、循環(huán)與模式四要素組成。

觸發(fā)器：任何微交互的第一部分都是觸發(fā)器，觸發(fā)器是微交互的起點(diǎn)。清晰的交互感知，可以是用戶啟動(dòng)或系統(tǒng)啟動(dòng)。手動(dòng)觸發(fā)器包含控件、控件狀態(tài)、文本或圖示標(biāo)簽；系統(tǒng)觸發(fā)器則只要滿足一個(gè)或多個(gè)條件就會(huì)自動(dòng)觸發(fā)。

規(guī)則：微交互啟動(dòng)之后，軟件檢測(cè)到滿足某些條件參數(shù)并引發(fā)動(dòng)作，這就需要一套規(guī)則決定微交互的工作過程。設(shè)計(jì)規(guī)則時(shí)，需要結(jié)合實(shí)際交互情況，考慮是否可以映射出某種通用規(guī)則，并盡可能地細(xì)化到可執(zhí)行層面。

反饋：讓用戶知道發(fā)生了什么，幫助用戶理解系統(tǒng)規(guī)則，在微交互發(fā)生時(shí)看到、聽到或感受到的都是反饋。設(shè)計(jì)反饋時(shí)要考慮環(huán)境變化、持續(xù)時(shí)間、強(qiáng)烈程度、重復(fù)次數(shù)。

循環(huán)與模式：循環(huán)與模式是影響微交互的元規(guī)則。循環(huán)的核心是設(shè)定持續(xù)時(shí)間及出現(xiàn)頻率，決定微交互隨時(shí)間的推移如何變化，擴(kuò)展微交互的生命周期。不同模式場(chǎng)景，則可以快速設(shè)定不同的交互狀態(tài)。

二、微交互的作用

微交互正在成為產(chǎn)品設(shè)計(jì)中越來越重要的部分，好的產(chǎn)品往往把產(chǎn)品功能和細(xì)節(jié)處理做到極致。產(chǎn)品功能能將用戶吸引過來，而賞心悅目的細(xì)節(jié)則能留住他們。微交互區(qū)別于功能，功能是具體復(fù)雜的主體，微交互是簡單明了的輔助。雖然微交互通常只起到附屬的或相對(duì)次要的輔助作用，但只要被用戶注意到就賦予了更深層次的意義。功能差不多的情況下，微交互是決定用戶印象的關(guān)鍵之一，優(yōu)秀的細(xì)節(jié)設(shè)計(jì)使我們的產(chǎn)品從眾多競(jìng)品中脫穎而出。微觀交互與宏觀功能完美契合是最強(qiáng)大的。

微交互的作用有三點(diǎn)：（1）輔助用戶在預(yù)期的場(chǎng)景下使用產(chǎn)品，提供的即時(shí)反饋符合用戶的本能預(yù)期，提高契合度和認(rèn)可度；（2）促進(jìn)用戶按預(yù)期的使用方式使用產(chǎn)品，引導(dǎo)理解邏輯和規(guī)則；（3）提升愉悅感，增加用戶黏性，培養(yǎng)產(chǎn)品價(jià)值觀和用戶忠誠度；

三、微交互的應(yīng)用體現(xiàn)、設(shè)計(jì)指南

微交互設(shè)計(jì)要結(jié)合產(chǎn)品性質(zhì)、結(jié)構(gòu)模式了解你的用戶和使用場(chǎng)景，才會(huì)更加精準(zhǔn)有效。微交互可以圍繞主功能插入到各式各樣的地方，結(jié)合之前工作中出現(xiàn)的一些問題，整理歸納后在日常設(shè)計(jì)中主要體現(xiàn)在以下幾方面：

1、按鈕形態(tài)

按鈕常?？梢宰鳛橐粋€(gè)綜合性的信息傳達(dá)的工具來使用，設(shè)計(jì)師需要關(guān)注它的顏色、形狀、布局和特效，確保用戶體驗(yàn)上的無縫。這就需要我們注意區(qū)分按鈕在默認(rèn)、Hover、點(diǎn)擊、不可用時(shí)狀態(tài)下對(duì)應(yīng)的不同形態(tài)。布局上，新規(guī)范中內(nèi)容區(qū)統(tǒng)一主按鈕在左，符合Z字閱讀習(xí)慣和自然眼動(dòng)軌跡；在模態(tài)框中主按鈕在右，遵循從上到下、從左到右的視覺落點(diǎn)原則。

2、顯示狀態(tài)進(jìn)度

產(chǎn)品界面需要向用戶指明正在發(fā)生的事，實(shí)時(shí)展示狀態(tài)及進(jìn)度變化。漸進(jìn)式的信息呈現(xiàn)，能夠友好地維持用戶對(duì)產(chǎn)品的信任。例如上傳/下載進(jìn)度條，能夠讓用戶了解進(jìn)度消除疑惑。

3、可視化輸入

數(shù)據(jù)輸入在任何程序中都是非常重要的環(huán)節(jié)，不論什么語言文本輸入的成本一直都很高。可視化顯示能夠幫助用戶理解信息格式、輸入建議，是否正確輸入了信息。視覺輸入建立了用戶的信任，相對(duì)立體地推進(jìn)這個(gè)過程。例如，自動(dòng)補(bǔ)全（自動(dòng)填充）能通過預(yù)測(cè)在一定程度上提前給用戶正確的輸入內(nèi)容，提供便捷提升效率。

4、校對(duì)驗(yàn)證信息 

表單設(shè)計(jì)中最容易被忽視的，就是對(duì)于出錯(cuò)信息的處理。表單，尤其是長表單，填寫內(nèi)容極易出錯(cuò)。這時(shí)我們能做的微交互就是結(jié)合實(shí)時(shí)驗(yàn)證，讓用戶在輸入的過程中就發(fā)現(xiàn)錯(cuò)誤并進(jìn)行修改，不用等到提交的時(shí)候再回過來處理。例如輸入框校驗(yàn)到內(nèi)容錯(cuò)誤會(huì)出現(xiàn)紅色光標(biāo)焦點(diǎn)定位并給出提示。

5、減少操作步驟

對(duì)于微交互而言，少即是多。很多時(shí)候，一步能做到的不要兩步才完成，一個(gè)界面能完成的不要來回跳轉(zhuǎn)才完成。避免過于復(fù)雜，有時(shí)剔除某些元素反而能使界面更加簡潔高效。微交互應(yīng)是小而簡單的，可以使用被人忽視的東西作為傳達(dá)信息的載體。例如改良后的日期時(shí)間選擇框，在一個(gè)界面能同時(shí)操作完日期和時(shí)間，就比來回切換友好很多。

6、行為引導(dǎo)

微交互中的提示、執(zhí)行、獎(jiǎng)勵(lì)構(gòu)成了習(xí)慣閉環(huán)，在用戶重復(fù)執(zhí)行相同動(dòng)作時(shí)無形中塑造成習(xí)慣。通過鼓勵(lì)用戶與產(chǎn)品交互，引導(dǎo)用戶參與執(zhí)行特定的交互過程。例如蒙層引導(dǎo)、氣泡教程就是行為引導(dǎo)的重要載體。

7、適當(dāng)加入動(dòng)效

動(dòng)效常常作為環(huán)節(jié)之間的過渡，讓轉(zhuǎn)場(chǎng)和流程更加流暢平滑、降低卡頓或等待的焦慮。功能性動(dòng)畫能夠減少用戶對(duì)于場(chǎng)景切換/狀態(tài)改變的認(rèn)知負(fù)擔(dān)，防止發(fā)生變化盲視；愉悅性動(dòng)畫則讓微交互過程更加有趣，柔和的傳達(dá)為界面注入生氣。例如趣味加載等待動(dòng)畫，可以禮貌地告訴用戶何時(shí)完成加載，使用戶保持參與降低跳出率。

8、情感化設(shè)計(jì)

在交互中融入溫度，一定程度上能給用戶體驗(yàn)過程帶來更多的情感化反應(yīng)。如果能以一個(gè)自然人的姿態(tài)來同用戶交流互動(dòng)，賦予產(chǎn)品人格化，提升體驗(yàn)效果。例如缺省圖的應(yīng)用，比直白的文字更為生動(dòng)有趣：

四、設(shè)計(jì)微交互的工具

移動(dòng)端：Xcode、Android studio；網(wǎng)頁端：Framer、CSS動(dòng)畫；界面之間的交互，可以使用 InVision、Marbel；想設(shè)計(jì)更詳細(xì)的交互可以使用 Principle、Adobe CC、Origami Studio、Protopie；想設(shè)計(jì)動(dòng)效，可以使用 After Effects等。

見微，是對(duì)生活中痛點(diǎn)的洞察，發(fā)現(xiàn)設(shè)計(jì)中的小而美，重視日常中的微交互。霍洛效應(yīng)——如果用戶喜歡產(chǎn)品的某個(gè)方面，可能會(huì)放大以至于對(duì)整個(gè)產(chǎn)品都有積極的態(tài)度，反之亦然。如果能夠善用這一原理，在進(jìn)行產(chǎn)品設(shè)計(jì)的時(shí)候能夠事半功倍，真正優(yōu)秀的微交互處處體現(xiàn)對(duì)需求的用心打磨。

作為一名設(shè)計(jì)師，應(yīng)以用戶為中心，認(rèn)識(shí)到了解并作出好的微交互的重要性。偉大的設(shè)計(jì)都是全棧性的，從功能到微交互都偉大。“那些令人愛不釋手的應(yīng)用，和那些令人難以忍受的應(yīng)用，差別可能就在于微交互上”——這句話也是Dan Saffer 說的。

最后，希望通過本文有限的探索，啟發(fā)各位讀者和設(shè)計(jì)從業(yè)者們創(chuàng)造出更多小而美的創(chuàng)意。

Powered by Froala Editor