網(wǎng)站建設(shè)中強(qiáng)大的微交互功能如何提升用戶體驗

2009-12-17 網(wǎng)站建設(shè)觀點(diǎn)

在擁有令人眼花number亂的數(shù)字平臺和無數(shù)內(nèi)容的世界中，微交互變得越來越重要。盡管微交互在數(shù)字設(shè)計的早期被認(rèn)為是一項很酷的功能，但在當(dāng)今競爭異常激烈的數(shù)字空間中，微交互已成為整個用戶體驗的關(guān)鍵要素。

由于用戶從微交互中感受到了價值感，因此他們不僅可以提高參與度，還可以激發(fā)對您品牌的積極感覺，并最終影響用戶的行為。

本文將討論微交互的基礎(chǔ)知識，以及如何利用它們來增強(qiáng)用戶體驗設(shè)計。

什么是微互動？

在數(shù)字設(shè)計中，大多數(shù)用戶與產(chǎn)品的互動中都存在微交互。當(dāng)您將鼠標(biāo)懸停在文本上時，它會發(fā)生變化，并且顏色會改變，表示可以單擊它。動畫出來時會顯示您的上傳進(jìn)度。甚至?xí)棾鱿?，提示您輸入了錯誤的密碼。

這些微小的視覺提示和其他細(xì)微的指示是微交互。盡管用戶可能不容易注意到它們，但實際上通常是在正確執(zhí)行它們之后。微交互無論多么微妙，將總體設(shè)計方案結(jié)合在一起，提供了一些信息，使用戶可以導(dǎo)航界面并執(zhí)行基本功能。

微交互如何工作

微交互具有四個基本元素：觸發(fā)器，規(guī)則，反饋和循環(huán)/模式。這些元素有助于組織以下設(shè)計元素的操作周期：

扳機(jī)

這些是啟動微交互過程的原因-例如，單擊按鈕或單擊鼠標(biāo)。當(dāng)滿足某些條件時，它也可以由系統(tǒng)啟動，例如當(dāng)您收到消息時收到聲音通知時。

這些觸發(fā)器與一組既定的動作規(guī)則一起工作，這些動作規(guī)則規(guī)定了可以做什么和不能做什么。

規(guī)則

這些基本上確定了觸發(fā)微交互后會發(fā)生什么。因此，例如，當(dāng)您在Tinder上向上滑動時，規(guī)則表明您“超級喜歡”某人。但是規(guī)則還規(guī)定，直到他們喜歡你，他們?nèi)匀粺o法向他們發(fā)送消息。

反饋

顧名思義，它可以讓用戶知道發(fā)生了什么。發(fā)生微交互時，用戶看到，聽到甚至感覺到的任何東西都是反饋。例如，如果將手機(jī)設(shè)置為振動，則短暫的振動即為反饋。

循環(huán)/模式

這些基本上定義了交互的性質(zhì)-是否閃爍一次，重復(fù)一次？隨著時間的流逝會發(fā)生什么？例如，循環(huán)可以是用戶輸入錯誤密碼的次數(shù)，而模式可以是在五個密碼錯誤后臨時阻止帳戶。

何時以及如何使用微交互

1.頁面動畫

當(dāng)您談?wù)擁撁鎰赢嫊r，它可能是頁面之間的創(chuàng)意過渡，或者只是一個很酷的滾動進(jìn)度圖標(biāo)。這些類型的微交互可以使用戶更好地了解以前頁面與當(dāng)前頁面之間的關(guān)系。這也使撇取過程更加引人入勝。

2.刷卡

同樣，您還可以通過在用戶滑動時將平滑過渡合并到內(nèi)容中來利用先天滑動的方式。這樣，您可以為內(nèi)容增加一些娛樂價值（無需用戶使用約會應(yīng)用程序）。

3.動畫輸入字段

您可能沒有遇到喜歡填寫表格的任何人。但是，設(shè)置動畫字段至少可以使平凡的任務(wù)更具吸引力，甚至有所幫助。

