<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • UI設計閃屏/啟動頁/引導頁制作技巧

    2018-8-2    博博

    UI設計閃屏/啟動頁/引導頁制作技巧

    云和數據西安中心 2018-07-02 14:19:10

    如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

    需要做一個“開屏頁”

    “哪個開屏頁”

    “帶跳過的哪個”

    “帶跳過的。是一頁的那個還是可以滑動的?”

    “滑動的”

    上面的對話不知道有沒有很熟悉。

    我們都知道APP在啟動時會有一些頁面先行展示,例如這樣

    UI設計閃屏/啟動頁/引導頁制作技巧

    通常來說我們會簡單的把它們統稱為“開屏頁”或者“啟動頁”

    但實際上,這種統稱就像是把下面這些都小可愛都叫做“熊”一樣不嚴謹。“熊”寶

    寶們表示很委屈。

    UI設計閃屏/啟動頁/引導頁制作技巧

    其實這些“開屏頁”的交互方式其實并不是完全一樣的,因此也承載著完全不同的功能,有著不同的名字:閃屏 Splash Screen、啟動頁 Launch Screen、引導頁Onboarding Screen。接下來我們就來走進它們的“內心世界”,了解一下它們的真正用法。

    01 閃屏 Splash Screen

    定義:閃屏是每次啟動過程中展示給用戶的一個過渡頁面,用于減緩用戶在打開應用時等待的焦慮心情。

    UI設計閃屏/啟動頁/引導頁制作技巧
    UI設計閃屏/啟動頁/引導頁制作技巧

    交互方式:閃屏通常是一張背景圖片,無法進行交互,無法點擊也無法跳轉

    劣勢:無法跳轉,只能進行展示作用,無法很好的承載營銷需求

    優勢:展示時間不可控

    使用建議:

    避免包含太多文字字符(閱讀速度慢的話可能還沒看完就關閉了)

    不用過去吸引用戶的注意(干擾用戶的本來目的)

    不要做廣告(干擾,且不能點擊)

    02 啟動頁Launch Screen

    定義:啟動頁形式閃屏但擁有交互功能,常用于展示營銷活動廣告圖片并引導用戶點擊

    使用示例:常用與展示營銷活動廣告圖片并引導用戶點擊

    UI設計閃屏/啟動頁/引導頁制作技巧

    交互方式:

    1、點擊頁面或按鈕進入活動承載頁

    2、點擊跳過,跳過啟動頁,進入首頁,或N秒后自動消失

    注:由于加載時間不確定,啟動圖通常會緩存并存在下次啟動時使用

    03 引導頁Onboarding Screen

    定義:用戶安裝或更新后首次啟動時展示數個頁面,常用于介紹應用的核心概念,功能玩法,使用場景,核心變更

    使用示例:

    UI設計閃屏/啟動頁/引導頁制作技巧

    交互方式:

    1、左右滑動可以切換

    2、最后一頁頁面可點擊進入

    注:首次打開才出現,之后就不在出現,清除用戶數據,再次打開應用可以看到

    使用建議:

    1.輕易不要使用引導頁,以免阻礙用戶快速的使用體驗

    2.為了降低用戶反感程度,引導頁數通常越少越好(<5)

    3.盡量提供“跳過”按鈕

    4.每頁的文案不要超過9個字,如果有更多內容可以用小號文字進行輔助說明

    (根據愛爾蘭哲學家漢密爾頓觀察發現的7±2效應,一個人的短時記憶至少能回憶出5個字,最多回憶9個,即7±2個。因此展示的文案要控制在9個字以內,超過后用戶容易遺忘、出現記憶偏差。)

    劣勢:

    增加了用戶進入產品的時間,用戶翻頁過多,可能會失去耐心,降低好感度

    04常規的啟動流程

    通常來說:開屏三兄弟順序如下:

    UI設計閃屏/啟動頁/引導頁制作技巧

    流程僅是建議的常規流程,通常來說閃屏是基本都有的,而啟動頁和引導頁,如果產品需要,三個流程都走一遍也不是不可以,不過還是要盡量考慮到用戶的忍耐度,不要讓用戶在漫長的“走流程”中失去了最初的興趣。

    小結

    Appe曾經在《iOS人機交互手冊》里建議:盡量不要展示閃屏或其它啟動流程,避免干擾用戶注意力然而,在馬桶蓋、地板磚甚至是美女身上都能打廣告的今天,啟動頁/閃屏/引導頁這三兄弟自帶的“廣告位”光環,讓產品、運營們對其欲罷不能,幾乎已經成為APP的啟動標配,一起組成了現在常見的啟動流程。它們共同承擔起展示品牌性格,廣告營銷入口,功能介紹與引導的大任。

    這讓我想到最近看的一個段子,放出來給大家看看,僅做娛樂。

    UI設計閃屏/啟動頁/引導頁制作技巧

    不過,正所謂存在即合理,既然市面上的啟動流程都是“全套服務”,說明這么做定是符合特定階段的市場需求的,所以作為產品設計師的我們在調侃過之后,還是要做好我們的本職工作:用專業知識解決實際問題。看過這篇文章后,相信

    你又重新認識了開屏三兄弟,并且能更好地利用他們各自的特性好好服侍各位產品、品牌、運營大佬了~


    藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務



    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 国产福利视精品永久免费 | 青草青草久热精品视频在线网站| 91人妻人人澡人人爽人人精品| 亚洲精品无码高潮喷水在线| 国产精品免费αv视频| 国产精品美女久久久久| 亚洲成网777777国产精品| 91亚洲国产成人久久精品网址| 99RE6热在线精品视频观看| 一本一道精品欧美中文字幕| 久久久91人妻无码精品蜜桃HD | 久久精品9988| 国产成人精品2021| 日韩精品在线播放| 精品国产午夜福利在线观看 | 亚洲精品无码成人片在线观看| 精品国产人成亚洲区| 97精品伊人久久久大香线蕉 | 正在播放酒店精品少妇约| 国产亚洲精品成人a v小说| 亚洲自偷自偷精品| 精品亚洲综合久久中文字幕| 97精品国产福利一区二区三区| 精品人无码一区二区三区| 人妻少妇精品视频二区| 亚洲精品无码精品mV在线观看| 亚洲国产精品碰碰| 无码人妻精品一区二| 麻豆国产高清精品国在线| 久久99精品国产麻豆婷婷| 九九久久精品国产| 久久久久久国产精品免费免费| 国产精品永久久久久久久久久| 国内精品久久久久久久久| 国产视频精品免费视频| 国产精品成人免费观看| 国产精品视频色视频| 国产在线观看一区精品| 精品多毛少妇人妻AV免费久久 | 免费精品国产自产拍在线观看| 老子影院午夜精品无码 |