認識酷森、了(le)解酷森、選擇酷森

互聯酷之道 企業森動力

用(yòng)戶體驗設計

www.kosn.cn

如何利用(yòng)微交互來(lái)增強用(yòng)戶體驗設計?

分(fēn)享到:
來(lái)源:本站原創      2019年09月(yuè)24日
字号:T|T

設計、創建和(hé)管理(lǐ)一個(gè)在線平台絕非易事,在不斷變化(huà)的(de)數字環境中更是如此。持續改進滿足客戶需求和(hé)需求的(de)用(yòng)戶體驗設計是吸引和(hé)留住客戶的(de)重要部分(fēn)。

例如:創建一個(gè)對(duì)殘疾人(rén)無障礙的(de)在線平台,爲客戶提供輕松愉快(kuài)的(de)體驗。一個(gè)可(kě)以在所有設備上工作的(de)網站,也(yě)是獲得(de)高(gāo)轉化(huà)率和(hé)建立忠誠度的(de)關鍵。對(duì)于那些努力獲得(de)成功的(de)人(rén)來(lái)說,有效地增強用(yòng)戶體驗微交互。這(zhè)經常被忽略,可(kě)以使停留的(de)用(yòng)戶和(hé)在浏覽器上點擊X按鈕的(de)用(yòng)戶之間産生差異。介紹當開始電子商務業務時(shí),人(rén)們通(tōng)常關注于大(dà)的(de)圖片——即覆蓋所有的(de)基礎,并分(fēn)析所有與電子商務相關的(de)業務方面。當然,有一個(gè)好的(de)産品和(hé)盈利是基本的(de),就像找到正确的(de)營銷策略一樣。但如果客戶從平台上跳下(xià)來(lái),轉向競争對(duì)手,那麽所有這(zhè)些都毫無意義。

也(yě)就是說,一個(gè)好的(de)用(yòng)戶體驗設計在将訪問者轉化(huà)爲消費者方面将大(dà)有幫助。這(zhè)可(kě)能是陳詞濫調,但這(zhè)是真的(de)——小事情真的(de)很重要。微互動是日常數字生活中不可(kě)或缺的(de)一部分(fēn),它們通(tōng)常會被忽視,直到它們對(duì)網站的(de)轉化(huà)率産生巨大(dà)影(yǐng)響。什(shén)麽是微交互?微交互是用(yòng)戶和(hé)網站設計交叉路徑的(de)實例。

在人(rén)們每天遇到的(de)許多(duō)微互動中,包括移動或拖動物(wù)品到虛拟購(gòu)物(wù)車,點擊“登錄”按鈕,然後看到“推回去”按鈕,或者在Facebook上找到的(de)大(dà)量“喜歡/愛(ài)”按鈕之間切換。消息應用(yòng)程序上的(de)輸入指示器也(yě)是一個(gè)微交互。

在用(yòng)戶體驗設計中,微互動是一種積極與客戶互動的(de)方式,以一種令人(rén)愉快(kuài)的(de)方式。這(zhè)些交互不僅指導用(yòng)戶,而且對(duì)他(tā)們正在完成的(de)任務提供即時(shí)反饋,它們還(hái)提醒我們,它們不隻是與機器打交道。微交互的(de)四個(gè)組成部分(fēn)

微交互由四個(gè)部分(fēn)組成,每個(gè)部分(fēn)和(hé)下(xià)一個(gè)部分(fēn)一樣重要。記住,所有的(de)細節都是關于細節的(de),所以要保證這(zhè)些部分(fēn)順利運行。

觸發

第一部分(fēn)是啓動交互的(de)内容,當用(yòng)戶或系統激活交互時(shí)觸發。在系統觸發器的(de)情況下(xià),需要滿足激活的(de)某些需求。

以輸入錯誤密碼的(de)用(yòng)戶爲例,然後,一個(gè)網站的(de)提示會詢問密碼是否被遺忘,用(yòng)戶是否希望恢複密碼,在這(zhè)種情況下(xià),輸入錯誤的(de)密碼就是觸發器。

規則

第二部分(fēn)确定當微交互被激活時(shí)會發生什(shén)麽,在前面的(de)場(chǎng)景中,規則是系統必須自動詢問是否忘記了(le)密碼,以及用(yòng)戶是否希望恢複密碼。規則應該是無形的(de),隻有設計人(rén)員(yuán)知道,并根據客戶的(de)需求進行塑造。

反饋

第三部分(fēn)是當系統讓用(yòng)戶知道發生了(le)什(shén)麽,這(zhè)可(kě)以發生在視覺上、聽(tīng)覺上,或感覺上,反饋通(tōng)知訪問者微交互已經啓動。在密碼示例中,反饋将提示輸入錯誤的(de)密碼,需要重新鍵入密碼(或者需要替換忘記的(de)密碼)。

