成人亚洲综合,日韩高清一区二区三区五区七区,三级网址日本,亚洲激情成人,av成人在线电影,亚洲免费成人在线,超清首页国产亚洲丝袜

移動(dòng)應(yīng)用設(shè)計(jì)趨勢(shì):神奇的微交互

作者:
2016-01-13
1145

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


這就是微交互!

Image title

圖片來(lái)源:uxpin


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


微交互是什么?

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


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

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

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


Image title

來(lái)源:Slack


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


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


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

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

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

4.檢查消息或通知

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

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

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

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

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


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

Image title

圖片來(lái)源:uxpin


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


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

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


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

1.觸摸屏幕

2.微笑與快樂(lè)

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

4.連接到另一個(gè)用戶


Image title

圖片來(lái)源:Elevate


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

用戶可以與朋友分享成績(jī)和結(jié)果和其他應(yīng)用程序的用戶,這聽(tīng)起來(lái)像是對(duì)一個(gè)簡(jiǎn)單的游戲,對(duì)嗎?但是這些是用戶期望看到的東西從幾乎每一個(gè)應(yīng)用程序。

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


微交互的四種元素:

Dan Saffer 談了微交互的最前沿問(wèn)題。

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


觸發(fā):發(fā)起微交互。例如,我點(diǎn)擊一個(gè)心臟圖標(biāo)來(lái)最喜歡的一個(gè)頁(yè)面。

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

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

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


你考慮反饋嗎?

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

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


Image title

圖片來(lái)源:Wunderlist


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

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


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

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

Image title

圖片來(lái)源:Dark Sky 


但是你怎么設(shè)計(jì)呢?你思考什么?

微交互必須挺過(guò)重復(fù)使用,避免噱頭或動(dòng)畫(huà)的純粹為了聰明。記得你微交互一定長(zhǎng)壽,因?yàn)樗麄兏杏X(jué)不到惱人的長(zhǎng)期使用。


簡(jiǎn)單性是關(guān)鍵

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


微交互感受人類

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

創(chuàng)建一些有趣的動(dòng)畫(huà),但要適度。想想OSX反彈新程序加載圖標(biāo),動(dòng)畫(huà)程序告訴你,但它不負(fù)擔(dān)你當(dāng)前的行為的反應(yīng),爭(zhēng)取同樣的有用性在你的動(dòng)畫(huà),因?yàn)樗麄儾粌H僅是視覺(jué)愉悅,尋求和諧。


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

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

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


結(jié)論

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


0
6
分享到:

0

喜歡他,就推薦他上首頁(yè)吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

版權(quán)信息

  移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)