偷偷鲁2019丫丫久久

開發(fā)一個APP并上線了，你會覺得很了不起，同時呢它還有一個很酷的故事和視覺設(shè)計令人印象深刻。但這是不夠的，它需要更多的東西，要讓用戶感覺這些元素活著。

這就是微交互！

圖片來源：uxpin

當(dāng)談到設(shè)計一種上癮的APP微交互的秘訣時。其實是少不了用戶的角色，這些設(shè)計時刻保持用戶的參與進來才行，才能夠創(chuàng)造出意想不到的喜悅。你一天可能遇到數(shù)百次微交互的情況，每一次你關(guān)掉提示音、看到短信在屏幕上閃爍、提醒你在一場比賽中、跳過一首歌在音樂播放器或者你改變基于交通課程提醒你在早上上班。這些微小的每一個時刻形成的微交互，很有可能你不想任何人，但每一個有助于你為什么不斷地使用特定的應(yīng)用程序，一天又一天。

微交互是什么？

微交互與設(shè)備的所有單任務(wù)的參與有關(guān)，大多數(shù)這些活動僅僅是明顯的，交互動作很光滑，Dan Saffer也說到，幫助完成特定功能的微交互作用有三個：

1.狀態(tài)的快速反饋

2.想象動作的結(jié)果

3.幫助用戶操作屏幕上的東西

來源：Slack

上面的Slack，是一個偉大的應(yīng)用程序，并在一個包中所有這三個工作。這個應(yīng)用程序允許用戶在一個閉環(huán)交流聊天，附加文件和標簽。同時,應(yīng)用程序提供實時更新(如標記為已讀消息)，幫助用戶瀏覽。它還使用通知和其它小行動來保持用戶同步的溝通。

微交互，影響應(yīng)用程序的用戶和功能存在多種方式:

1.事情的開啟狀態(tài)和關(guān)閉狀態(tài)

2.在任何數(shù)字媒體評論

3.更改設(shè)置或過程

4.檢查消息或通知

5.滑下來“屏幕”在移動設(shè)備上更新內(nèi)容

6.與數(shù)據(jù)元素進行交互,如檢查天氣

7.完成孤立的任務(wù)

8.連接設(shè)備,比如多人游戲,或者從你的筆記本電腦打印

9.共享或喜歡的照片或視頻網(wǎng)站上

簡而言之，微交互是來自用戶的一個操作，觸發(fā)另一個動作的裝置。每一個交互是基于以人為本的設(shè)計理念，在數(shù)字工具的工作原理和功能也反映出一個人會做些什么?？捎眯缘拿孛芪淦鳌换バ袨橄耦A(yù)期的那樣，“以人為中心”

圖片來源：uxpin

在上面uxpin的例子中，我們?yōu)槠ヅ鋾r尚模特設(shè)計了一個網(wǎng)站原型。一張卡片代表每個模型，顯示度量和名片下載當(dāng)你停留在人的臉。對于這個特定的情況下，該微交互揭示了信息順暢性，動畫添加了一些的可發(fā)現(xiàn)性,使設(shè)計更逼真的響應(yīng)用戶的動作。

真正的微交互作用是什么？

從上面的列表可以看到——絕不是它包括每個微交互服務(wù)于多個角色。當(dāng)你正在考慮如何設(shè)計一個微交互時，不僅考慮手頭的特定操作或任務(wù)，也應(yīng)該“做”作為整體的一部分的用戶體驗。

從本質(zhì)上講，微交互應(yīng)該讓用戶感覺或做一些心理的感受:

1.觸摸屏幕

2.微笑與快樂

3.學(xué)習(xí)或者理解的東西

4.連接到另一個用戶

圖片來源:Elevate

上面的Elevate中使用這些組件的游戲式的學(xué)習(xí)界面。用戶必須觸摸屏幕，為了回答這些問題，正確的答案而漂亮的動畫為取悅用戶，這個應(yīng)用程序允許用戶來訓(xùn)練他們的大腦。

用戶可以與朋友分享成績和結(jié)果和其他應(yīng)用程序的用戶，這聽起來像是對一個簡單的游戲，對嗎？但是這些是用戶期望看到的東西從幾乎每一個應(yīng)用程序。

作為指導(dǎo)解釋2015年和2016年的移動設(shè)計趨勢，這些行為是為什么微交互工作的核心。這些微小的，輕量級的“數(shù)字時刻”感覺，被視為一種情感聯(lián)系。微交互允許用戶感受或接觸到另一個用戶或?qū)ο蟆?/span>

微交互的四種元素：

Dan Saffer 談了微交互的最前沿問題。

谷歌“微交互”和他的名字是與幾乎所有的主題明確的信息。他寫這本書——毫不夸張地說——在這個話題。Saffer關(guān)注微交互四聲部結(jié)構(gòu)，它真的是最好的方式來理解如何創(chuàng)建它們。