循環和(hé)模式第四部分(fēn)确定了(le)微交互的(de)元規則,即當條件或需求發生變化(huà)時(shí)發生了(le)什(shén)麽,循環決定了(le)微事務的(de)長(cháng)度和(hé)重複次數。在我們的(de)例子中,一個(gè)人(rén)輸入錯誤密碼的(de)次數。另一方面,模式可(kě)以确定随著(zhe)時(shí)間的(de)推移會發生什(shén)麽——也(yě)就是說,三個(gè)錯誤的(de)密碼輸入将阻塞帳戶。爲什(shén)麽微交互很重要?那麽,爲什(shén)麽微互動很重要呢(ne)?

首先,它們使導航更容易,這(zhè)應該是所有設計人(rén)員(yuán)和(hé)開發人(rén)員(yuán)的(de)目标。更好的(de)導航意味著(zhe)用(yòng)戶停留、購(gòu)買和(hé)再次訪問。

它們還(hái)能提高(gāo)交互速度,提供實時(shí)信息,讓用(yòng)戶覺得(de)他(tā)們的(de)體驗很重要。他(tā)們也(yě)幫助指導客戶,給他(tā)們提示和(hé)指導,無論他(tā)們在購(gòu)買過程中在哪裏。

微交互可(kě)以看作是數字商店(diàn)職員(yuán),爲滿足顧客的(de)每一項需求而做(zuò)的(de)一些小事情。如果數字職員(yuán)照(zhào)顧好了(le)用(yòng)戶,他(tā)們會感覺很好,想要回來(lái),微互動有助于提高(gāo)留下(xià)好印象的(de)機會。是什(shén)麽讓微交互能夠成功?在爲所有網站設計成功的(de)微互動方面,沒有萬能鑰匙。然而,大(dà)多(duō)數設計師都認爲,要想創造出一種行之有效的(de)設計,有五個(gè)主要原則:少即是多(duō):微交互作用(yòng)應該就是微交互,所以保持簡單。用(yòng)戶每天會無縫地接觸到無數的(de)微交互,不要成爲讓他(tā)們疲憊不堪的(de)網站。保持常數:微互動應該被忽視,所以要确保它與網站的(de)其他(tā)部分(fēn)和(hé)諧,不要讓它分(fēn)心。知道你爲什(shén)麽:爲什(shén)麽會産生特定的(de)微交互作用(yòng)?爲什(shén)麽它是必要的(de)嗎?用(yòng)戶爲什(shén)麽要與它交互?對(duì)這(zhè)些原因有合理(lǐ)的(de)答(dá)案是成功的(de)微觀互動的(de)關鍵。運行測試:嘗試不同時(shí)間的(de)微互動,并完善它,在它設置上線之前,經過測試的(de)微交互可(kě)能會更有效。别忘了(le)最基本的(de):在開發微交互時(shí)要小心,所以要确保一個(gè)網站有這(zhè)四個(gè)基本部分(fēn),每個(gè)部分(fēn)的(de)優化(huà)将決定它的(de)成功。

何時(shí)使用(yòng)微交互僅僅因爲微交互很棒并不意味著(zhe)每個(gè)UX交互都必須包含一個(gè),過度使用(yòng)它将使設計飽和(hé),并在信息層次中造成混亂(想想:過度使用(yòng)剪貼畫(huà)和(hé)gif的(de)演示文稿),知道何時(shí)使用(yòng)它們很重要。

