中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

成都網站建設微交互設計的重要性

2023-03-18    分類: 網站建設

許多產品設計師都知道,出色的用戶體驗不僅僅在于可用性,更重要的是,用戶體驗還與產品的外觀和感覺息息相關。在設計出色的外觀和感覺時,沒有什么比微交互作用更重要的了盡管很小,但微交互功能卻可以使使用產品的體驗更加有效和人性化。在本文中,我們將研究什么是微交互以及何時在設計中使用它們。我們還將舉例說明成都網站建設中微交互在應用程序和產品中的微交互示例。

微交互定義

微交互包含圍繞單個用例的產品時刻。這些微小的瞬間是我們與計算機日常互動的重要組成部分。每次我們登錄,設置警報或按“贊”按鈕時,我們都會參與微交互。精心設計的微交互功能使用戶的旅程順暢,并使每一步操作變得更加輕松。微互動可以成為傳達品牌的好工具。一些微交互是如此之好,以至于成為了品牌的標志性時刻-品牌屬性提高了采用率和客戶忠誠度。Facebook的“贊”反應是標志性時刻的一個很好的例子。很難想象Facebook沒有這個小功能。這些反應使Facebook脫穎而出-每當我們看到大拇指圖標時,我們就會想到Facebook。

Facebook表情符號。

微交互互動模型

2014年,Dan Saffer出版了《微交互》一書。在這本書中,Dan創(chuàng)造了“微交互”一詞,并概述了設計它們的模型。該模型包括以下部分:

觸發(fā)

規(guī)則

反饋

模式和循環(huán)

丹·薩弗(Dan Saffer)的微互動模型。

觸發(fā)

觸發(fā)因素是微交互開始的主要途徑。

有兩種觸發(fā)器:

用戶啟動的觸發(fā)器。用戶動作啟動微交互。例如,當用戶單擊按鈕或對聲控系統(tǒng)說些什么時(例如,iPhone用戶說“嘿Siri”)。

系統(tǒng)啟動的觸發(fā)器。當滿足某些特定(通常是預定的)條件時,系統(tǒng)可以觸發(fā)該動作。例如,當電子郵件應用程序自動檢查用戶收件箱中的更新并通知用戶新郵件時。

規(guī)則

觸發(fā)器啟動一系列事件(也稱為規(guī)則)。規(guī)則定義了響應條件變化而發(fā)生的實際動作。

反饋

在大多數情況下,規(guī)則對于用戶是不可見的,并且用戶只能通過反饋來了解正在發(fā)生的事情。根據產品的類型,反饋可以是視覺,聽覺或觸覺的。

模式和循環(huán)

模式和循環(huán)決定了微交互的元規(guī)則。當條件改變時,微相互作用會發(fā)生什么?

微交互的用例

通常,微交互在產品設計過程中不會引起太多關注。畢竟,它們只是用戶體驗的小細節(jié)。但是,這些小細節(jié)會對產品給用戶的印象產生重大影響。正如查爾斯·埃姆斯(Charles Eames)曾經說過的:“細節(jié)不是細節(jié)。他們負責設計。”無論您的產品中有多少精心設計的功能,有時一個小問題都會引起很多挫敗感。丹·薩弗(Dan Saffer)在他的書中稱此類瞬間為“鞋子中的卵石”,這意味著無論鞋子多么漂亮,穿上一塊小卵石都會令人不快。這就是為什么在許多情況下,我們可以忍受的產品與我們喜歡的產品之間的區(qū)別在于我們與它們之間的微相互作用的質量。必須將重點放在設計小時刻上。

“我們可以忍受的產品與我們喜歡的產品之間的區(qū)別在于我們與它們之間的微相互作用的質量。”

提供有關用戶操作的視覺或音頻反饋

當我們考慮微交互時,系統(tǒng)反饋是首先想到的領域之一。無論您設計哪種產品,都應始終努力創(chuàng)建直觀的設計。微交互可以幫助您實現此目標-它們確實擅長提供反饋以使用戶保持了解狀態(tài)。有趣的是,有可能將微交互納入用戶開始使用產品時的最初體驗。打開產品可能是微交互的好觸發(fā)條件。許多Apple Mac用戶記得它的啟動聲音。當涉及日常體驗中的反饋時,考慮整個用戶旅程至關重要。查看用戶可能需要反饋以確保放心的地方。例如,如果您設計一個支付系統(tǒng),則需要為每筆交易提供出色的反饋。試想一下,如果用戶在匯款后沒有獲得成功屏幕,將會發(fā)生什么情況。

