亚洲香蕉中文网_午夜成人精品福利网站在线观看_成年男女免费视频网站很黄的_熟女chachacha性少妇_色天天躁夜夜躁天干天干_曰批全过程免费视频在线观看无码

新聞動態(tài)
簽約信息
公司信息
行業(yè)資訊

掌握“微交互”的基礎(chǔ)知識

 發(fā)布時(shí)間:2019-06-10     瀏覽次數(shù):2.3k     作者:斑驢互聯(lián)

一、什么是微交互?
我們每天與電腦進(jìn)行的交互都會涉及到大量的微交互。微交互以反映系統(tǒng)狀態(tài)或者幫助用戶防錯(cuò)的方式給予用戶反饋。此外,微交互還能用作品牌推廣的媒介。

定義:微交互指的是成對的「觸發(fā)」和「反饋」。其中「觸發(fā)」可以是用戶行為,也可以是系統(tǒng)狀態(tài)的變更;「反饋」是針對觸發(fā)的回應(yīng),通過用戶界面微小的、高度相關(guān)的變化(通常為視覺變化)傳達(dá)出來。

用戶啟動的觸發(fā)可以是 GUI 命令、手勢或者語音形式,而系統(tǒng)啟動的觸發(fā)則需要滿足一系列預(yù)先確定的條件。若微交互由 GUI 命令觸發(fā),視覺反饋元素通常會顯示在它的鄰近。

△ 微交互的流程——不論是用戶觸發(fā)還是系統(tǒng)觸發(fā),都會通過用戶界面的微小變化反饋給用戶

微交互包含了大量的數(shù)字元素,但并非每個(gè)元素都是微交互的一部分。一直顯示的靜態(tài)元素不能算是微交互,因?yàn)樗鼈儧]有被明確地觸發(fā)。此外,由多個(gè)行為構(gòu)成的流程也不是微交互。

二、微交互為何重要?
使用科技產(chǎn)品的最大樂趣之一來自授權(quán)用戶和用戶參與。令人愉快的體驗(yàn)指的不只是能用而已,它還需要引人入勝,而這恰恰是微交互較為擅長的地方,它能積極地影響到產(chǎn)品或服務(wù)的外觀和給人的感覺。

微交互可以通過下列方式提升產(chǎn)品的用戶體驗(yàn):

鼓勵(lì)參與
顯示系統(tǒng)狀態(tài)
提供防錯(cuò)設(shè)計(jì)
傳達(dá)品牌
比起下拉刷新之類的現(xiàn)代元素,滾動條這種標(biāo)準(zhǔn)的微交互通常不太可能會設(shè)計(jì)得很差。主要是這些新興的交互方式要求我們必須付出更多的努力和思考才能創(chuàng)造出充滿意義、設(shè)計(jì)優(yōu)良的用戶體驗(yàn)。

我們來看一個(gè)微交互的優(yōu)秀案例吧。

為了管理日常任務(wù),我使用了任務(wù)管理工具 Asana。該工具的某些方面是我尤為喜歡的,比如它的標(biāo)簽和視覺設(shè)計(jì)。但是到目前為止,我最喜歡 Asana 的地方還是在于每當(dāng)我完成某項(xiàng)任務(wù)時(shí)偶爾會有獨(dú)角獸飛過瀏覽器這一點(diǎn)。這其實(shí)是微交互的一個(gè)例子。

當(dāng)用戶將任務(wù)標(biāo)記為完成時(shí),會有一個(gè)較小的對話框出現(xiàn)在頁面的左下角。該對話框提供了系統(tǒng)的反饋——任務(wù)已經(jīng)被標(biāo)記為完成,同時(shí)還有一個(gè)防錯(cuò)選項(xiàng)用于撤銷之前的行為,以防那是一個(gè)誤操作。對話框出現(xiàn)后的大約一秒,會有一只獨(dú)角獸穿過瀏覽器的左下角區(qū)域,用以祝賀用戶出色地完成了相應(yīng)任務(wù)。

如果你使用過任務(wù)管理工具,你應(yīng)該知道可以選擇的工具其實(shí)很多,比如 Asana、Jira、Trello 或者 Wrike,這些產(chǎn)品有很多共通之處。他們有相同的功能,比如將任務(wù)指派給團(tuán)隊(duì)成員、創(chuàng)建看板或者跟其他產(chǎn)品進(jìn)行整合。然而,如果仔細(xì)分析這些產(chǎn)品的微交互的話,它們之間的差異就相當(dāng)明顯了。比如在 Trello 中 ,將任務(wù)移動到已完成列表并不會發(fā)生額外的特別明顯的特效。對很多人來說,這已經(jīng)足夠契合他們的期望。然而我渴望在完成任務(wù)時(shí)還能看到獨(dú)角獸,對我個(gè)人來說這算是一種正面強(qiáng)化。