觸發(fā)：發(fā)起微交互。例如,我點擊一個心臟圖標來最喜歡的一個頁面。

規(guī)則：交互行為的方式。用戶不能“看到”規(guī)則，只有了解他們通過反饋(下一階段)。在這種情況下，單擊心臟圖標將頁面添加到用戶的提要。

反饋：如何設(shè)計通信微交互給用戶。心臟圖標填充顏色和跳躍，伴隨著消散”救了喂!”消息通知用戶發(fā)生了什么。

循環(huán)和模式：決定微交互的長度和它如何重復(fù)或隨時間的演化。例如,微交互我們現(xiàn)在描述發(fā)展提供我們的內(nèi)容收藏頁面，甚至可能會提醒我們在6個月當(dāng)我們第一次喜歡的頁面。每一個部分存在于每個交互創(chuàng)建一個周期的東西是如何工作的。Saffer描述,大多數(shù)用戶甚至從來沒有注意到微交互除非他們打破。

你考慮反饋嗎?

微交互周期的反饋是最重要的部分。這是微交互階段,連接用戶和接口。反饋決定一個微交互到底會如何運作。

這樣想，你需要早上7點起床,鬧鐘在你的手機上。鬧鐘響的時候，你起來關(guān)掉鬧鐘嗎？或者你打打盹嗎？這個簡單的行動告訴應(yīng)用程序微交互接下來——重置警報在接下來的周期或在9分鐘再次離開。用戶和系統(tǒng)之間的反饋回路現(xiàn)在已經(jīng)完成。沒有最初的用戶反饋，鬧鐘的聲音從未停止。它不重置開式循環(huán)允許它再次工作。

圖片來源:Wunderlist

與檢查一個待辦事項清單項目是一樣的，比如上面的Wunderlist。通過定時一個復(fù)選標記一個項目，你告訴應(yīng)用程序觸發(fā)的微交互引人注目的項目你的待辦事項列表。瞬間，你現(xiàn)在知道哪些物品是完整和懸而未決。完成一個任務(wù)的滿意度進一步鼓勵你完成更多的任務(wù)，從而進一步與應(yīng)用程序交互。

雖然這是一個很簡單的例子，有很多東西要學(xué)。它告訴我們，用戶想?yún)⑴c微交互顯然的方式創(chuàng)建一個下一步(循環(huán))，希望它工作直觀的足夠的，它可以隨著時間的推移而演變和使用。

設(shè)計細節(jié)是微交互的核心

微交互的設(shè)計方式和你如何處理細節(jié)將會制造或打破你的項目，互動是一個必備的設(shè)計元素,你不能忽視。

圖片來源:Dark Sky 

但是你怎么設(shè)計呢？你思考什么？

微交互必須挺過重復(fù)使用，避免噱頭或動畫的純粹為了聰明。記得你微交互一定長壽，因為他們感覺不到惱人的長期使用。

簡單性是關(guān)鍵

簡單的語言，清晰的排版、鮮明的色彩、結(jié)構(gòu)化設(shè)計。執(zhí)行基本面良好，不添加任何比你需要更多的細節(jié)。

微交互感受人類

文本讀起來應(yīng)該像人一樣說話，設(shè)計應(yīng)該一切形式的情感交流。介意復(fù)制，所有副本都應(yīng)匹配，應(yīng)用正確的語氣感到尊重文本，幫助要盡可能的輕松的。

創(chuàng)建一些有趣的動畫，但要適度。想想OSX反彈新程序加載圖標，動畫程序告訴你，但它不負擔(dān)你當(dāng)前的行為的反應(yīng)，爭取同樣的有用性在你的動畫，因為他們不僅僅是視覺愉悅，尋求和諧。

對比是你的朋友，但小心使用它。當(dāng)你得到特定時刻的用戶體驗，細節(jié)就像色彩理論比你想象的更重要。如果您的應(yīng)用程序使用一個綠色的配色方案，確保顏色微交互流過。每一刻應(yīng)該感到視覺連接到更大的應(yīng)用程序設(shè)計。

想想微交互演變，微交互的第一和第一千次行為是否完全相同？還是隨時間演變？例如，想想警報就響你保持按下小睡。如果你想站有別于其他設(shè)計，你必須考慮這些細節(jié)。

一旦你傳達的信息在一個快速和令人興奮的。讓順利過渡到正常流的任務(wù)。

結(jié)論

微交互是應(yīng)用程序設(shè)計的重要組成部分，人們希望使用。他們幫助創(chuàng)造接觸，有助于用戶功能和愉悅。把它放在一起,你需要創(chuàng)建用戶看不到的微小的時刻，但需要或希望，這樣你的應(yīng)用是一個重要的日常生活的一部分。