• <ul id="k6mek"><pre id="k6mek"></pre></ul>
      <ul id="k6mek"></ul>
      <ul id="k6mek"></ul>
    • <blockquote id="k6mek"><fieldset id="k6mek"></fieldset></blockquote>
    • <samp id="k6mek"><tbody id="k6mek"></tbody></samp><ul id="k6mek"><tbody id="k6mek"></tbody></ul>
      <th id="k6mek"></th>
    • <samp id="k6mek"></samp>
    • 微交互:網(wǎng)站詳細(xì)設(shè)計(jì)

      “最好的產(chǎn)品在兩方面做得很好:功能和細(xì)節(jié)。功能是吸引人們使用您的產(chǎn)品的原因;細(xì)節(jié)是讓它們?cè)谀抢锏?/i>原因?!?Dan Saffer說。細(xì)節(jié)的重要性不能過分強(qiáng)調(diào)。詳細(xì)信息使用戶喜歡或討厭應(yīng)用或網(wǎng)站。微交互就是那些細(xì)節(jié)。在全局設(shè)計(jì)方案中,它們可能很容易被忽略,但實(shí)際上它們將整個(gè)體驗(yàn)結(jié)合在一起。

      在本文中,我將解釋什么是微交互作用,為什么它們?nèi)绱酥匾⑻峁┮恍┏錾睦印?/span>

       

      什么是微交互

      微交互是圍繞完成單個(gè)任務(wù)的微妙時(shí)刻。我們周圍幾乎所有的應(yīng)用程序都充滿了微交互。

      微交互的最著名例子早在發(fā)明計(jì)算機(jī)之前就已經(jīng)存在。開/關(guān)開關(guān)通常是人們與產(chǎn)品接觸的第一個(gè)微交互。


      特定微相互作用的其他一些示例包括:

      • 當(dāng)您將iPhone切換為靜音時(shí),振動(dòng)通知以及靜音模式圖標(biāo)將顯示。
      • 一鍵刷新UI模式。通過將用戶尋找更多內(nèi)容的愿望與刷新動(dòng)作聯(lián)系起來,體驗(yàn)變得更加無縫。


      圖片來源:Ramotion

      • 社交網(wǎng)絡(luò)上的“喜歡”按鈕,通過使用交互式動(dòng)畫突出顯示更改。這樣的反饋通知用戶他們?cè)谙矚g該帖子的人的列表中。


      圖片來源:Dribbble

       

      他們?yōu)槭裁垂ぷ?/span>

      簡而言之,微交互使用戶界面的機(jī)器更少,更人性化,從而改善了用戶體驗(yàn)。很多時(shí)候,我們都會(huì)考慮外觀,以及外觀與設(shè)計(jì)之間的關(guān)系。當(dāng)我們考慮微交互時(shí),它們幾乎平衡了用戶對(duì)產(chǎn)品,服務(wù)或品牌的感受。微交互可通過以下方式微調(diào)以人為本的設(shè)計(jì):

      • 提供即時(shí)反饋 -視覺反饋吸引了用戶對(duì)確認(rèn)的自然渴望。用戶立即知道他們的動(dòng)作已被接受,并且他們希望通過視覺獎(jiǎng)勵(lì)感到高興。
      • 充當(dāng)交互的促進(jìn)者 —微交互具有鼓勵(lì)用戶實(shí)際交互的能力。他們可以指導(dǎo)用戶如何使用該應(yīng)用程序。
      • 帶來樂趣 —微交互是在不減損主要體驗(yàn)的前提下,為設(shè)計(jì)帶來更多額外樂趣的絕佳機(jī)會(huì)。

       

      額外的好處

      由于微交互本質(zhì)上是短暫的,因此必須將其設(shè)計(jì)為可重復(fù)使用。精心設(shè)計(jì)的微交互功能可以創(chuàng)建:

      習(xí)慣循環(huán)

      微交互是習(xí)慣循環(huán)的關(guān)鍵組成部分。當(dāng)人們反復(fù)執(zhí)行相同的動(dòng)作時(shí),就會(huì)形成習(xí)慣。典型的習(xí)慣循環(huán)包含三個(gè)元素:

      1. 提示—啟動(dòng)動(dòng)作的觸發(fā)器
      2. 常規(guī)-根據(jù)提示,您執(zhí)行一個(gè)操作
      3. 獎(jiǎng)勵(lì)-完成例行活動(dòng)所獲得的好處,完成操作的理由

      獎(jiǎng)勵(lì)越強(qiáng),習(xí)慣就越強(qiáng)。

      Facebook關(guān)于新朋友請(qǐng)求的通知是習(xí)慣循環(huán)的一個(gè)很好的例子:紅色徽章和白色圖標(biāo)(cue)表示有一個(gè)新請(qǐng)求,這使用戶單擊該圖標(biāo)(例程)以查看有關(guān)該人的信息(獎(jiǎng)勵(lì))。一段時(shí)間后,用戶在看到紅色徽章時(shí)會(huì)自動(dòng)單擊圖標(biāo)。

      簽名時(shí)刻

      如果做得好,微交互可以成為增加客戶忠誠度的標(biāo)志性時(shí)刻。簽名時(shí)刻是微交互,已被提升為品牌的一部分。考慮一下Facebook的“贊”按鈕。它成為Facebook界面的自然組成部分。如果Facebook突然刪除了此功能,則用戶會(huì)注意到它并認(rèn)為該應(yīng)用已損壞。

       

      識(shí)別機(jī)會(huì)

      微交互的優(yōu)點(diǎn)之一是,它們可以圍繞任何潛在的動(dòng)作插入各種位置。微交互有利于:

      突出變化

      微交互可以吸引用戶的注意在許多情況下,使用動(dòng)畫來吸引用戶對(duì)重要細(xì)節(jié)(即通知)的關(guān)注。


      圖片來源:Dribbble

      減少用戶的工作量

      自動(dòng)完成是微交互的一個(gè)很好的例子。鍵入具有很高的交互成本;即使使用完整的鍵盤(在觸摸屏上更是如此),它容易出錯(cuò)且耗時(shí)。自動(dòng)完成功能可幫助用戶更快地提供正確的答案,而不會(huì)出現(xiàn)印刷錯(cuò)誤。鍵入每個(gè)字母時(shí),系統(tǒng)將對(duì)您要查找的單詞做出最佳猜測(cè)。


      圖片來源:fancy.surge.sh

      提供反饋以表明已完成的工作

      微交互可以增強(qiáng)用戶正在執(zhí)行的動(dòng)作。通過遵循“ 顯示,不說”的原則,您可以使用動(dòng)畫反饋來顯示已完成的工作。Stripe的示例中,當(dāng)用戶單擊“付款”時(shí),微調(diào)器會(huì)在應(yīng)用程序顯示成功狀態(tài)之前短暫出現(xiàn)。復(fù)選標(biāo)記動(dòng)畫使用戶覺得自己很容易付款,并且用戶確實(shí)喜歡這些重要的細(xì)節(jié)。

      提供狀態(tài)信息

      雅各布·尼爾森(Jakob Nielsen)提出的第一個(gè)可用性啟發(fā)式原則指出:系統(tǒng)應(yīng)始終使用戶了解正在發(fā)生的事情。聊天中的鍵入指示器是提供狀態(tài)信息的微交互的一個(gè)很好的例子。在聊天中編寫消息時(shí),它會(huì)顯示在您的好友的屏幕上。


      圖片來源:Dribbble

      驗(yàn)證用戶數(shù)據(jù)

      高端網(wǎng)站設(shè)計(jì)表單設(shè)計(jì)中最重要且經(jīng)常被忽略的方面之一。但是,犯錯(cuò)誤是人的天性,您的表格也可能不受人為錯(cuò)誤的影響。用戶不滿意填寫表單的過程,只是在提交時(shí)才發(fā)現(xiàn)錯(cuò)誤。這是驗(yàn)證微交互在用戶友好形式中發(fā)揮作用的地方。實(shí)時(shí)在線驗(yàn)證可立即通知用戶所提供數(shù)據(jù)的正確性。這種方法使用戶可以更快地更正他們犯的錯(cuò)誤,而不必等到按下提交按鈕才能看到錯(cuò)誤。如果做得正確,它可以將模棱兩可的互動(dòng)變成清晰的互動(dòng)。


      返回觀點(diǎn)列表
      本文標(biāo)簽:

      相關(guān)專題

      • 品牌官網(wǎng)設(shè)計(jì)
        品牌官網(wǎng)設(shè)計(jì)

        杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃,品牌官網(wǎng)設(shè)計(jì),品牌官網(wǎng)建設(shè)開發(fā)服務(wù),以國際化視野和標(biāo)準(zhǔn)為基礎(chǔ),為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作

        查看詳情
      • 大策略營銷門戶網(wǎng)站
        大策略營銷門戶網(wǎng)站

        杭州派迪科技有自己的營銷型網(wǎng)站CMS系統(tǒng),適合白帽SEO網(wǎng)站。特別對(duì)大策略的營銷型門戶網(wǎng)站制作有一定的經(jīng)驗(yàn),曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營銷型門戶、先臨三維門戶營銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)

        查看詳情
      • 集團(tuán)/上市公司網(wǎng)站
        集團(tuán)/上市公司網(wǎng)站

        杭州派迪科技為杭州本地集團(tuán)公司提供網(wǎng)頁設(shè)計(jì)、制作、開發(fā)服務(wù),為集團(tuán)公司網(wǎng)站建設(shè)提供了響應(yīng)式、營銷型、品牌型、門戶型網(wǎng)站建設(shè)需求,歡迎廣大集團(tuán)公司客戶咨詢

        查看詳情
      • 外貿(mào)網(wǎng)站建設(shè)
        外貿(mào)網(wǎng)站建設(shè)

        杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃,外貿(mào)官網(wǎng)設(shè)計(jì),外貿(mào)官網(wǎng)建設(shè)開發(fā)服務(wù),以谷歌搜索引起算法為基礎(chǔ),為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作

        查看詳情
      • 企業(yè)網(wǎng)站建設(shè)
        企業(yè)網(wǎng)站建設(shè)

        高端專業(yè)、令人印象深刻的用戶界面、易于訪問——企業(yè)網(wǎng)站必須反映一切,因?yàn)榕傻峡萍荚谶@里提供幫助,憑借精湛的技術(shù)、豐富的經(jīng)驗(yàn)、與客戶的持續(xù)溝通以及對(duì)每一個(gè)細(xì)節(jié)的關(guān)注,我們確保在快速的周期時(shí)間內(nèi)提供優(yōu)質(zhì)的服務(wù)。

        查看詳情
      • 半定制網(wǎng)站
        半定制網(wǎng)站

        杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢

        查看詳情

      體驗(yàn)從溝通開始,讓我們聆聽您的需求!

      開始您的數(shù)字化品牌體驗(yàn)! 0571-85815193 期待您的來電!

      [ 網(wǎng)站建設(shè)×品牌官網(wǎng)設(shè)計(jì)×大策略營銷門戶×微信小程序開發(fā)×微信公眾號(hào)開發(fā)]

      網(wǎng)站事業(yè)部產(chǎn)品經(jīng)理

      網(wǎng)站事業(yè)部產(chǎn)品經(jīng)理

      免費(fèi)獲取項(xiàng)目策劃

      項(xiàng)目開發(fā)部產(chǎn)品經(jīng)理

      項(xiàng)目開發(fā)部產(chǎn)品經(jīng)理

      免費(fèi)獲取項(xiàng)目策劃

      我們正使用 cookies 來改善您的訪問體驗(yàn)

      派迪科技非常重視您的個(gè)人隱私,當(dāng)您訪問我們的網(wǎng)站www.bmwdream.cn時(shí),請(qǐng)同意使用所有cookies 。

      如果您想詳細(xì)了解我們?nèi)绾问褂胏ookies請(qǐng)?jiān)L問我們的 《隱私政策》

      Cookie 偏好

      如果您想詳細(xì)了解我們?nèi)绾问褂胏ookie請(qǐng)?jiān)L問我們的 《隱私政策》

      管理cookie偏好

      基本 cookies

      始終允許

      這些 cookies 是網(wǎng)站運(yùn)行所必需的,不能在我們的系統(tǒng)中關(guān)閉。它們通常僅針對(duì)您所做的相當(dāng)于服務(wù)請(qǐng)求的操作而設(shè)置,例如設(shè)置您的隱私首選項(xiàng)、登錄或填寫表格。您可以將瀏覽器設(shè)置為阻止或提醒您有關(guān)這些 cookies 的信息,但網(wǎng)站的某些部分將無法運(yùn)行。這些 cookies 不存儲(chǔ)任何個(gè)人身份信息。

      性能 cookies

      始終允許
      這些 cookies 使我們能夠計(jì)算訪問量和流量來源,以便我們可以衡量和改進(jìn)我們網(wǎng)站的性能。它們幫助我們了解哪些頁面受歡迎和不受歡迎,并了解訪問者如何在網(wǎng)站上移動(dòng)。這些 cookies 收集的所有信息都是匯總的,而且是匿名的。如果您不允許這些 cookies,我們將不知道您何時(shí)訪問了我們的網(wǎng)站,也無法監(jiān)控其性能。

      功能性 cookies

      這些 cookies 收集信息用于分析和個(gè)性化您的定向廣告體驗(yàn)。您可以使用此撥動(dòng)開關(guān)來行使選擇不獲取個(gè)人信息的權(quán)利。如果您選擇關(guān)閉,我們將無法向您提供個(gè)性化廣告,也不會(huì)將您的個(gè)人信息交給任何第三方。

      定位 Cookies

      這些 cookies 可能由我們的廣告合作伙伴通過我們的網(wǎng)站設(shè)置。這些公司可能會(huì)使用它們來建立您的興趣檔案,并在其他網(wǎng)站上向您展示相關(guān)廣告。它們不直接存儲(chǔ)個(gè)人信息,而是基于唯一標(biāo)識(shí)您的瀏覽器和互聯(lián)網(wǎng)設(shè)備。如果您不允許使用這些 cookie,您將體驗(yàn)到較少針對(duì)性的廣告。
      • <ul id="k6mek"><pre id="k6mek"></pre></ul>
        <ul id="k6mek"></ul>
        <ul id="k6mek"></ul>
      • <blockquote id="k6mek"><fieldset id="k6mek"></fieldset></blockquote>
      • <samp id="k6mek"><tbody id="k6mek"></tbody></samp><ul id="k6mek"><tbody id="k6mek"></tbody></ul>
        <th id="k6mek"></th>
      • <samp id="k6mek"></samp>