當(dāng)然了,微交互不只是讓用戶感覺舒服而已。微交互能做的事情包括顯示系統(tǒng)狀態(tài)、支持防錯(cuò)以及傳達(dá)品牌。在這些場景中對微交互的應(yīng)用能夠帶來巨大的價(jià)值,因此這也使得微交互成為了讓你的產(chǎn)品區(qū)別于競爭對手的關(guān)鍵方式。微交互通過反饋來告知用戶信息,并保證用戶可以繼續(xù)使用當(dāng)前的產(chǎn)品,沒有它們,你的用戶的體驗(yàn)將會相當(dāng)糟糕。

三、顯示系統(tǒng)狀態(tài)
通過讓產(chǎn)品變得易于理解并實(shí)時(shí)顯示系統(tǒng)的當(dāng)前狀態(tài),能讓用戶體會到掌控感和參與感。任何系統(tǒng)狀態(tài)的顯示都是微交互,因?yàn)樗鼈兲烊痪邆淞擞|發(fā)(不管是用戶行為還是系統(tǒng)狀態(tài)的變化)和反饋。

1. 顯示進(jìn)度

進(jìn)度指示器是微交互的一個(gè)子集,它能讓用戶知道系統(tǒng)仍在運(yùn)行,可以隨時(shí)回應(yīng)他們的行為。進(jìn)度指示器大多為線性的或圓形的組件,它們能夠顯示明確的或不確定的等待時(shí)間。在用戶等待操作的結(jié)果反饋時(shí),這種元素能夠鼓勵(lì)他們繼續(xù)停留在當(dāng)前的產(chǎn)品。

2. 待命

有時(shí)候系統(tǒng)需要表明它們在等待用戶進(jìn)一步的輸入。在開始的觸發(fā)之后,微交互會提示用戶系統(tǒng)已經(jīng)待命,并需要更多的信息輸入。這一類的微交互鼓勵(lì)用戶繼續(xù)跟當(dāng)前的產(chǎn)品進(jìn)行交互。

例如,當(dāng)你在 iOS 的桌面屏幕上長按某個(gè) app 的圖標(biāo),系統(tǒng)會通過輕微抖動所有 app 的方式來予以回應(yīng)。該活動表明系統(tǒng)已在等待進(jìn)一步的行為(也就是說,不管是輕點(diǎn) app 左上角的「X」來刪除應(yīng)用還是將圖標(biāo)拖放到另一個(gè)位置)。

△ 用戶長按 app 時(shí),iOS 使用微交互(抖動圖標(biāo))來表示系統(tǒng)在等待進(jìn)一步的輸入

微交互并不局限于網(wǎng)站。Google Home 之類的語音助手在等待用戶的命令時(shí),也使用了微交互來顯示待命模式。在用戶說完「Hey Google」之后,該設(shè)備會顯示一個(gè)包含四個(gè)圓點(diǎn)的動畫。這些圓點(diǎn)接著又會立即構(gòu)成一個(gè)帶有微妙閃爍動效的方塊。通過這樣的視覺反饋,用戶就能立馬知道設(shè)備已經(jīng)在等待命令,因此可以開始問它「天氣如何?」之類的問題了。

四、防錯(cuò)
防錯(cuò)聚焦于避免容易出錯(cuò)的情況,還可以提供確認(rèn)操作。

微交互將這些情況傳達(dá)給用戶,并通過支持撤銷操作和避免重復(fù)工作來提升令人滿意的用戶體驗(yàn)。

1. 支持撤銷操作

人人都會犯錯(cuò),這在數(shù)字世界里指的是有時(shí)候我們會不小心點(diǎn)擊了某處。因此系統(tǒng)應(yīng)該要確保撤銷操作可以變得容易一些,以免用戶不得不歷經(jīng)重重障礙才能逆轉(zhuǎn)他們的無心之失。微交互可以顯示 UI 組件的當(dāng)前狀態(tài),還能夠提示用戶他們可以進(jìn)行進(jìn)一步的交互了。

微交互可以說是對撤銷操作最完美的支持方式,因?yàn)樗鼈兡軌蛎鞔_提示用戶系統(tǒng)狀態(tài)已經(jīng)發(fā)生變化。

2. 避免重做

在賬號創(chuàng)建的流程中,比起在點(diǎn)擊最后的提交按鈕然后收到錯(cuò)誤提示說你的密碼不符合要求(之前并未說明這些要求),還有不少事情是更加令人崩潰的。但是使用微交互的話就可以用來提示用戶所輸入的密碼是否符合要求,這可以大大避免重復(fù)的輸入操作(比如重新填寫表單)。如果沒有這些微交互,用戶會在注冊的過程中隨時(shí)感到抓狂,并且如果注冊并不是必須操作的話,他們便會立馬離開。

