歡迎訪問

云南鼎浩信息技術有限公司官方網站,云南網站建設誠信品牌!

鼎浩網絡,云南鼎浩信息技術有限公司

鼎浩客服熱線

DING HAO COLUMN 鼎浩專欄

鼎浩的一些分享
Sharing from Ding Hao

  • 鼎浩服務
  • 1

如何利用微交互來增強用戶體驗設計?

來源:站長之家     2018年08月17日12:10
字號:T|T


注:在用戶體驗設計中,微互動是一種積極與客戶互動的方式,以一種令人愉快的方式。這些交互不僅指導用戶,而且對他們正在完成的任務提供即時反饋,它們還提醒我們,它們不只是與機器打交道。

設計、創建和管理一個在線平臺絕非易事,在不斷變化的數字環境中更是如此。持續改進滿足客戶需求和需求的用戶體驗設計是吸引和留住客戶的重要部分。

例如:創建一個對殘疾人無障礙的在線平臺,為客戶提供輕松愉快的體驗。一個可以在所有設備上工作的網站,也是獲得高轉化率和建立忠誠度的關鍵。對于那些努力獲得成功的人來說,有效地增強用戶體驗微交互。這經常被忽略,可以使停留的用戶和在瀏覽器上點擊X按鈕的用戶之間產生差異。

介紹

當開始電子商務業務時,人們通常關注于大的圖片——即覆蓋所有的基礎,并分析所有與電子商務相關的業務方面。當然,有一個好的產品和盈利是基本的,就像找到正確的營銷策略一樣。但如果客戶從平臺上跳下來,轉向競爭對手,那么所有這些都毫無意義。

也就是說,一個好的用戶體驗設計在將訪問者轉化為消費者方面將大有幫助。這可能是陳詞濫調,但這是真的——小事情真的很重要。微互動是日常數字生活中不可或缺的一部分,它們通常會被忽視,直到它們對網站的轉化率產生巨大影響。

什么是微交互?

微交互是用戶和網站設計交叉路徑的實例。

在人們每天遇到的許多微互動中,包括移動或拖動物品到虛擬購物車,點擊“登錄”按鈕,然后看到“推回去”按鈕,或者在Facebook上找到的大量“喜歡/愛”按鈕之間切換。消息應用程序上的輸入指示器也是一個微交互。

在用戶體驗設計中,微互動是一種積極與客戶互動的方式,以一種令人愉快的方式。這些交互不僅指導用戶,而且對他們正在完成的任務提供即時反饋,它們還提醒我們,它們不只是與機器打交道。

微交互的四個組成部分


微交互由四個部分組成,每個部分和下一個部分一樣重要。記住,所有的細節都是關于細節的,所以要保證這些部分順利運行。

觸發

第一部分是啟動交互的內容,當用戶或系統激活交互時觸發。在系統觸發器的情況下,需要滿足激活的某些需求。

以輸入錯誤密碼的用戶為例,然后,一個網站的提示會詢問密碼是否被遺忘,用戶是否希望恢復密碼,在這種情況下,輸入錯誤的密碼就是觸發器。

規則

第二部分確定當微交互被激活時會發生什么,在前面的場景中,規則是系統必須自動詢問是否忘記了密碼,以及用戶是否希望恢復密碼。規則應該是無形的,只有設計人員知道,并根據客戶的需求進行塑造。

反饋

第三部分是當系統讓用戶知道發生了什么,這可以發生在視覺上、聽覺上,或感覺上,反饋通知訪問者微交互已經啟動。在密碼示例中,反饋將提示輸入錯誤的密碼,需要重新鍵入密碼(或者需要替換忘記的密碼)。

循環和模式

第四部分確定了微交互的元規則,即當條件或需求發生變化時發生了什么,循環決定了微事務的長度和重復次數。在我們的例子中,一個人輸入錯誤密碼的次數。另一方面,模式可以確定隨著時間的推移會發生什么——也就是說,三個錯誤的密碼輸入將阻塞帳戶。

為什么微交互很重要?

那么,為什么微互動很重要呢?首先,它們使導航更容易,這應該是所有設計人員和開發人員的目標。更好的導航意味著用戶停留、購買和再次訪問。

它們還能提高交互速度,提供實時信息,讓用戶覺得他們的體驗很重要。他們也幫助指導客戶,給他們提示和指導,無論他們在購買過程中在哪里。

微交互可以看作是數字商店職員,為滿足顧客的每一項需求而做的一些小事情。如果數字職員照顧好了用戶,他們會感覺很好,想要回來,微互動有助于提高留下好印象的機會。

是什么讓微交互能夠成功?

在為所有網站設計成功的微互動方面,沒有萬能鑰匙。然而,大多數設計師都認為,要想創造出一種行之有效的設計,有五個主要原則:

少即是多:微交互作用應該就是微交互,所以保持簡單。用戶每天會無縫地接觸到無數的微交互,不要成為讓他們疲憊不堪的網站。

保持常數:微互動應該被忽視,所以要確保它與網站的其他部分和諧,不要讓它分心。

知道你為什么:為什么會產生特定的微交互作用?為什么它是必要的嗎?用戶為什么要與它交互?對這些原因有合理的答案是成功的微觀互動的關鍵。

