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