五、傳達(dá)品牌
微交互不應(yīng)該是空洞無物的,而是要服務(wù)于某個(gè)目的,因此我們也可以用它來進(jìn)行品牌傳達(dá)。如果你的品牌形象充滿樂趣而且色彩斑斕,那么讓它體現(xiàn)在微交互中是相當(dāng)合適的。相反地,若你的品牌需要傳達(dá)出專業(yè)和可靠的感覺,那么在下拉刷新的微交互中使用搞笑的方式(比如甜甜圈)就相當(dāng)欠缺考慮了。就像你的文案擁有某種口吻一樣,你的微交互也有它自己的口吻。

在使用蘋果的信息App 發(fā)送生日快樂的消息時(shí),屏幕中會出現(xiàn)滿滿的氣球動畫。蘋果將自己定位為一個(gè)富含創(chuàng)意同時(shí)以人為本的品牌,而這個(gè)生日的微交互以創(chuàng)造情感化的感官體驗(yàn)的方式完美契合了自身的品牌特性。

許多品牌嚴(yán)重依賴視覺來進(jìn)行傳達(dá),其實(shí)聲音也擁有相當(dāng)程度的感染力。假設(shè)有人要求你畫出某個(gè)保險(xiǎn)公司的 Logo 或者唱出他們的廣告歌曲,你認(rèn)為哪一個(gè)會更容易呢?如果你經(jīng)常看電視,那么你首先想起來的很有可能是它的廣告歌曲。其實(shí)微交互也會用到聽覺反饋。

結(jié)論

設(shè)計(jì)優(yōu)秀的微交互可以顯著影響到用戶體驗(yàn)。它們可以作為與用戶進(jìn)行交流的媒介產(chǎn)生其相應(yīng)的價(jià)值。微交互能提供系統(tǒng)狀態(tài)的視覺反饋或者幫助用戶避免錯(cuò)誤。此外,微交互還能以傳達(dá)品牌的方式豐富你的產(chǎn)品,這能夠極大的鼓勵(lì)用戶選擇你的產(chǎn)品而不是競爭對手。總而言之,這些微小的細(xì)節(jié)可以讓好的產(chǎn)品蛻變成優(yōu)秀的產(chǎn)品,從而讓用戶沉迷其中。


標(biāo)簽: 南昌網(wǎng)站建設(shè)公司/南昌做網(wǎng)站的公司/南昌微信小程序/南昌APP開發(fā)/—斑驢互聯(lián)

分享本文
每個(gè)作品都是一次思維與靈魂的碰撞
斑驢互聯(lián)在南昌一直向著“做業(yè)內(nèi)一流互聯(lián)網(wǎng)設(shè)計(jì)團(tuán)隊(duì)”這一愿景努力,不斷提升對網(wǎng)站高端設(shè)計(jì),微信公眾號/小程序開發(fā)等產(chǎn)品的用戶體驗(yàn)
400 0791 158
主站蜘蛛池模板: 久久亚洲A精品网站婷婷 | 国内无码av不卡一区二区 | 国产黑色丝袜在线看片 | 國产一二三内射在线看片 | 色欲色香天天天综合VVV | 色成人网站www永久免费观看 | 最新69国产成人精品视频免费 | 68精品久久久久久欧美 | 333kkkk·com99久久 | 久久这里只有精品6 | 国产精品自产拍高潮在线观看 | 欧美疯狂xxxxbbbb动态图 | 四虎永久影院 | 小小影视网在线观看 | 露脸内射熟女--69XX | 黑人上司粗大拔不出来 | 人妻网站成熟人妻VA网站 | 欧美性生交片4 | 国产成人精品午夜福利 | 午夜亚洲精品手机在线播放 | www.色小妹.com | 狠狠插综合网 | 麻豆av网址 | 91精品国产综合久久福利 | 在线免费观看毛片 | 91精品色 | 韩国久久久久久 | 五月天色婷婷在线 | 中国人做受免费视频 | 国产乱妇无乱码大黄aa片 | 久激情内射婷内射蜜桃人妖 | 日日骑夜夜操 | 欧美乱妇高清无乱码在线观看 | 少妇被爽到高潮喷水久久欧美精品 | 成全视频在线观看大全腾讯地图 | 在线不卡一区二区 | 色噜噜狠狠综曰曰曰 | 91天堂影院 | 免费国产在线精品一区二区三区 | 精品国产乱码久久久久久郑州公司 | 吴梦梦在线看 |