Stripe通過顯示綠色的選中標記圖標來確保用戶交易成功進行。

幫助用戶防止錯誤

幫助用戶處理錯誤狀態(tài)的條件很好,但是好是防止他們首先犯錯誤。當我們遵循這種方法時,我們將創(chuàng)建可讓用戶控制其體驗的產品。Gmail自動防網絡釣魚過濾器是保護用戶數據的微交互的一個很好的例子。每當Gmail檢測到可能危害用戶的內容時,它都會觸發(fā)一條消息,通知用戶有關潛在危險的操作。

Gmail可防止用戶與危險內容進行互動。

Web和移動表單是許多用戶感到沮喪的常見原因。讓我們以帳戶創(chuàng)建過程為例。許多表格要求登錄名/密碼組合。通常,當用戶創(chuàng)建此組合并按下“提交”按鈕時,他們會收到一條錯誤消息,指出用戶名已存在或密碼不符合安全要求(即使以前未指定這些要求)。內聯驗證使用戶免于潛在的額外工作。微交互會向用戶傳達其登錄名和密碼是否滿足所有要求。

內聯驗證在實踐中。

但是,不僅數字產品可以從錯誤預防中受益。這種方法在我們使用的其他產品中同樣有效。例如,許多現代汽車都具有碰撞前安全技術。最有用的系統(tǒng)之一是盲點監(jiān)視系統(tǒng)。駕駛時改變車道是可能導致事故的潛在危險操作-駕駛員可能會錯過其他車道的車輛,因為它們處于盲點。盲區(qū)監(jiān)視系統(tǒng)充當助手,它監(jiān)視盲區(qū)并在改變車道時警告駕駛員碰撞的危險。大多數此類系統(tǒng)將音頻反饋(嗶嗶聲)與左后視鏡或右后視鏡上的視覺指示配對在一起。這樣,系統(tǒng)可以防止用戶出錯。

使與產品的無縫交互

交互成本的概念在人機交互中起著至關重要的作用。NNGroup將交互成本定義為用戶必須花費精力與產品進行交互才能達到其目標的精神和身體上的總和。交互成本是可用性的直接衡量標準-用戶在交互上投入的精力越少,產品的可用性就越好。這就是為什么如此多的設計師努力創(chuàng)建無縫交互的原因。無縫交互是不需要太多努力的交互。微交互可以幫助我們創(chuàng)造無縫的體驗。以下是在許多現代移動應用程序中可以找到的無縫交互的一些示例:

滑動動作。輕掃操作消除了輕擊,并幫助用戶快速瀏覽不同的選項。

輕拂比輕擊容易。

拉刷新。拉動刷新是用戶觸發(fā)的微交互的一個很好的例子。通過拉動刷新,用戶可以下拉列表對象以檢索更多數據。這個簡單的手勢最初是由Loren Brichter為Tweetie應用程序創(chuàng)建的,后來被成千上萬個應用程序迅速采用,因為它使數據更新的體驗變得非常流暢。

拉動刷新用于許多應用程序。很難想象任何沒有這種模式的移動電子郵件應用程序。

考慮用戶上下文

好的體驗是使用有關用戶的所有可用信息來提供有價值的解決方案的體驗。您幾乎總是對用戶有所了解,例如他們的當前位置,環(huán)境,一天中的時間等。使用此信息為用戶創(chuàng)造價值至關重要。

“好的體驗是使用有關用戶的所有可用信息來提供有價值的解決方案的體驗。”

讓我們以Apple Maps為例。Apple Maps使用有關用戶當前位置的信息來提供有關方向的寶貴見解。很棒的是,該應用程序會自動執(zhí)行此操作-它會收集有關用戶的信息,并使用它來預測用戶的前進方向。因此,例如,如果您每天下午6點左右離開辦公室走到汽車上,將會收到一條通知,如下所示。這是系統(tǒng)觸發(fā)的微交互的一個很好的例子。

優(yōu)質的產品可以預測用戶的行為并提供有價值的解決方案。當用戶第一次看到此類消息時,他們可能會認為這很神奇。他們開始相信該應用程序確實了解他們。與以前的情況類似,微交互不限于網站和移動應用程序??梢哉业绞褂糜脩羯舷挛牡膬?yōu)秀產品示例??紤]下面的Nest示例。每次用戶經過時,Nest都會在屏幕上顯示當前溫度,從而避免用戶需要手動點擊設備。

Nest恒溫器。

將人類帶入人機交互

