首頁 > 建站資源 > 網站優化 > APP設計:啟動頁/廣告頁/引導頁設計思想

APP設計:啟動頁/廣告頁/引導頁設計思想

時間:2018-01-25    來源:人人都是產品經理

注:作者結合實際的產品經驗,總結了啟動頁/廣告頁/引導頁的一些設計思想,希望能夠給你帶來啟發。

一、啟動頁設計

啟動頁設計思想

用戶第一次打開APP,第一眼看到的頁面是啟動頁,啟動頁面主要是告訴用戶“我”(產品)是誰,我是做什么的(一句話告訴用戶產品定位是什么)。

一個好的啟動頁面設計會給用戶留下良好的“第一印象”反之差的啟動頁面,會給用戶留下差的印象。啟動頁好比男女相親,初次見面自我介紹(以下案例分析)。

啟動頁面設計三要素:logo、產品名稱、產品定位。

通過三要素告訴用戶“我是誰”、“我是做什么的”,像KEEP啟動頁面通過標語“自律給我自由”傳遞情感給用戶產生共鳴。可以根據產品的定位以及要想傳遞的信息,展示給用戶。

  • 展示方式:啟動頁面展示方式目前主要以圖文方式,也有部分采用動畫方式。

  • 展示頻率:每次啟動顯示。

  • 啟動頁配置:由前端載顯示。

二、廣告頁設計

廣告頁面目前主流顯示方式是加載在啟動頁之后給用戶展示的,優勢自然是爆光率最高。簡單來說下目前啟動頁面與廣告頁面的交互設計(案例分析)。

啟動頁面與廣告頁面交互設計有兩種

  • 啟動頁面加載完之后進入廣告頁面(二級)。

  • 啟動頁面加載完之后,跟廣告頁面組合顯示(如上圖)目前組合顯示的方式使用最多。

展示方式:根據業務需求以圖文或者動畫的方式展示給用戶,圖 1 至圖 3 圖文方式,圖 4 動畫方式,動畫呈現方式趣味性更高一些,開發成本相對也會高一些。

相關推薦
超實用的APP引導頁設計基礎手冊分享
如何設計高轉化率的圖示?社交&付費廣告圖片篇
最常用的電商Banner設計方法教你如何零經驗做設計
APP開屏廣告是什么?設計時需要注意哪些事項?
廣告設計:Banner 的不同樣式類型分析
制作完美搜索框的9個要素設計原則
探探和Linkedin都用的卡片設計 怎樣才有好的體驗?
2017版“我的淘寶”可能是迄今為止最懂你的設計
為什么你愛用的App,都用卡片式設計?優勢在哪?
手機淘寶卡券包的改版設計經驗分享
手淘首屏設計是如何用戶逛得停不下來?
UI設計規范:單選按鈕vs復選框要怎么用?
APP設計教程:特殊情況下如何處理加載頁面?
APP設計教程:UI界面中的版式設計理論
APP設計:移動端下拉表單的更好選擇
App啟動頁分類與設計邏輯
APP移動應用彈窗設計指南
如何讓APP圖標設計得有特色?
24個UI案例對比 教你如何提升APP設計品質
干貨:移動端響應式的7種UI布局解析
APP設計優化:空白頁的存在價值與設計方案
iPhone X 官方人機交互指南中文版
9個UI界面設計靈感來源的網站推薦
從iOS 11看怎樣設計APP圖標
推送的暗黑模式:被 App 小紅點淹沒的你正被套路……
5種技巧教你如何提高移動端用戶體驗
APP設計推送通知的時候,這7個關鍵點要把握好
為什么微博不像微信一樣設計得簡潔?
APP設計:如何打造優質移動頁面提高用戶體驗?
APP設計:內容呈現更友好易用的5種常見導航設計模式
那些方法可以讓搜索框的體驗更好?
APP界面設計:關于卡片設計、分割線、無框設計的思考
APP設計:懸浮按鈕設計規范和經典實踐
APP設計教程:導航設計的對比總結
總結:那些可以提升用戶設計體驗的方法分享

精彩推薦

熱門教程

99热 久久99热视频只有精品 玖玖热爱视频精品 99热这里只有精品 久久re热这里只是精品 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>