移動 App 有哪些優秀的、令人難忘的引導頁設計?

引導頁設計目的通常是產品功能展示或新功能介紹,有哪些引導頁值得學習的呢?


------已將通知欄裁掉,各位完美主義、強迫症患者可以放心觀看了----

------已更新,共有12款app,2個網站,總有一個對你的胃口 (多圖!!)-------

經常沒事就會去淘一些UI、UE很贊、有心意有創意的App來玩一玩:
(安卓,在豌豆莢設計獎淘的


1.Between 最讓我眼前一亮的歡迎頁面,美到不行

(讓單身的人看了都想馬上談戀愛啊,有木有╮(╯▽╰)╭)

2.Forest 配色很贊,App也有創意

還有挺多的,如果有人贊的話,我就去卸了重裝截了圖再來更。

-------更新啦 更新啦------

4.多鄰國:特別之處在於背景是動畫(那三朵雲是移動的

4. 隨便走

-------以下為歡迎頁面---------


5.食色:給人感覺非常舒服,吃貨必備,不過千萬不要深夜的時候上去亂逛 (我只想問,為什麼上面大家發的食物拍得都這麼美,我都不好意思上傳了- -

6. Sunrise (日曆App

7.blurone:照片模糊工具

8.落網:那隻黑天鵝的logo簡直美哭

9.Timi時光記賬 (覺得狐狸的logo很別緻

10.Same (社交類社區類app

11.生活記錄片

12.LavaRadio

整體感覺都很不錯,忍不住截個界面給大家看

再說兩個網站的吧:
1.Vimeo, Your Videos Belong Here 溫暖又好看

2.Pinterest:多麼美的登錄註冊表單

對了,有一個App Solgroup,我的手機安裝不了,據說被TNW評為世界上最美的應用,如果你的可以安裝,那就截圖下來然後回答這個問題吧,好好奇界面是什麼樣子的。因為覺得原圖尺寸太大,影響PC端的觀看體驗,於是全部在ps上改了尺寸再上傳的,這麼業良,看完不點贊就默默地走了,真的忍心嗎TT


Airbnb!
第一次打開 Airbnb 的 App 時完全被驚艷到了,差不多的業務形態,我們再去看看國內的廠商如「螞蟻」等,就會讚歎 Airbnb 不愧是設計師創造的產品,這本不怎麼高大上的事兒,他們竟可以做的這麼美。

好吧我們不談情懷,但我依然認為,這或許跟團隊的「格局」有很大關係:他們的理想真的不只是一個在線租房平台而已!

進入後針對租客的引導:

接下來是針對房屋出租者的引導:

看完後覺得或許這就是格局,它的理想真的不只是一個房屋發布平台而已!


犀牛故事
一個自己寫故事的app


接觸國產的比較多,列幾個大家沒說的吧
另外啟動界面(閃屏)我是覺得,騰訊和UC的是最棒,插畫都特有感覺,別出心裁。


1.QQ
難道沒人覺得qq的很好看嗎,無論是動畫還是概念
南極到北極,超遠距離,文件傳輸

2.百度文庫
和紙質書的概念完美結合,風格很好看

3.麵包旅行

4.我忘記叫什麼了= =

5.閑魚
畫風也是萌萌噠

先到這。。。周末約人了~
來個彩蛋,難道不覺得,這個閃屏更加酷炫嗎!

另外,這個我的花瓣收藏夾,想看更多的可以去,裡面都是guide的圖。
Guide Design(412圖)_@deedeedee收集


多圖展示滲入


網易出的一個叫lofter的app

手機沒法截小圖就刪除了重新安裝一下,私以為圖標的做的很有逼格和清爽

上圖為為更新前,下圖為更新後 [圖片未上傳成功]

[圖片未上傳成功]

還可訂閱各種關鍵詞的標籤專欄

不論是用戶操作和ui都深得俺心,唯一討厭的就是最後安裝時有個綁定安裝的有道雲筆記,太操蛋…安裝時請注意

看文章下面會經常彈出一個聊天窗口,看的很難受有心發展社交功能,可惜弄巧成拙了。


剛剛get了一個新的體驗,長時間切出lofter界面時,再打開可獲得文藝buff加成

[圖片未上傳成功] [圖片未上傳成功]


說到讓我很驚訝的引導頁,那就要屬這個最近被好幾個平台推薦的 2Do,原價九十八,現在限免,據說比肩 Things 和 OmniFocus 的 GTD 產品,所以我就下了。

不過,我並沒有成功挺過它的引導頁,有空的可以數數左下角有幾個圓圈


利益相關,悄悄地在這裡誇一下我家的UI設計師,品味的話沒得說,至少很對我的胃口,不管是閃屏頁還是歡迎頁,第一次接觸的時候都會忍不住的想要截屏保留做壁紙。

1,蛋幕Danmo的LOGO:

2,蛋幕Danmo的閃屏頁(默認):

題外話:從我們後來反饋過來的數據來看,這張閃屏頁是最多用戶截圖保存的。

3,蛋幕Danmo的歡迎頁(默認版本):

蛋幕是一款製作分享精彩照片故事的社交應用,這五張歡迎頁的圖已經巧妙地讓首次使用蛋幕的用戶就知道蛋幕到底是個啥玩意兒。

補充:
4,蛋幕Danmo中元節設計的閃屏頁:

剛畫出來讓我更新閃屏頁的時候,我就問他要到原圖做我的手機壁紙了,因為有小小的強迫症,到最後連微信聊天壁紙、QQ聊天壁紙全部更換成這張。
所以領導打算蛋幕這個閃屏頁做成一個系列,比如情人節,清明節等等。

再補充:
5,秘密花園:
前段時間的秘密花園很火對不對,結果他懂畫畫,有點才就是好,自己給自己做了一套屬於自己的秘密花園,還想著叫他給我整一套,可惜「藝術家」都是比較呆萌,色誘完全不給力。

(這是他工作的樣子)

尾巴:


蛋幕現在在各大下載平台均可搜到,蛋幕是一款製作分享精彩照片故事的社交應用,每張照片都是一個故事。歡迎品嘗。
蛋幕官網:蛋幕 - 免費、輕鬆分享精彩照片故事 iPhone|iPad|Android 或者戳下載地址:Danmo - Share great photo stories on the App Store


之前做的幾個方案(不想走尋常路線,頭腦發熱時做的……)

雖然這並不是一個產品最關鍵的部分,現在依然會花一點時間為了出一個好方案而絞腦汁


—————————————————

盡然不算優秀,卻令我難忘
貌似不對題目 - -


手機上裝了兩百多個應用,現在看到引導頁就想吐。
私以為最美的引導頁就是 APP 的首頁了。
在不恰當的時候搔首弄姿,再美也煩人。

所有的移動體驗設計指南都在說,用戶在移動應用里投入的是碎片化的時間和注意力,是不願意思考的,要簡單、快速,而有些應用居然更新之後有五個以上的引導頁,你們這是要鬧哪樣?

-------
補充:
需不需要引導頁,需要幾個引導頁,要看是否言之有物。至少現在絕大多數的引導頁內容都給人一種「與我無關」的感覺。用戶不全是 GEEK,不會關心你每個小更新有什麼變化。特別是越到軟體後期,一些小更新都是核心功能之外的邊角功能,用戶關注度並不高,都是產品團隊在那裡自 HIGH。並不是加個引導頁就有引導的作用,濫用的結果就是用戶基本上、至少我身邊的大部分用戶都已經是快速划過、根本不怎麼看內容了。

如果實在想炫,請至少在第 一頁加入直接進入軟體界面的按鈕吧……



答案不分先後
1.Hyperlapse

2.Flipboard

3.圈點

3.Notability

4.Grid

5.格志

6.視頻搜索 (豌豆莢出品)

不喜歡現在知乎的投喂知識氛圍,故沒有放具體引導頁。
感興趣的朋友可以自己下載試試看,有爭議的地方,歡迎在評論里討論。
P.s:授人以魚不如授人以漁,下面是可以經常逛逛的地方:
FAQ - NEXT
【最美應用】 一起發現好用、好看、好玩的應用


先說下,引導頁和splash page和首頁不是一個概念~splash page或者首頁好看的太多了,截不完的。。。

目前引導頁做的比較好的是fb paper,他們自己在各種訪談講座發布會上也都提到這種「不在app開始前一股腦出現,而是判斷用戶使用過程,適時提醒」的理念。ps. fb paper要美國賬號才能裝。。。再ps. 其實fb paper的交互被吹得太玄了,有些app已經實現過類似的交互,比如國家地理那個app,太酷炫了影響觀看=。=我不是非常喜歡,但是origami的開源(是算開源了吧)對交互設計群體是有貢獻滴。(好啰嗦=。=)

謝邀,邀請我的小夥伴是不是知道我有這麼個相冊。。。

錦妖的相冊-收集app入門/更新的指導頁面 目前215張圖,沒有刻意存,發現好的就截個圖~

附贈個大!!!反!!!例!!!還是moleskine的。。。簡直醉了。。。

圖太多就不全貼過來了,剩下戳原文(我blog):

CODES MAZE ? Moleskine app: bad design of good company.




為了回答這個問題我專門把手機裡面有意思的app點了一遍,挑了幾個: ZAKER,每天早上點開看它的進去頁面是精心挑選的圖片和文字,每天都不一樣的哦!

MUJI to sleep,就是晚上睡覺的那個,頁面和他們產品一樣,簡潔,耐看。

還有幾個看書軟體,單讀

拇指閱讀那句話我蠻喜歡的:

豆瓣FM風格也蠻簡潔的

還有跑步用的這個看著就有勁:

任何地方都不要迷失方向,指南針


360Camera~ 引導頁逼格甚高


1.引導頁不就是在用戶第一次使用App之前能對App有一個功能上和品牌上的認嗎"?

2.讓用戶在使用前就能熟悉主要功能的辦法不就是App內部相關界面+解說詞嗎?

3.圖,色調不就是讓用戶感知品牌的最簡單有效方法嗎? 所以,今天剛好碰上了。。。。。。


Airbnb的也不錯 http://airbnb.com

控制項的顏色跟照片的色調很和諧ifttt的交互效果很贊 http://ifttt.com

要裝一個親身體驗,截圖是看不出交互效果的


喜歡全屏主色只有一種顏色的


推薦閱讀:

好的人機交互設計 (UX) 有哪些主要評判標準?
遊戲設計里總被提到的「流暢用戶體驗」是什麼意思?
為什麼遊戲手柄都是左手控制方向右手控制動作、右搖桿控制鏡頭?
如何看待老羅所說的「商業公司的大規模 UI 扁平化會徹底淪為一場歷史鬧劇」的觀點?

TAG:互聯網 | 用戶體驗 | 產品設計 | Android |