將情感融入您的設計中,可以在人與計算機之間建立更好的聯系。短暫的歡愉可能是精湛工藝的好標志。當涉及到可以將人與人互動的地方時,請從諸如動畫反饋之類的基本內容開始。在下面的示例中考慮Twitter的動畫反饋。當用戶點擊“贊”圖標時,Twitter將在短時間內使心臟動起來。這是鼓勵喜歡的簡單但有效的方法。

Twitter的Like動畫。

當您發(fā)現用戶旅程中實現重要目標或完成重要任務的時刻時,可能會獲得更好的結果。您可以使用微交互功能增強那些時刻。這樣,您將創(chuàng)造出巨大的成就感,并使這一刻變得特別。

當用戶的收件箱為“零”時,Gmail會顯示動畫反饋。

同樣,微交互不僅限于網絡和移動體驗。它們可以在我們使用的所有產品中烘焙。例如,福特發(fā)現了一種非常有趣的方式來展示駕駛混合動力汽車的效率。與許多其他混合動力汽車相似,福特汽車具有顯示環(huán)保評分的效率等級。但是他們沒有使用這個比例的百分比,而是決定使用樹葉。駕駛員以環(huán)保方式行駛時會看到更多的葉子。結果,許多人對葉子非常依戀,并嘗試盡可能多地生長。人們非常喜歡這種體驗,這一事實證明了出色的設計可以改變用戶的生活。

福特汽車的效率指標。

設計更好的微交互時要記住什么

如果計劃設計微交互,則需要牢記一些注意事項。

創(chuàng)建微交互應該是設計過程的一部分

微交互不是您在現有體驗之上添加的好東西。它們是產品設計的基本要素,應從一開始就在設計中進行烘焙。以下是一些簡單的技巧,可幫助您烘焙設計過程中的微交互:

不要將微交互僅限于設計師。每個參與產品創(chuàng)建并關心它的人都可以提出很好的解決方案。給他們這個機會。

準備回去重新考慮您的經歷。不要停止對微小元素的不同部分進行迭代并嘗試不同的方法。

始終考慮大局

有時,設計決策在概念上可能并不壞,但是當您使用決策來構建實際的應用程序時,很明顯,它們不能很好地協(xié)同工作。結果,體驗變得非常差。這就是為什么重要的是要查看整個產品,而不僅僅是體驗的各個部分。當您為單獨的零件設計時,您可能會產生零散的體驗。在這樣的經歷中,微交互的弊大于利。請記住,所有小細節(jié)都應融合在一起,以創(chuàng)建整體的用戶體驗。

考慮一下您的微交互如何長期保持

建立長效的微交互確實是一項挑戰(zhàn)。您不僅需要分析人們如何使用您的產品,還需要分析他們的體驗。對設計元素的反應全都與情感有關,因此,如果用戶對您的產品有負面情感,則很明顯,您必須重新設計某些元素。第一次看起來有趣的事情可能會在一段時間后變得壓力重重。每次評估單個微小時刻時,請穿上自己的鞋子,并詢問以下問題:

當用戶看到這種動畫效果/聽到這種聲音數千次時會發(fā)生什么?

他們還會像第一次一樣享受它嗎?

以下是兩個永恒的規(guī)則:

不要從零開始。使用您擁有的有關目標受眾的信息,為他們創(chuàng)建最有效的解決方案。

遵循KISS原則(保持簡單,愚蠢?。?/strong>。避免過度設計微交互。始終嘗試使其盡可能簡單。

微交互使產品個性化

漂亮的設計在于細節(jié)處理,我們使用產品的總體用戶體驗是大大小小的細節(jié)的總和。細節(jié)可以將優(yōu)質產品轉化為優(yōu)質產品。人們注意到對細節(jié)的關注,這使他們愛上了體驗,因為他們知道成都網站設計師背后的人們真的很在意。

新聞標題:成都網站建設微交互設計的重要性
網頁鏈接:http://www.rwnh.cn/news12/245412.html

網站建設、網絡推廣公司-創(chuàng)新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站建設

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯

临潭县| 双江| 泽州县| 运城市| 黑龙江省| 沙洋县| 鄂尔多斯市| 泰宁县| 保亭| 郓城县| 南昌市| 东乌珠穆沁旗| 盐山县| 若尔盖县| 丹凤县| 武乡县| 嵊州市| 咸阳市| 郎溪县| 乌拉特后旗| 巴楚县| 全椒县| 巴林左旗| 石渠县| 吴忠市| 富平县| 巴林左旗| 揭东县| 和田县| 府谷县| 周口市| 南投县| 四子王旗| 娄烦县| 武冈市| 抚顺县| 金湖县| 定边县| 高淳县| 西吉县| 铜梁县|