<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • UI設(shè)計閃屏/啟動頁/引導(dǎo)頁制作技巧

          2018-8-2    博博

          UI設(shè)計閃屏/啟動頁/引導(dǎo)頁制作技巧

          云和數(shù)據(jù)西安中心 2018-07-02 14:19:10

          如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

          需要做一個“開屏頁”

          “哪個開屏頁”

          “帶跳過的哪個”

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

          “滑動的”

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

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

          UI設(shè)計閃屏/啟動頁/引導(dǎo)頁制作技巧

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

          但實際上,這種統(tǒng)稱就像是把下面這些都小可愛都叫做“熊”一樣不嚴(yán)謹(jǐn)。“熊”寶

          寶們表示很委屈。

          UI設(shè)計閃屏/啟動頁/引導(dǎo)頁制作技巧

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

          01 閃屏 Splash Screen

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

          UI設(shè)計閃屏/啟動頁/引導(dǎo)頁制作技巧
          UI設(shè)計閃屏/啟動頁/引導(dǎo)頁制作技巧

          交互方式:閃屏通常是一張背景圖片,無法進(jìn)行交互,無法點擊也無法跳轉(zhuǎn)

          劣勢:無法跳轉(zhuǎn),只能進(jìn)行展示作用,無法很好的承載營銷需求

          優(yōu)勢:展示時間不可控

          使用建議:

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

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

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

          02 啟動頁Launch Screen

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

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

          UI設(shè)計閃屏/啟動頁/引導(dǎo)頁制作技巧

          交互方式:

          1、點擊頁面或按鈕進(jìn)入活動承載頁

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

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

          03 引導(dǎo)頁Onboarding Screen

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

          使用示例:

          UI設(shè)計閃屏/啟動頁/引導(dǎo)頁制作技巧

          交互方式:

          1、左右滑動可以切換

          2、最后一頁頁面可點擊進(jìn)入

          注:首次打開才出現(xiàn),之后就不在出現(xiàn),清除用戶數(shù)據(jù),再次打開應(yīng)用可以看到

          使用建議:

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

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

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

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

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

          劣勢:

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

          04常規(guī)的啟動流程

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

          UI設(shè)計閃屏/啟動頁/引導(dǎo)頁制作技巧

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

          小結(jié)

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

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

          UI設(shè)計閃屏/啟動頁/引導(dǎo)頁制作技巧

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

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





          日歷

          鏈接

          個人資料

          藍(lán)藍(lán)設(shè)計的小編 http://www.sdgs6788.com

          存檔

          亚洲国产成人久久综合区| 狠狠色婷婷综合天天久久丁香| 四虎影视久久久免费| 久久综合色区| 久久精品国产亚洲av麻豆图片| 97视频久久久| 久久国产免费观看精品| 99久久精品国产综合一区| 性做久久久久久久久| 99久久精品免费看国产一区二区三区 | 无码乱码观看精品久久| 久久婷婷五月综合国产尤物app| 国产成人精品三上悠亚久久| 欧美精品一本久久男人的天堂 | 久久精品成人欧美大片| 国产精品久久久久久久久鸭| 91麻豆国产精品91久久久| 久久精品水蜜桃av综合天堂 | 老司机午夜网站国内精品久久久久久久久 | 久久婷婷色综合一区二区| 国产精品视频久久久| 国产精品99久久久精品无码| 国内精品伊人久久久久影院对白| 蜜臀av性久久久久蜜臀aⅴ| 伊人久久成人成综合网222| 国产V综合V亚洲欧美久久| 久久精品无码专区免费青青| 综合久久一区二区三区 | 久久人搡人人玩人妻精品首页| 久久av无码专区亚洲av桃花岛| 亚洲国产成人精品久久久国产成人一区二区三区综 | 99久久久久| 91精品国产综合久久四虎久久无码一级| 国产精品久久久久免费a∨| 久久久久久久亚洲精品| 欧美午夜A∨大片久久| 亚洲一区中文字幕久久| 久久99国产精品久久| 国产精品久久免费| 国内精品久久久久影院日本| 亚洲AV无码成人网站久久精品大|