4.狀態(tài)動畫

同樣，在這個關(guān)注范圍日益縮小和按需娛樂的時代，沒有人喜歡等待。但是通過將動畫用于諸如下載/上傳狀態(tài)之類的事情，您可以顯示用戶的進(jìn)度，同時為原本無聊的功能增加更多的樂趣。

您甚至可以使用它來添加您的品牌。

5.通知

在通知方面，最好讓用戶選擇。例如，有些用戶更喜歡侵入式通知。同時，其他人則不介意即使在觀看YouTube視頻時，F(xiàn)acebook Messenger的聊天氣泡也會突然彈出。

Facebook和Instagram將這一點(diǎn)提升到了一個新的高度，每當(dāng)有人喜歡他們的帖子時，都會為用戶提供多巴胺。這會養(yǎng)成習(xí)慣，使用戶期待收到通知。

6.下拉菜單

它已成為智能手機(jī)操作系統(tǒng)中的主要設(shè)計，這是因為它非常易于使用。只需從屏幕頂部下拉即可訪問所有通知和基本設(shè)置。輕松導(dǎo)航是微交互最重要的功能之一，而下拉菜單則可以實現(xiàn)這一點(diǎn)。

7.號召性用語按鈕

您的CTA在那里是有原因的-那是因為您希望用戶單擊它們。將動畫添加到CTA按鈕可以幫助激發(fā)用戶的行為。至少要讓他們對可能發(fā)生的事情感到好奇。

8.錨文本動畫

對錨文本進(jìn)行動畫處理是一種將創(chuàng)意品牌整合到簡單功能（例如返回首頁或什至只是表明可以單擊某些內(nèi)容）的絕佳方法。

9.教程

微交互也是一種教育用戶如何使用您的產(chǎn)品的好方法。指出基本功能的簡單動畫甚至是圖形，可以使產(chǎn)品易于使用，并推出出色的隱藏功能，從而可以為實現(xiàn)更好的用戶體驗大有幫助。

帶走

這些小細(xì)節(jié)都為用戶的整體體驗增加了價值。諸如非侵入式通知或炫酷狀態(tài)動畫之類的小功能可以使用戶感到公司在乎他們，并引起對品牌的善意。建立這種關(guān)系后，您就可以影響他們的行動，以實現(xiàn)自己的目標(biāo)。

隨著一切都數(shù)字化，在人群中脫穎而出變得越來越難了-但是這些微妙的微交互可以幫助您實現(xiàn)這一目標(biāo)。

上一篇：2019年11月推出15種最佳新投資組合返回觀點(diǎn)列表下一篇：如何在網(wǎng)站建設(shè)中恢復(fù)廢棄的電子商務(wù)購物車?

本文標(biāo)簽：

本文地址： http://www.bmwdream.cn/a/627.html

相關(guān)專題

品牌官網(wǎng)設(shè)計
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計，品牌官網(wǎng)建設(shè)開發(fā)服務(wù)，以國際化視野和標(biāo)準(zhǔn)為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計、互動與制作
查看詳情
大策略營銷門戶網(wǎng)站
杭州派迪科技有自己的營銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對大策略的營銷型門戶網(wǎng)站制作有一定的經(jīng)驗，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營銷型門戶、先臨三維門戶營銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)
查看詳情
集團(tuán)/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團(tuán)公司提供網(wǎng)頁設(shè)計、制作、開發(fā)服務(wù)，為集團(tuán)公司網(wǎng)站建設(shè)提供了響應(yīng)式、營銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團(tuán)公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計，外貿(mào)官網(wǎng)建設(shè)開發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計、互動與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問——企業(yè)網(wǎng)站必須反映一切，因為派迪科技在這里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗、與客戶的持續(xù)溝通以及對每一個細(xì)節(jié)的關(guān)注，我們確保在快速的周期時間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情