設(shè)計(jì)趨勢!2015移動(dòng)設(shè)計(jì)趨勢,怎么設(shè)計(jì)移動(dòng)應(yīng)用的新手引導(dǎo)更好?(2)
注意事項(xiàng):
Readability 是一款很實(shí)用的APP,遺憾的是有很多明顯的問題,這點(diǎn)在Android平臺(tái)上尤為突出:
1.不一致性。
2.用戶必須去消化多達(dá)七個(gè)幻燈片所展示的信息。
對于一些信息較長的幻燈片,例如,關(guān)于介紹分享功能的幻燈片可以用一個(gè)簡單的分享圖標(biāo)取代文字介紹。
4. 一個(gè)鼓勵(lì)用戶去安裝Firefox插件的幻燈片是多余的,因?yàn)檫@只是移動(dòng)端。另外,以前的幻燈片也已經(jīng)告訴用戶,“Readability支持web端和移動(dòng)端。”引導(dǎo)頁面在移動(dòng)端上不應(yīng)該是一個(gè)包羅萬象全套的營銷產(chǎn)品,而是應(yīng)該與移動(dòng)平臺(tái)相關(guān)聯(lián)。
避免過多的幻燈片介紹,保持與內(nèi)容與平臺(tái)相關(guān)
方式2:功能性引導(dǎo)
另一個(gè)選擇就是放棄優(yōu)勢指導(dǎo),集中選擇APP重要的功能進(jìn)行引導(dǎo)。這類似于coach marks,如果你采用這種方式,請看一下幾點(diǎn):
1. 什么是重要功能?(例如,如何去啟動(dòng)或最常見的行為)
2. 什么時(shí)候去使用這些功能(例如,當(dāng)你查看搜索結(jié)果時(shí))
3. 如何去使用這些功能(例如,雙擊或向左拖動(dòng))
Carousel 著重介紹了這些主要功能
不要解釋被廣為人知的概念
自從互聯(lián)網(wǎng)普及開始,從桌面應(yīng)用到網(wǎng)頁應(yīng)用再到移動(dòng)APP,“×”這個(gè)符號一貫代表著關(guān)閉,退出或取消的意思。所以,除非這個(gè)符號在你的APP上有特殊的含義,否則不要向用戶說明它的其他意義。
Adobe Kuler沒有展示其他的含義
三張幻燈片,每張各展示一個(gè)主要功能
如果你在每張幻燈片放映的時(shí)候展示一個(gè)主要功能,那么最大三張幻燈片,每一張展示一個(gè)主要功能。
幫助用戶開啟APP之旅
如果的的APP默認(rèn)是空的,針對于這一點(diǎn)在你的引導(dǎo)頁面上。不要讓用戶一打開APP就面對一個(gè)空白的頁面。包括通過一條便簽引導(dǎo)用戶入手,用戶不想這樣,即便是一秒鐘,他們都會(huì)認(rèn)為這是一個(gè)Bug。
Spendee通過告訴用戶如何入手使用戶感到安心
引導(dǎo)頁面放于登陸或注冊頁面之前
與最后一種方式一樣,在用戶進(jìn)行注冊或登陸之前進(jìn)行引導(dǎo)。
不應(yīng)該做的事:
照片展示類APP,500px擁有一些驚人的內(nèi)容和豐富的功能。然而,iphone 平臺(tái)上的APP在引導(dǎo)上則犯了一些錯(cuò)誤:
1. 導(dǎo)航欄及其功能展示。告訴用戶他們可以通過導(dǎo)航欄以下的區(qū)域進(jìn)行導(dǎo)航。
2. 一些幻燈片展示的按鈕,如“鏈接”,“喜愛”,“分享”。這三個(gè)功能通過按鈕圖標(biāo)來展示,這些圖標(biāo)通常都能讓人聯(lián)想到它的功能。所以在引導(dǎo)頁面解釋它們的用處完全是多余的。讓我們來猜想一下,對于500px一部分目標(biāo)觀眾對這些圖標(biāo)不熟悉。在這個(gè)案例中,逐步地通過在context中展現(xiàn)APP的功能引導(dǎo)用戶以提供更好的服務(wù)(例如當(dāng)用戶在查看圖片是,他們下一步可能會(huì)點(diǎn)“贊”)。
3. 一張幻燈片展示的“流程”,一個(gè)記錄用戶活動(dòng)變動(dòng)的時(shí)間軸。一旦你跟隨別人就能從這些“流程”中獲益。
通過告訴用戶這種特性來引導(dǎo)他們,至少有些人能從中得到幫助。
500px避免在單張幻燈片上展示過多的功能,保證信息的簡潔,重要
方式3:逐步引導(dǎo)
總的來說,人們學(xué)習(xí)的最好方式就是實(shí)踐。這點(diǎn)在逐步引導(dǎo)中可以得到驗(yàn)證,一張真實(shí)的引導(dǎo)頁面當(dāng)用戶使用APP時(shí)起到將信息展示給用戶的作用。例如,當(dāng)用戶在儀表盤界面時(shí),他們看到的僅僅是與儀表盤相關(guān)的信息;當(dāng)用戶查看搜索結(jié)果時(shí),僅僅是相關(guān)的搜索結(jié)果顯示在他們眼前。
Feedly 當(dāng)用戶首次打開APP時(shí)會(huì)有一些提示
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 調(diào)色知識(shí),簡單實(shí)用的調(diào)色原理
- UI知識(shí),尺寸對UI設(shè)計(jì)的影響
- 圖片畫冊平面設(shè)計(jì)排版ps理論教程
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- Photoshop初級教程-命令的技巧
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法