設(shè)計(jì)趨勢(shì)!2015移動(dòng)設(shè)計(jì)趨勢(shì),怎么設(shè)計(jì)移動(dòng)應(yīng)用的新手引導(dǎo)更好?(2)

來(lái)源:Germaine Satia 作者:BESD設(shè)計(jì)實(shí)驗(yàn)室 學(xué)習(xí):5249人次

 

注意事項(xiàng):

  Readability 是一款很實(shí)用的APP,遺憾的是有很多明顯的問(wèn)題,這點(diǎn)在Android平臺(tái)上尤為突出:
  1.不一致性。
  2.用戶必須去消化多達(dá)七個(gè)幻燈片所展示的信息。
  對(duì)于一些信息較長(zhǎng)的幻燈片,例如,關(guān)于介紹分享功能的幻燈片可以用一個(gè)簡(jiǎn)單的分享圖標(biāo)取代文字介紹。
  4. 一個(gè)鼓勵(lì)用戶去安裝Firefox插件的幻燈片是多余的,因?yàn)檫@只是移動(dòng)端。另外,以前的幻燈片也已經(jīng)告訴用戶,“Readability支持web端和移動(dòng)端。”引導(dǎo)頁(yè)面在移動(dòng)端上不應(yīng)該是一個(gè)包羅萬(wàn)象全套的營(yíng)銷產(chǎn)品,而是應(yīng)該與移動(dòng)平臺(tái)相關(guān)聯(lián)。


設(shè)計(jì)趨勢(shì)!2015移動(dòng)設(shè)計(jì)趨勢(shì),怎么設(shè)計(jì)移動(dòng)應(yīng)用的新手引導(dǎo)更好?

避免過(guò)多的幻燈片介紹,保持與內(nèi)容與平臺(tái)相關(guān)

 

方式2:功能性引導(dǎo)

  另一個(gè)選擇就是放棄優(yōu)勢(shì)指導(dǎo),集中選擇APP重要的功能進(jìn)行引導(dǎo)。這類似于coach marks,如果你采用這種方式,請(qǐng)看一下幾點(diǎn):
  1. 什么是重要功能?(例如,如何去啟動(dòng)或最常見的行為)
  2. 什么時(shí)候去使用這些功能(例如,當(dāng)你查看搜索結(jié)果時(shí))
  3. 如何去使用這些功能(例如,雙擊或向左拖動(dòng))

 

設(shè)計(jì)趨勢(shì)!2015移動(dòng)設(shè)計(jì)趨勢(shì),怎么設(shè)計(jì)移動(dòng)應(yīng)用的新手引導(dǎo)更好?

Carousel 著重介紹了這些主要功能

 

  不要解釋被廣為人知的概念
  自從互聯(lián)網(wǎng)普及開始,從桌面應(yīng)用到網(wǎng)頁(yè)應(yīng)用再到移動(dòng)APP,“×”這個(gè)符號(hào)一貫代表著關(guān)閉,退出或取消的意思。所以,除非這個(gè)符號(hào)在你的APP上有特殊的含義,否則不要向用戶說(shuō)明它的其他意義。

 

設(shè)計(jì)趨勢(shì)!2015移動(dòng)設(shè)計(jì)趨勢(shì),怎么設(shè)計(jì)移動(dòng)應(yīng)用的新手引導(dǎo)更好?

Adobe Kuler沒(méi)有展示其他的含義

 

  三張幻燈片,每張各展示一個(gè)主要功能
  如果你在每張幻燈片放映的時(shí)候展示一個(gè)主要功能,那么最大三張幻燈片,每一張展示一個(gè)主要功能。

  幫助用戶開啟APP之旅
  如果的的APP默認(rèn)是空的,針對(duì)于這一點(diǎn)在你的引導(dǎo)頁(yè)面上。不要讓用戶一打開APP就面對(duì)一個(gè)空白的頁(yè)面。包括通過(guò)一條便簽引導(dǎo)用戶入手,用戶不想這樣,即便是一秒鐘,他們都會(huì)認(rèn)為這是一個(gè)Bug。

 

設(shè)計(jì)趨勢(shì)!2015移動(dòng)設(shè)計(jì)趨勢(shì),怎么設(shè)計(jì)移動(dòng)應(yīng)用的新手引導(dǎo)更好?

Spendee通過(guò)告訴用戶如何入手使用戶感到安心

 

  引導(dǎo)頁(yè)面放于登陸或注冊(cè)頁(yè)面之前
  與最后一種方式一樣,在用戶進(jìn)行注冊(cè)或登陸之前進(jìn)行引導(dǎo)。

  不應(yīng)該做的事:
  照片展示類APP,500px擁有一些驚人的內(nèi)容和豐富的功能。然而,iphone 平臺(tái)上的APP在引導(dǎo)上則犯了一些錯(cuò)誤:
  1. 導(dǎo)航欄及其功能展示。告訴用戶他們可以通過(guò)導(dǎo)航欄以下的區(qū)域進(jìn)行導(dǎo)航。
  2. 一些幻燈片展示的按鈕,如“鏈接”,“喜愛”,“分享”。這三個(gè)功能通過(guò)按鈕圖標(biāo)來(lái)展示,這些圖標(biāo)通常都能讓人聯(lián)想到它的功能。所以在引導(dǎo)頁(yè)面解釋它們的用處完全是多余的。讓我們來(lái)猜想一下,對(duì)于500px一部分目標(biāo)觀眾對(duì)這些圖標(biāo)不熟悉。在這個(gè)案例中,逐步地通過(guò)在context中展現(xiàn)APP的功能引導(dǎo)用戶以提供更好的服務(wù)(例如當(dāng)用戶在查看圖片是,他們下一步可能會(huì)點(diǎn)“贊”)。
  3. 一張幻燈片展示的“流程”,一個(gè)記錄用戶活動(dòng)變動(dòng)的時(shí)間軸。一旦你跟隨別人就能從這些“流程”中獲益。
通過(guò)告訴用戶這種特性來(lái)引導(dǎo)他們,至少有些人能從中得到幫助。

 

設(shè)計(jì)趨勢(shì)!2015移動(dòng)設(shè)計(jì)趨勢(shì),怎么設(shè)計(jì)移動(dòng)應(yīng)用的新手引導(dǎo)更好?

500px避免在單張幻燈片上展示過(guò)多的功能,保證信息的簡(jiǎn)潔,重要

 

方式3:逐步引導(dǎo)

  總的來(lái)說(shuō),人們學(xué)習(xí)的最好方式就是實(shí)踐。這點(diǎn)在逐步引導(dǎo)中可以得到驗(yàn)證,一張真實(shí)的引導(dǎo)頁(yè)面當(dāng)用戶使用APP時(shí)起到將信息展示給用戶的作用。例如,當(dāng)用戶在儀表盤界面時(shí),他們看到的僅僅是與儀表盤相關(guān)的信息;當(dāng)用戶查看搜索結(jié)果時(shí),僅僅是相關(guān)的搜索結(jié)果顯示在他們眼前。

 

設(shè)計(jì)趨勢(shì)!2015移動(dòng)設(shè)計(jì)趨勢(shì),怎么設(shè)計(jì)移動(dòng)應(yīng)用的新手引導(dǎo)更好?

Feedly 當(dāng)用戶首次打開APP時(shí)會(huì)有一些提示

 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!