運行測試:嘗試不同時間的微互動,并完善它,在它設置上線之前,經過測試的微交互可能會更有效。

別忘了最基本的:在開發微交互時要小心,所以要確保一個網站有這四個基本部分,每個部分的優化將決定它的成功。?

何時使用微交互

僅僅因為微交互很棒并不意味著每個UX交互都必須包含一個,過度使用它將使設計飽和,并在信息層次中造成混亂(想想:過度使用剪貼畫和gif的演示文稿),知道何時使用它們很重要。

以下是一些有助于人性化用戶體驗的微交互:

刷卡功能:通過Tinder出名的滑動比在移動設備上點擊和選擇更容易。

當前的系統狀態:人們喜歡知道發生了什么,這樣他們就不會困惑或失去耐心,例如:一個上傳/下載狀態欄可以幫助訪問者更新和了解他們當前的行為。

教程:如今,寫一篇可操作且易于閱讀的博客文章仍然很有用,但在這個快節奏的網絡時代,這還不夠。微交互可以幫助創建有趣的和交互式的一步一步的教程,供用戶輕松學習和參與產品或服務。

號角:人們喜歡有成就感,CTAs給了他們這樣的機會。當他們接近購買的最后一步時,創建一個能誘使他們行動和感覺良好的CTAs。

動畫的輸入字段:動畫將使簡單的過程變得有趣和清晰,比如:在注冊表單、信用卡詳細信息等輸入數據時,在字段中高亮顯示和縮放。

動畫按鈕:這些按鈕引導用戶,告訴他們網站周圍的路。無論在字體、大小、形狀、顏色、位置,還是在鼠標懸停或單擊時相應的動畫,都要確保這些動畫是經過良好識別的。

通知:注意力持續時間短的人可能會忘記一個產品或一筆未完成的交易,通過通知進行簡單的微交互可以將它們收回來啟動或完成事務。

人類,甚至更多的科技世代,想要即時的東西。只要微交互能夠為最終用戶提供即時的滿足,那么就圍繞它制定一個好的策略并設計使用它。

微交互功能設計建議

微互動并不是一夜成名,為了使這些功能更有效,設計師和web開發人員需要注意細節,并牢記以下提示:

保持它的微觀和有效,只有在需要的時候才能看到微互動。當需要的時候,確保它有效。

它不應該成為網站的焦點,也不應該成為錯誤的來源,也不應該花費太多時間來完成。

使他們感覺良好,在用戶第一次和第十次使用微交互時,應該同樣愉快。

建立在知識,使用關于用戶行為的可用信息來應用適合他們的微交互。

創建和諧,確保微交互不僅看起來和反應良好,而且不會干擾其他UI元素。

引導他們的視線,物理原則決定用戶體驗原則。因為人類熱衷于跟隨線條,所以給它們水平和垂直的元素,避免斜線和圓圈。

那些由于微交互而殺死自己的品牌隨著電子商務允許在點擊方便的情況下銷售商品和服務,僅北美就有 130 多萬家電子商務公司在爭奪客戶的關注,擁有智能微交互的用戶體驗和設計,可以成就或毀掉任何在線業務。

以下是一些在微互動領域獲得成功的品牌:

Airbnb

除了Airbnb從其顛覆性的商業模式中獲得成功外,它的廣泛采用在很大程度上還得益于它在其平臺上提供的輕松用戶體驗。

雖然該網站利用了多種用戶體驗功能,但對潛在租客來說,一個引人注目的微交互是如何自動將之前瀏覽過的位置的價格標簽去掉,從而節省用戶列出選項的時間和精力,或者返回到已經點擊過的位置。


亞馬遜

馬遜被吹捧為全球最大的電子商務零售商,繼續主導著電子商務行業。事實上,它占據了美國所有電子商務銷售額的44%,部分原因在于其易于使用的網站和應用程序。

用戶已經習慣的一個關鍵特性是產品照片的“懸浮縮放”功能,這種微交互,為用戶提供了一種只有在實體商店購買時才會有的詳細程度。


谷歌瀏覽器

谷歌Chrome,谷歌的網絡瀏覽器,擁有超過 10 億的活躍用戶,通過在他們的 404 頁面上放置一個游戲,將微用戶體驗提升了一個檔次,這表明錯誤頁面不一定是痛苦的來源。

通過點擊空格鍵(或者點擊移動設備的屏幕),用戶可以引導一只霸王龍成功地跳過仙人掌和飛翔的小鳥。這有助于沮喪的用戶,在解決他們的網絡連接問題時感到高興。


附加值

當有效地使用微交互時,微交互被證明是提高用戶體驗設計的一個非常寶貴的工具。在一天結束的時候,他們充當了客戶和系統之間的中間人,這個系統可以激發用戶的喜悅,并提供令人難忘的體驗,然后鼓勵用戶繼續從該網站購買。?



客服中心
點擊進行在線咨詢

QQ咨詢 咨詢QQ:79929313 咨詢QQ:88139574 咨詢QQ:122790803

咨詢熱線:0871-63399840

客服熱線:0871-63523332

客服中心 客服中心
台湾麻将牌 1522103932226364725948083689013667611576643103934843656982492375441285731216786731364147811493505974 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();