亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

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

作者:
2016-01-13
1288

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


這就是微交互!

Image title

圖片來源:uxpin


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


微交互是什么?

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


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

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

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


Image title

來源:Slack


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


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


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

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

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

4.檢查消息或通知

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

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

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

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

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


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

Image title

圖片來源:uxpin


在上面uxpin的例子中,我們?yōu)槠ヅ鋾r(shí)尚模特設(shè)計(jì)了一個(gè)網(wǎng)站原型。一張卡片代表每個(gè)模型,顯示度量和名片下載當(dāng)你停留在人的臉。對于這個(gè)特定的情況下,該微交互揭示了信息順暢性,動(dòng)畫添加了一些的可發(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)該讓用戶感覺或做一些心理的感受:

1.觸摸屏幕

2.微笑與快樂

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

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


Image title

圖片來源:Elevate


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

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

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


微交互的四種元素:

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

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


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

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

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

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


你考慮反饋嗎?

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

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


Image title

圖片來源:Wunderlist


與檢查一個(gè)待辦事項(xiàng)清單項(xiàng)目是一樣的,比如上面的Wunderlist。通過定時(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è)很簡單的例子,有很多東西要學(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

圖片來源:Dark Sky 


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

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


簡單性是關(guān)鍵

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


微交互感受人類

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

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


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

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

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


結(jié)論

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


0
6
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

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

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

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

版權(quán)信息

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

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      9000px;">

          亚洲夂夂婷婷色拍ww47| 欧美激情综合网| 国产不卡在线一区| 欧美日韩国产综合久久 | 韩国欧美国产一区| 精品欧美久久久| 99精品视频在线观看| 美女精品自拍一二三四| 亚洲视频在线一区| 亚洲精品一区二区三区在线观看| 欧美一区二区三区视频在线| 精品捆绑美女sm三区| 国产精品久久久久精k8| 欧美日韩成人在线| 亚洲视频一区二区在线| 欧美日韩电影一区| 久久久久久久久岛国免费| 欧美韩日一区二区三区四区| 国产精品一区二区无线| 欧美成人一区二区三区在线观看| 麻豆精品在线观看| 亚洲欧洲av在线| 99精品桃花视频在线观看| 欧美日韩黄色影视| 国产一区二区三区四| 欧美日韩在线精品一区二区三区激情| 在线中文字幕一区| 欧美日韩一区二区欧美激情| 51精品国自产在线| 99精品欧美一区| 久久精品国产一区二区三 | 一区二区理论电影在线观看| 在线观看日产精品| 国内精品伊人久久久久av一坑| 欧美国产精品v| 日韩av一区二区在线影视| 欧美日韩极品在线观看一区| 美国三级日本三级久久99| 国产精品久久久久久福利一牛影视| 99久久综合狠狠综合久久| 99久久久国产精品| 91丨porny丨国产入口| 欧美在线|欧美| 日韩一区二区三区视频| 日韩女优电影在线观看| 国产精品三级在线观看| 一区二区三区成人在线视频| 亚洲欧美一区二区视频| 欧美一级在线视频| 亚洲精品一区二区三区香蕉| 另类成人小视频在线| 国产欧美日韩综合精品一区二区| 在线视频你懂得一区二区三区| 丝袜美腿亚洲一区二区图片| 欧美成人三级在线| 一区二区三区在线视频免费| 国产亚洲福利社区一区| 国产99久久久国产精品免费看| 国产一区二区在线免费观看| 国产高清在线观看免费不卡| 国产精品久久久久久户外露出| 久久精品亚洲麻豆av一区二区| 色综合久久中文字幕| 日韩三级精品电影久久久 | 暴力调教一区二区三区| 久久国产人妖系列| 国产精品视频线看| 亚洲午夜精品一区二区三区他趣| 国产精品综合二区| 国产精品一区三区| 懂色av噜噜一区二区三区av| 国产精一区二区三区| 国产精品区一区二区三区| 中文字幕中文乱码欧美一区二区 | √…a在线天堂一区| 亚洲欧美视频在线观看视频| 亚洲在线视频免费观看| 亚洲小说春色综合另类电影| 午夜成人免费电影| 免费一级欧美片在线观看| 日韩二区在线观看| 国内精品伊人久久久久av一坑| 波多野结衣在线一区| 色综合色综合色综合| 欧美一区二区三区在| 中文乱码免费一区二区| 亚洲成人免费视| 五月天网站亚洲| av不卡一区二区三区| 欧洲精品在线观看| 欧美大片在线观看一区| 亚洲一区二区五区| 国产精品一区二区91| 日韩欧美电影一二三| 国产蜜臀97一区二区三区| 亚洲成a人v欧美综合天堂下载| 欧美区在线观看| 欧美经典一区二区| 国产乱人伦精品一区二区在线观看| 国产日韩欧美精品一区| 成人性色生活片免费看爆迷你毛片| 国产午夜精品在线观看| 亚洲精选在线视频| 成人免费视频视频在线观看免费| 日韩精品一区二区三区老鸭窝 | 7777精品伊人久久久大香线蕉最新版| 欧美激情中文字幕一区二区| 麻豆中文一区二区| 欧美日韩综合色| 日韩美女视频一区| 成人深夜福利app| 国产色婷婷亚洲99精品小说| 久久国产剧场电影| 国产视频一区在线播放| 91精品国产欧美日韩| 免费不卡在线观看| 亚洲一区影音先锋| 欧美女孩性生活视频| 91麻豆精品国产91久久久久久久久| 蜜臀久久99精品久久久久宅男 | 欧美一级日韩一级| 蜜乳av一区二区| 成人亚洲一区二区一| 一区免费观看视频| 欧美大片在线观看一区| 成人99免费视频| 国产真实乱对白精彩久久| 中文字幕一区二区三区在线播放| 日韩午夜在线观看视频| 波多野结衣精品在线| 精品一区二区在线观看| 亚洲成人一区在线| 亚洲精品日韩一| 国产精品久久久久久久久快鸭 | 国产精品热久久久久夜色精品三区 | 亚洲成a人v欧美综合天堂| 国产精品进线69影院| 2020国产精品自拍| 久久久久九九视频| ww亚洲ww在线观看国产| 国产偷国产偷亚洲高清人白洁| 国产精品一区不卡| 成人深夜在线观看| 亚洲桃色在线一区| 亚洲欧美日韩综合aⅴ视频| 中文欧美字幕免费| 不卡视频免费播放| 成人亚洲精品久久久久软件| 韩国欧美国产1区| 成人网页在线观看| 波多野洁衣一区| 在线一区二区三区做爰视频网站| 北条麻妃一区二区三区| 波多野结衣精品在线| 亚洲欧美日韩中文播放| 香蕉加勒比综合久久| 久久网站热最新地址| 国产清纯白嫩初高生在线观看91| 亚洲免费观看在线视频| 五月天欧美精品| 91国偷自产一区二区开放时间 | 激情五月婷婷综合| 成人黄色小视频在线观看| 欧美巨大另类极品videosbest| 国产亚洲短视频| 免费在线看成人av| 欧美日韩国产系列| 国产综合色视频| 日韩三级高清在线| 天堂成人国产精品一区| 成人免费视频网站在线观看| 欧美一区二区高清| 日本精品一区二区三区四区的功能| 久久色在线观看| 国产精品综合一区二区三区| 日韩欧美久久久| 亚洲18女电影在线观看| 日韩一区和二区| 国产在线精品免费| 久久久不卡影院| 国产a区久久久| 一色桃子久久精品亚洲| 日日夜夜一区二区| 91精品国产综合久久久久久久久久| 尤物av一区二区| 91精品中文字幕一区二区三区| 日韩电影在线一区二区| 久久精品视频在线看| 欧美中文字幕亚洲一区二区va在线 | 精品999在线播放| 欧美一区二区三区电影| 在线视频国内自拍亚洲视频| 久久婷婷久久一区二区三区| 这里只有精品免费| 欧美日韩综合不卡| 欧美va亚洲va在线观看蝴蝶网| 日韩午夜在线观看视频| 欧美精品一区男女天堂| 中文字幕第一区综合| 亚洲欧美一区二区三区国产精品|