
本系列前兩篇文章的主題都是轉(zhuǎn)變,態(tài)度和思維的轉(zhuǎn)變是內(nèi)在的,如果把“產(chǎn)品設(shè)計(jì)&產(chǎn)品管理”比作一門武功的話,前兩篇文章說的是“練功”;本篇文章則從“練武”的角度和大家分享——移動(dòng)應(yīng)用(app)引導(dǎo)頁的一些思考。
app引導(dǎo)頁是什么?
哈哈,你可能會(huì)問我,“你確定這個(gè)小節(jié)不是用來湊字?jǐn)?shù)的么?”,怎么會(huì)呢,這篇文章的標(biāo)題叫“干貨”,言歸正傳,請(qǐng)用一句話描述你印象中的引導(dǎo)頁?!暗谝淮伟惭bapp的時(shí)候出現(xiàn)”、“每次更新以后出現(xiàn)”、“要滑好幾次才能跳過”、“更新完竟然讓我看個(gè)視頻”、“無能的產(chǎn)品經(jīng)理喜歡干這個(gè)事情,還有一個(gè)就是各種彈出框的功能引導(dǎo)”、“點(diǎn)不完的‘知道了’按鈕”、“根本沒人會(huì)認(rèn)真看,而且特別礙事”、“如何直接跳過”,以上這些回答應(yīng)該代表了大多數(shù)人對(duì)引導(dǎo)頁的看法。
可見對(duì)話框、使用引導(dǎo)、視頻展示和幻燈片式的展示對(duì)用戶的引導(dǎo)效果并不好,尤其是老用戶甚至?xí)a(chǎn)生反感,然而“app引導(dǎo)頁是什么呢?”
按照慣例蘋果公司每年會(huì)在春季召開發(fā)布會(huì)、夏季召開全球開發(fā)者大會(huì)以及秋季的新品發(fā)布會(huì)。這是全球果粉的節(jié)日,借助蘋果發(fā)布會(huì)這個(gè)面向全世界的大舞臺(tái),蘋果的產(chǎn)品負(fù)責(zé)人可以直接將產(chǎn)品新特性傳遞給全世界,除了蘋果工業(yè)設(shè)計(jì)一貫的高水準(zhǔn)外,這種產(chǎn)品負(fù)責(zé)人直接告訴用戶——這款產(chǎn)品的使用場(chǎng)景、解決了哪些痛點(diǎn)的引導(dǎo)方式也對(duì)蘋果產(chǎn)品可以快速普及起到了很大的影響。
當(dāng)一款app首次發(fā)布或者發(fā)布了重大更新時(shí),作為移動(dòng)產(chǎn)品經(jīng)理的你如何為你的應(yīng)用開一場(chǎng)“發(fā)布會(huì)”呢?你又如何在應(yīng)用“呱呱墜地”之時(shí)立刻告訴你所有的目標(biāo)用戶這就是你想要的app呢?答案是,引導(dǎo)頁。
為什么大家都討厭引導(dǎo)頁?
因?yàn)楹芏喈a(chǎn)品經(jīng)理對(duì)引導(dǎo)頁有一些錯(cuò)誤認(rèn)識(shí),他們認(rèn)為引導(dǎo)頁是一款app是必備的模塊,理由是其他app都有;他們認(rèn)為既然引導(dǎo)頁是app的“發(fā)布會(huì)”,進(jìn)入app的第一眼就要把核心改變show給你看;他們從歷史版本的反饋中發(fā)現(xiàn)有個(gè)核心功能流程復(fù)雜,要借助這個(gè)機(jī)會(huì)告訴用戶如何使用。于是我們得到了這些——“多步驟使用向?qū)А薄ⅰ岸嗖襟E幻燈片”、“單步驟幻燈片”、“2min左右的視頻”,最重要的是不可以跳過。
使用這樣的引導(dǎo)頁,老用戶可能會(huì)覺得引導(dǎo)過于冗長、不方便,對(duì)于新用戶來說甚至?xí)?duì)這款app產(chǎn)生厭惡;如果恰好你的應(yīng)用是解決某種剛性需求的,設(shè)計(jì)不得當(dāng)?shù)囊龑?dǎo)會(huì)讓用戶十分憤怒,用戶的第一反應(yīng)是——“閃開,別耽誤我時(shí)間”。
令人反感的本質(zhì)原因是,這些設(shè)計(jì)違反了引導(dǎo)的原則,設(shè)計(jì)引導(dǎo)的時(shí)候沒有站在用戶的角度思考。
引導(dǎo)的原則是什么?
- 使用盡可能少的文字(Use Less Text)
- 不要前置引導(dǎo) (No Frontloading)
- 給予用戶成就感 (Make It Rewarding)
- 不需要的時(shí)候可以跳過,需要的時(shí)候可以再現(xiàn) (Skipable And Accessable)
還記得么,引導(dǎo)頁就是app的發(fā)布會(huì),那么我們來看看發(fā)布會(huì)。

大量的說明文字作為引導(dǎo)則等同于沒有引導(dǎo),用戶很可能感到茫然無措,原本為了幫助用戶的模塊反而成了用戶的負(fù)擔(dān)。切記,引導(dǎo)頁不是使用手冊(cè),對(duì)新增加的功能的引導(dǎo)建議使用圖示和簡短文本介紹,如果功能流程簡單可以設(shè)計(jì)一個(gè)簡單的上手體驗(yàn)環(huán)境。
脫離場(chǎng)景的引導(dǎo)是毫無意義的,就好比,平時(shí)多少次火災(zāi)逃生講座也比不上遇到火災(zāi)時(shí)身邊有一個(gè)消防員。引導(dǎo)頁的作用就是告訴你“使用明火請(qǐng)小心,謹(jǐn)防火災(zāi)”,當(dāng)真的觸發(fā)火情的時(shí)候再去告訴他應(yīng)該如何應(yīng)對(duì),這樣用戶會(huì)欣然接受,整個(gè)流程順其自然。
如果團(tuán)隊(duì)有足夠的開發(fā)和設(shè)計(jì)資源,可以在引導(dǎo)頁設(shè)置一些反饋給用戶,當(dāng)用戶操作引導(dǎo)頁時(shí)給予及時(shí)的反饋。用戶的動(dòng)作都能得到良好的反饋,會(huì)抵消用戶機(jī)械操作的厭煩感。同時(shí),最新的Android M系統(tǒng)以及iOS系統(tǒng)對(duì)于應(yīng)用使用的系統(tǒng)權(quán)限有了更嚴(yán)格的限制,在這里可以和用戶進(jìn)行良性互動(dòng)從而獲得用戶對(duì)應(yīng)用的授權(quán),方便應(yīng)用后續(xù)功能的使用。
Every coin has two sides,良好的引導(dǎo)可以為新用戶以及入門用戶提供幫助,為了避免對(duì)發(fā)燒友和老用戶產(chǎn)生困擾,引導(dǎo)頁應(yīng)該有明顯的跳過標(biāo)志,一款好的app提供環(huán)境而不是提供規(guī)則。如果你的引導(dǎo)頁是一個(gè)言簡意賅的使用說明,請(qǐng)?jiān)诤线m的位置(關(guān)于頁面、幫助頁面、常見問題頁面)放置一個(gè)重現(xiàn)引導(dǎo)頁面的入口,當(dāng)用戶需要幫助的時(shí)候快速幫助他們解決問題。
關(guān)于“干貨”
其實(shí)這不是什么干貨,我理解的干貨不是告訴你如何做到,而是告訴你如何想到。下一篇,分享這些思考是怎么來的。末了,我討厭標(biāo)題黨,感謝你的閱讀。