<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 引導(dǎo)式設(shè)計原則及應(yīng)用方式交互探索

    2025-3-27    杰睿

    大部分APP都會有引導(dǎo)設(shè)計,以幫助新人快速上手。那你知道這些引導(dǎo)設(shè)計有哪些要求和方法嗎?這篇文章,我們看看作者整理的五種類型,你們用的是哪一種呢?

    一、設(shè)計原則

    • 簡潔性:內(nèi)容簡潔明了,避免過多的文字和復(fù)雜的概念,重點突出產(chǎn)品的核心功能和關(guān)鍵操作;
    • 直觀性:采用直觀的視覺設(shè)計和交互方式,如圖片、圖標(biāo)、動畫等,讓用戶能夠快速理解引導(dǎo)信息并進(jìn)行相應(yīng)操作;
    • 漸進(jìn)性:按照用戶的認(rèn)知和操作流程,逐步展開引導(dǎo)內(nèi)容,避免信息的復(fù)雜造成過多干擾;
    • 互動性:增加互動元素,如點擊、滑動、輸入等,讓用戶積極參與到新手引導(dǎo)過程中,提高用戶的注意力和學(xué)習(xí)效果;
    • 友好性:支持可跳過,為有經(jīng)驗或急于使用產(chǎn)品的用戶提供跳過新手引導(dǎo)的選項,尊重用戶的自主選擇。

    二、引導(dǎo)方式

    1. 遮罩式(蒙層引導(dǎo))

    1)定義

    蒙層引導(dǎo)的特點是讓用戶將注意力聚焦到被圈定的某個特定功能上,不被其他內(nèi)容干擾;

    通常出現(xiàn)在用戶首次操作時做全局引導(dǎo),也會在產(chǎn)品的各個功能點等待用戶的觸發(fā);根據(jù)內(nèi)容一次顯示一個或多個提示;

    2)組成結(jié)構(gòu)

    黑色蒙層+高亮內(nèi)容+內(nèi)容介紹(圖文/視頻)+操作引導(dǎo);

    3)使用規(guī)則

    分為單頁面功能引導(dǎo)和多頁面多功能引導(dǎo),單頁面引導(dǎo)全局信息量不能過多;多頁面引導(dǎo)控制在5步以內(nèi),提示契機保證用戶需要的時候出現(xiàn),不做過多干擾;

    4)使用場景

    分類場景:展示新產(chǎn)品/功能特色介紹(新功能上新的告知、特色重點功能宣傳)、產(chǎn)品/功能更新迭代(說明界面中功能位置的改動、服務(wù)內(nèi)容的變動等)、操作行為引導(dǎo)(講解操作方式、體現(xiàn)特定的手勢交互劃分說明界面的整體結(jié)構(gòu));

    2. 開屏引導(dǎo)

    1)定義

    引導(dǎo)頁出現(xiàn)在用戶首次打開APP的時,在用戶使用產(chǎn)品前先給用戶營造好產(chǎn)品的基調(diào)和氛圍,宣傳產(chǎn)品功能和亮點或告知用戶最核心的操作方式;

    基本上由3-5個頁面組成,保證能帶給用戶新鮮感和吸引他們的注意力,否則對用戶來說反而是干擾,只會直接選擇快速劃過;

    2)組成結(jié)構(gòu)

    文字介紹+圖片介紹+操作引導(dǎo);

    3)使用規(guī)則

    引導(dǎo)頁最多不超過5頁;圖片介紹表達(dá)簡單且符合真實的使用場景;盡量明確的操作引導(dǎo)查看下一步的操作,

    4)使用場景

    用戶首次啟動APP,全局展示APP的整體功能架構(gòu)和大的功能模塊分類

    3. 彈窗引導(dǎo)

    1)定義

    用戶進(jìn)入使用某功能或某交互方式變化時,彈出彈窗予以解釋并介紹相應(yīng)的操作,屬于即時的強提醒方式;

    彈窗引導(dǎo)更重,阻斷行更強,需考慮使用的場景和傳達(dá)內(nèi)容的重要程度;

    2)組成結(jié)構(gòu)

    彈窗+圖/文信息+操作按鈕;

    3)使用規(guī)則

    更多使用于單項服務(wù)的介紹;彈窗內(nèi)盡可能以圖文方式介紹,避免大片文字,內(nèi)容清晰明確,操作按鈕指代清晰;

    4)使用場景

    告知用戶有新功能上線(如何找到新功能、新功能如何使用,并提供直接鏈接跳轉(zhuǎn)去對應(yīng)服務(wù))、變更功能提醒(功能變更后提示去哪找到)、告知用戶一些隱藏菜單的內(nèi)容(引導(dǎo)用戶使用)、以及查看/點擊等交互操作變更等;

    4. 氣泡/浮層引導(dǎo)

    1)定義

    同樣是作為即使提醒的方式,作為引導(dǎo)提示、提醒提示、解釋提示,讓用戶快速了解此服務(wù)/功能的內(nèi)容

    氣泡屬于輕量級的提示方式,打斷感弱,內(nèi)容傳遞量不大但聚焦;

    2)組成結(jié)構(gòu)

    彈窗+圖文信息+操作按鈕;

    3)使用規(guī)則

    彈窗內(nèi)盡可能以圖文方式介紹,避免大篇文字,內(nèi)容明確,操作按鈕指代清晰;

    4)使用場景

    聚焦在單一功能場景,更貼近某個服務(wù)的引導(dǎo)和告知,告知用戶有新功能上線、引導(dǎo)用戶使用、或告知用戶一些隱藏菜單的內(nèi)容,當(dāng)前提示內(nèi)容較為重要,且內(nèi)容較多,建議使用彈窗。

    5. 操作引導(dǎo)

    1)定義

    操作式引導(dǎo)會結(jié)合產(chǎn)品實際使用場景,一步一步地引導(dǎo)你進(jìn)行操作,鼓勵用戶參與其中

    這種方式很容易讓用戶沉浸其中、快速學(xué)習(xí),并且因為有及時的操作反饋,所以用戶很容易獲得強烈的成就感;

    2)組成結(jié)構(gòu)

    內(nèi)容介紹+引導(dǎo)內(nèi)容+操作引導(dǎo)

    3)使用規(guī)則

    操作引導(dǎo)突出且明確指示出操作的方式,否則用戶很容易因為操作失敗的挫敗感而放棄;保持內(nèi)容與操作的親密性;操作成功后及時給予反饋。

    4)使用場景

    多應(yīng)用在工具類產(chǎn)品和游戲:比如養(yǎng)雞活動、拼多多的種農(nóng)作物、螞蟻森林種樹等最開始使用此功能時,或者很久未進(jìn)入的用戶下次進(jìn)入;

    本文由 @宮宮宮宮 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

    題圖來自 Unsplash,基于 CC0 協(xié)議

    該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

    蘭亭妙微(www.skdbbs.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan

    蘭亭妙微(www.skdbbs.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan

    日歷

    鏈接

    個人資料

    存檔

    主站蜘蛛池模板: 国产精品久久一区二区三区| 国产久热精品无码激情| 精品乱人伦一区二区三区| HEYZO无码综合国产精品227| 精品无码国产一区二区三区51安| 久久久久无码精品国产不卡| 国产a视频精品免费观看| 国产欧美亚洲精品A| 91av国产精品| 在线成人精品国产区免费| 97国产精品视频| 国产精品成人观看视频网站| 亚洲精品tv久久久久| 丰满人妻熟妇乱又仑精品| 国产精品高清在线观看| 亚洲AV成人精品网站在线播放| 久久青青草原精品影院| 亚洲国产一成久久精品国产成人综合 | 精品国产午夜理论片不卡| 97久人人做人人妻人人玩精品| 久热精品人妻视频| 无码日韩精品一区二区三区免费 | 麻豆成人久久精品二区三区免费| 热re99久久精品国产99热| 亚洲午夜精品久久久久久app| 国产精品视频免费观看| 亚洲一区精品伊人久久伊人| 日本精品在线视频| 精品免费人成视频app| 四虎国产精品永久地址入口| laowang在线精品视频| 一色屋精品视频在线观看| 国产午夜精品久久久久九九| 2021久久精品国产99国产精品| 亚洲精品无码成人AAA片| 精品视频在线观看你懂的一区| 国产精品久久久久影视不卡| 久久久久久国产精品无码超碰| 国产亚洲精品激情都市| 国产精品欧美亚洲韩国日本不卡| 亚洲欧美日韩国产精品影院|