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

        • 如何設計優秀的App引導頁

          2014-10-22    藍藍設計的小編

          app的引導頁面是一個app的門面,給用戶的第一感覺。所以一個app的引導頁面的設計非常重要。

          本系列是寫給新手開發者的UI/UX指南,幫助開發者提供一些基本的UX信息。本文主要通過實例分析哪些是優秀的app引導頁面,哪些是糟糕的用戶引導頁面。

          糟糕的引導頁面

          開發者可使用引導頁來說明應用的使用方法和特性,但不少應用并沒有正確使用這一功能。

          Life360的用戶引導頁

          用戶引導頁除了可以教用戶怎么使用應用程序外,也能在注冊之前告訴用戶這是一款什么樣的應用。但是看看下邊這個引導頁,你還想知道它是一款什么應用嗎?我看到的是connective, seamless, peace of mind以及一群女性的圖片。難道它是一個女性專用的app?仔細閱讀屏幕上的文本描述,它會告訴一點關于app的信息,但是沒有人喜歡去閱讀小字號文本。

          藍藍設計;UI設計

          Memoir 的引導頁

          這個是Memoir,我在沒有任何信息幫助的情況下打開了應用,結果是什么呢?仍然毫無頭緒。在閱讀了和圖片相關的描述后,我對這款應用的理解仍不大清晰。我得返回到App Store查看截圖才能理解。

          藍藍設計;UI設計

          (免費聲明: 上述評論與應用程序本身功能無關,這兩款產品其實是很受好評的。)

          有效的引導頁面

          主要包括兩點:構建情感體驗,并告知用戶何時使用應用程序。

          1) 構建體驗

          專注于極簡,并為產品賦予情感。

          Human 的引導頁面

          成就!雖然我還不知道它如何工作,但我知道需要去注冊一個賬戶。沒有任何描述,沒有動態的界面,沒有花哨的設計,但Human成功地構建了app的情感體驗,這正是我想要的。

          藍藍設計;UI設計

          2) 告訴用戶何時使用應用程序

          對于一款產品來說,最重要的時刻是用戶再次打開的時候。

          Everest 的引導頁面

          除了有一個華麗的app icon外,Everest還有著完美的介紹引導頁面。

          你什么時候會使用這款應用?當你在冒險的旅程中。誰會過多關心它是干嘛用的?當你徒步旅行時、騎行時、滑雪時、潛水時以及在飛機上時,無論如何你都想試試這款應用。

          非常棒,你已經吸引用戶下載了應用。但是更重要的是你如何吸引用戶再次打開它。

          藍藍設計;UI設計

          PHHHOTO 的引導頁面

          你何時會打開這款應用?在你想捕捉美好快樂時光的時候。這是你首次打開應用時候看到的,我制作的這個畫面有點“抽筋”,不過你可以下載體驗一下,看看你的第一感覺。用戶可以完全沉浸在這種非常酷的展示方式中,無需閱讀任何內容或者與之進行交互。

          藍藍設計;UI設計

          預算有限/時間緊迫

          以下是簡單且比較成功的引導頁面。

          Beats Music 的引導頁

          還能更簡單一點嗎?非常的介紹頁面。

          藍藍設計;UI設計

          TuneIn 的引導頁

          視頻可能是最有效的引導方法。簡單四個字+一小段視頻剪輯,當然,TuneIn也有與產品相關的圖片。我可能不知道其他詳細信息,但我從中感受到了music、radio以及live shows。

          藍藍設計;UI設計

          Pinterest

          Pinterest使用了漂亮的動畫來達到這種效果,但是你不一定非要這么做。Pinterest采用這種方法很地告訴用戶何時使用產品。對美食感興趣?喜歡收集?喜歡探索發現?那就用這款應用吧。

          藍藍設計;UI設計

          小結:

          使用照片:在用戶清楚是否想要使用你的產品前,沒有人會喜歡讀一大段文字。

          使用文本:清楚應該何時使用文本。可借鑒其他優秀的示例,學習如何使用文本提升圖片。換句話說,開發者并不希望用戶閱讀文本描述。

          如果可以請使用視頻:你可以使用一個視頻來取代你用代碼構建的動畫。視頻可能花費高一點,但不是必需的。

          專注于如何讓用戶再次使用產品:告訴用戶為什么他們需要再次使用應用程序,何時會再次使用以及在什么樣的情景下使用等等。

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://m.sdgs6788.com

          存檔

          成人国内精品久久久久影院VR| 国产精品99久久久久久猫咪 | 亚洲午夜无码久久久久| 中文精品久久久久人妻| 国产婷婷成人久久Av免费高清| 97久久精品人人做人人爽| 亚洲精品乱码久久久久久久久久久久| 久久精品亚洲日本波多野结衣| 亚洲国产日韩欧美综合久久| 精品久久久中文字幕人妻| 久久免费香蕉视频| 久久久久四虎国产精品| 亚洲中文字幕无码久久2017| 久久99精品国产一区二区三区| 性欧美丰满熟妇XXXX性久久久 | 国产成人无码精品久久久免费| 亚洲国产综合久久天堂| 久久久噜噜噜www成人网| 青青青青久久精品国产h久久精品五福影院1421 | 久久国产成人午夜aⅴ影院| 久久夜色精品国产亚洲| 久久中文字幕精品| 色综合久久夜色精品国产| 久久精品无码专区免费青青 | 久久精品免费一区二区| 久久强奷乱码老熟女网站| 91精品久久久久久无码| 国产高潮国产高潮久久久| 亚洲精品乱码久久久久久久久久久久 | 久久久久噜噜噜亚洲熟女综合| 国产综合成人久久大片91| 99久久99久久| 国产精品免费看久久久香蕉| 久久99国产综合精品免费| 久久精品国产亚洲AV大全| 久久久无码精品亚洲日韩京东传媒 | 麻豆精品久久久一区二区| 久久er国产精品免费观看2| 国内精品人妻无码久久久影院| 无码人妻久久一区二区三区免费丨 | 国内精品久久久久影院日本|