以下(xià)是一些有助于人(rén)性化(huà)用(yòng)戶體驗的(de)微交互:刷卡功能:通(tōng)過Tinder出名的(de)滑動比在移動設備上點擊和(hé)選擇更容易。當前的(de)系統狀态:人(rén)們喜歡知道發生了(le)什(shén)麽,這(zhè)樣他(tā)們就不會困惑或失去耐心,例如:一個(gè)上傳/下(xià)載狀态欄可(kě)以幫助訪問者更新和(hé)了(le)解他(tā)們當前的(de)行爲。教程:如今,寫一篇可(kě)操作且易于閱讀的(de)博客文章(zhāng)仍然很有用(yòng),但在這(zhè)個(gè)快(kuài)節奏的(de)網絡時(shí)代,這(zhè)還(hái)不夠。微交互可(kě)以幫助創建有趣的(de)和(hé)交互式的(de)一步一步的(de)教程,供用(yòng)戶輕松學習(xí)和(hé)參與産品或服務。号角:人(rén)們喜歡有成就感,CTAs給了(le)他(tā)們這(zhè)樣的(de)機會。當他(tā)們接近購(gòu)買的(de)最後一步時(shí),創建一個(gè)能誘使他(tā)們行動和(hé)感覺良好的(de)CTAs。動畫(huà)的(de)輸入字段:動畫(huà)将使簡單的(de)過程變得(de)有趣和(hé)清晰,比如:在注冊表單、信用(yòng)卡詳細信息等輸入數據時(shí),在字段中高(gāo)亮顯示和(hé)縮放。動畫(huà)按鈕:這(zhè)些按鈕引導用(yòng)戶,告訴他(tā)們網站周圍的(de)路。無論在字體、大(dà)小、形狀、顔色、位置,還(hái)是在鼠标懸停或單擊時(shí)相應的(de)動畫(huà),都要确保這(zhè)些動畫(huà)是經過良好識别的(de)。通(tōng)知:注意力持續時(shí)間短的(de)人(rén)可(kě)能會忘記一個(gè)産品或一筆未完成的(de)交易,通(tōng)過通(tōng)知進行簡單的(de)微交互可(kě)以将它們收回來(lái)啓動或完成事務。人(rén)類,甚至更多(duō)的(de)科技世代,想要即時(shí)的(de)東西。隻要微交互能夠爲最終用(yòng)戶提供即時(shí)的(de)滿足,那麽就圍繞它制定一個(gè)好的(de)策略并設計使用(yòng)它。微交互功能設計建議(yì)微互動并不是一夜成名,爲了(le)使這(zhè)些功能更有效,設計師和(hé)web開發人(rén)員(yuán)需要注意細節,并牢記以下(xià)提示:保持它的(de)微觀和(hé)有效,隻有在需要的(de)時(shí)候才能看到微互動。當需要的(de)時(shí)候,确保它有效。它不應該成爲網站的(de)焦點,也(yě)不應該成爲錯誤的(de)來(lái)源,也(yě)不應該花費太多(duō)時(shí)間來(lái)完成。使他(tā)們感覺良好,在用(yòng)戶第一次和(hé)第十次使用(yòng)微交互時(shí),應該同樣愉快(kuài)。建立在知識,使用(yòng)關于用(yòng)戶行爲的(de)可(kě)用(yòng)信息來(lái)應用(yòng)适合他(tā)們的(de)微交互。創建和(hé)諧,确保微交互不僅看起來(lái)和(hé)反應良好,而且不會幹擾其他(tā)UI元素。引導他(tā)們的(de)視線,物(wù)理(lǐ)原則決定用(yòng)戶體驗原則。因爲人(rén)類熱(rè)衷于跟随線條,所以給它們水(shuǐ)平和(hé)垂直的(de)元素,避免斜線和(hé)圓圈。那些由于微交互而殺死自己的(de)品牌随著(zhe)電子商務允許在點擊方便的(de)情況下(xià)銷售商品和(hé)服務,僅北(běi)美(měi)就有 130 多(duō)萬家電子商務公司在争奪客戶的(de)關注,擁有智能微交互的(de)用(yòng)戶體驗和(hé)設計,可(kě)以成就或毀掉任何在線業務。

以下(xià)是一些在微互動領域獲得(de)成功的(de)品牌:

Airbnb

除了(le)Airbnb從其颠覆性的(de)商業模式中獲得(de)成功外,它的(de)廣泛采用(yòng)在很大(dà)程度上還(hái)得(de)益于它在其平台上提供的(de)輕松用(yòng)戶體驗。

雖然該網站利用(yòng)了(le)多(duō)種用(yòng)戶體驗功能,但對(duì)潛在租客來(lái)說,一個(gè)引人(rén)注目的(de)微交互是如何自動将之前浏覽過的(de)位置的(de)價格标簽去掉,從而節省用(yòng)戶列出選項的(de)時(shí)間和(hé)精力,或者返回到已經點擊過的(de)位置。

亞馬遜

亞馬遜被吹捧爲全球最大(dà)的(de)電子商務零售商,繼續主導著(zhe)電子商務行業。事實上,它占據了(le)美(měi)國所有電子商務銷售額的(de)44%,部分(fēn)原因在于其易于使用(yòng)的(de)網站和(hé)應用(yòng)程序。

用(yòng)戶已經習(xí)慣的(de)一個(gè)關鍵特性是産品照(zhào)片的(de)“懸浮縮放”功能,這(zhè)種微交互,爲用(yòng)戶提供了(le)一種隻有在實體商店(diàn)購(gòu)買時(shí)才會有的(de)詳細程度。

谷歌(gē)浏覽器谷歌(gē)Chrome,谷歌(gē)的(de)網絡浏覽器,擁有超過 10 億的(de)活躍用(yòng)戶,通(tōng)過在他(tā)們的(de) 404 頁面上放置一個(gè)遊戲,将微用(yòng)戶體驗提升了(le)一個(gè)檔次,這(zhè)表明(míng)錯誤頁面不一定是痛苦的(de)來(lái)源。

通(tōng)過點擊空格鍵(或者點擊移動設備的(de)屏幕),用(yòng)戶可(kě)以引導一隻霸王龍成功地跳過仙人(rén)掌和(hé)飛(fēi)翔的(de)小鳥。這(zhè)有助于沮喪的(de)用(yòng)戶,在解決他(tā)們的(de)網絡連接問題時(shí)感到高(gāo)興。

附加值當有效地使用(yòng)微交互時(shí),微交互被證明(míng)是提高(gāo)用(yòng)戶體驗設計的(de)一個(gè)非常寶貴的(de)工具。在一天結束的(de)時(shí)候,他(tā)們充當了(le)客戶和(hé)系統之間的(de)中間人(rén),這(zhè)個(gè)系統可(kě)以激發用(yòng)戶的(de)喜悅,并提供令人(rén)難忘的(de)體驗,然後鼓勵用(yòng)戶繼續從該網站購(gòu)買。