當(dāng)發(fā)布一個(gè)app，你需要花許多時(shí)刻和資本去吸收用戶。你可以運(yùn)用許多手腕把大家引到你的app，像廣告、舉薦、公共關(guān)系和內(nèi)容推廣?？墒钱?dāng)他人總算下載了app，他們有時(shí)會(huì)覺(jué)得被丟掉了。你必需很清楚地告訴用戶為何他們需要你的app。
研討標(biāo)明90%的用戶下載app后只用一次，然后就永世地刪除了。大家常常棄用app是因?yàn)榻缑嬉?guī)劃真的很難，或許全體即是很差的體會(huì)。app沒(méi)有幫用戶處理疑問(wèn)，在界面、菜單和按鈕操作中他們覺(jué)得很迷惑。
在用戶界面規(guī)劃基礎(chǔ)的第五章，Jane Portman說(shuō)過(guò)：
“一旦用戶登錄app，他們常常被放在一邊。他們初步溺亡，而不是游向意圖?！?
對(duì)給你app第二次時(shí)機(jī)的用戶，海淘科技告訴您他們需要了解4件事：
1. 為何他們需要這個(gè)app
2. 這個(gè)app能為他們做啥
3. 它最首要的特性是啥
4. 假設(shè)運(yùn)用這些特性
最佳的了解你app意圖的方法即是通過(guò)一個(gè)進(jìn)程體會(huì)的辦理。
這個(gè)詞是來(lái)源于人力資本。含義是幫忙一個(gè)新員工適應(yīng)新的作業(yè)環(huán)境。在軟件開(kāi)發(fā)領(lǐng)域，根據(jù)新用戶的參加，引導(dǎo)頁(yè)的含義是幫忙用戶成功適應(yīng)并完整擁抱一款商品。
引導(dǎo)頁(yè)遵循著2/8繩尺。只需你迅速教他人怎么運(yùn)用小的特性，那些他們會(huì)花80%時(shí)刻運(yùn)用的特性，才是有用的?？墒悄阋矐?yīng)當(dāng)解說(shuō)為何這些特性這么有用。
引導(dǎo)頁(yè)的完結(jié)，在于展示了一系列首要信息，那些展示給用戶怎么通過(guò)和app交互來(lái)處理疑問(wèn)或許展示了app首要構(gòu)思和要害性特征的信息。引導(dǎo)頁(yè)能選用多種方法：
l 引見(jiàn)性的幻燈片或視頻
l 小提示
l 界面引導(dǎo)
l 內(nèi)容示例
l 雜亂的處理方案
全部的這些方案在與用戶溝通中都是有用的。挑選一種對(duì)你意圖用戶最管用的方法，讓你app的功用更簡(jiǎn)略被了解。
接下來(lái)的視頻會(huì)展示一些幻燈片，這些幻燈片被用于一個(gè)旅行app來(lái)抵達(dá)引導(dǎo)用戶的意圖。
(此處是視頻示例，請(qǐng)點(diǎn)擊原文檢查)
我喜愛(ài)這種完結(jié)方法，因?yàn)楹茱L(fēng)趣。在飛行的進(jìn)程中，你將會(huì)在低溫環(huán)境中睡眠。。。這是個(gè)捉住用戶體會(huì)的好比如。我也喜愛(ài)規(guī)劃精約。只需3張幻燈片——?jiǎng)?chuàng)建賬戶——挑選星球——分隔——可是他們圓滿地傳達(dá)了app的主旨。
Beats Music這個(gè)app運(yùn)用了引導(dǎo)頁(yè)旨在吸收用戶，讓他們的音樂(lè)試聽(tīng)體會(huì)變得特性化：
Beats Music 的引導(dǎo)頁(yè) (檢查大圖)
這種類型的引導(dǎo)規(guī)劃對(duì)用戶的音樂(lè)品嘗有懇求，讓他們的體會(huì)更加一起?！爸粸榱四恪边@個(gè)信息是一種很棒的方法，來(lái)告訴用戶能從共享自己偏好中獲得啥好處。而且，大家喜愛(ài)談?wù)撍?，談?wù)撍麄兿矏?ài)啥。引導(dǎo)頁(yè)也許是必需投合多元化用戶的最佳戰(zhàn)略。
IFTTT，一個(gè)盡人皆知的效力，在聯(lián)網(wǎng)效力中自動(dòng)化小使命，它運(yùn)用了小提示去解說(shuō)其一起的商品。
IFTTT的引導(dǎo)提示 (檢查大圖)
IFTTT展示了一個(gè)菜譜應(yīng)當(dāng)是啥樣的，解說(shuō)了界面中的每個(gè)元素，被用到的格外模塊——觸發(fā)頻道、操作頻道——幫忙大家更清楚的了解“假設(shè)。。。然后。。?！边@個(gè)邏輯。
已然咱們知道有不一樣的引導(dǎo)方法，讓咱們想出怎么規(guī)劃盡也許讓人愉悅的引導(dǎo)體會(huì)。
假設(shè)你為一款修改圖像的app規(guī)劃引導(dǎo)頁(yè)，你也許會(huì)做4-5也引見(jiàn)性的幻燈片。一款有圖表和核算功用的金融類app也許需要更多的細(xì)節(jié)描寫或體系提示。對(duì)于一個(gè)音樂(lè)類的app，你也許會(huì)選用一個(gè)輔佐來(lái)簡(jiǎn)明解說(shuō)怎么運(yùn)用控件去創(chuàng)建一個(gè)盯梢軌道。
有些規(guī)劃師選用了冗繁的方法，把兩種后更多種方法別離運(yùn)用。例如，你也許把一個(gè)包括線索和幫忙菜單的引見(jiàn)性的視頻中止了詳盡地說(shuō)明。以谷歌inbox這款使用的視頻為例。
讓咱們一同來(lái)探求6個(gè)吸收用戶的戰(zhàn)略。
1.引起活躍心境
一旦大家初步運(yùn)用一款app，他們很簡(jiǎn)略忘記這個(gè)入門訓(xùn)練，然后迷失在頁(yè)面規(guī)劃中。為了把他們引導(dǎo)到準(zhǔn)確的方向，你也許要gamify你的app。比如，你可以供給一些與成果有關(guān)的小竅門，或許在用戶完結(jié)一些使命時(shí)表?yè)P(yáng)他們。成果引起活躍心境。假設(shè)你的商品能讓大家有成果感，那么就會(huì)不斷用。
在用戶界面規(guī)劃基礎(chǔ)的第五章，Jane Portman說(shuō)過(guò)：
“任何用戶引導(dǎo)都是心理學(xué)：前期的成果感。成果會(huì)讓用戶回來(lái)?！?
看MailChimp是怎么通過(guò)表?yè)P(yáng)用戶完結(jié)使命來(lái)引起他們的活躍心境：
MailChimp (檢查大圖)
MailChimp運(yùn)用了它一起的方法和顧客溝通?！皳粽啤笔呛茱L(fēng)趣的，令人興奮的。MailChimp僅僅需要告訴用戶他們的活動(dòng)很快就會(huì)發(fā)進(jìn)來(lái)，可是MailChimp給信息添加了情感。擴(kuò)展心境在規(guī)劃中是很有力的竅門。
當(dāng)滿意以下標(biāo)準(zhǔn)時(shí)，引導(dǎo)頁(yè)能觸發(fā)情感：
l 導(dǎo)航是有含義的，很簡(jiǎn)略被了解;
l 規(guī)劃從視覺(jué)上對(duì)意圖用戶是有吸收力的;
l 幻燈片的播映方法很風(fēng)趣，能讓用戶想持續(xù)往下翻;
l 全部的體會(huì)是形象深化的，有特性的，能表達(dá)品牌和客戶的特性。
咱們?cè)赮alantis用這些標(biāo)準(zhǔn)來(lái)規(guī)劃咱們的引導(dǎo)進(jìn)程。下面的概念說(shuō)清楚咱們?cè)趺词褂们楦行枰ノ找粋€(gè)假定的時(shí)尚app的意圖受眾。其時(shí)的主意是幫忙年輕女人挑選時(shí)尚的服裝。但咱們并沒(méi)有嚴(yán)峻要點(diǎn)解說(shuō)假定商品的功用。咱們創(chuàng)建了引導(dǎo)頁(yè)，作為一個(gè)情感上有吸收力的規(guī)劃示例。
(此處是視頻示例，請(qǐng)點(diǎn)擊原文檢查)
咱們用了Adobe After Effects(你也許很簡(jiǎn)略完結(jié)這個(gè)主意，用任何的原型東西，別離插圖)。咱們挑選出天然色彩為原型，引導(dǎo)頁(yè)是與一自己的平時(shí)日子中的履歷聯(lián)絡(luò)的。
2.展示用戶能做啥
當(dāng)幻想引導(dǎo)頁(yè)的體會(huì)時(shí)，從客戶的視點(diǎn)思索。展示客戶怎么能從商品中獲利是一種展示這個(gè)商品有多好的方法。
寫下3個(gè)簡(jiǎn)略的句子，簡(jiǎn)明地才智這個(gè)app能供給的價(jià)值。谷歌的inbox即是一個(gè)很好的范例：
谷歌的Inbox (檢查大圖)
inbox運(yùn)用動(dòng)詞和圖標(biāo)在每個(gè)屏幕上來(lái)描寫價(jià)值。動(dòng)詞促進(jìn)大家采納舉動(dòng)，好過(guò)舉動(dòng)的任何別的部分。
在咱們自己的比如中，如下圖所示，咱們演示了用戶與視頻修改app交互的全進(jìn)程，從用戶按下記載鍵的時(shí)辰到修改視頻，運(yùn)用濾鏡和在交際媒體上共享視頻。咱們著重了這個(gè)app全部功用能帶來(lái)的好處。盡管視頻功用聽(tīng)起來(lái)也許有些雜亂，咱們?yōu)橐龑?dǎo)頁(yè)挑選了簡(jiǎn)略的文字描寫，這樣用戶能很清楚地理解他們將怎么從app中獲得好處。
(此處是視頻示例，請(qǐng)點(diǎn)擊原文檢查)
3.前進(jìn)對(duì)競(jìng)賽優(yōu)勢(shì)的重視
假設(shè)你的商品不得不好許多類似的處理方案競(jìng)賽，明白著重其競(jìng)賽優(yōu)勢(shì)。用3-4張幻燈片告訴大家是啥使得你的使用程序和他人的不一樣。長(zhǎng)篇大論地解說(shuō)為何大家需要你的app。
“全部”“一周兩次”“有約束的”“提示”—以下4張幻燈片解說(shuō)了yahooNews Digest這個(gè)app的價(jià)值，比說(shuō)成堆話管用。
yahoo的News Digest (檢查大圖)
我喜愛(ài)News Digest引導(dǎo)頁(yè)的色彩。不只僅信息突出了yahooapp和商場(chǎng)同類app有多么大的不一樣，也是因?yàn)樯屎陀脩艚缑婧芘洹?
4.內(nèi)容示例解析
假設(shè)用戶能看到內(nèi)容樣本，他們將能非常好地理解怎么和app中止交互。
內(nèi)容樣本會(huì)在商品和文檔修改的app中首要運(yùn)用。你老是能把內(nèi)容樣本和提示性的幻燈片別離起來(lái)。
這是Dropbox在它的Paper app中運(yùn)用了內(nèi)容樣本引導(dǎo)用戶：
Dropbox 的Paper (檢查大圖)
把文件夾里的主意組合起來(lái)也許聽(tīng)起來(lái)很雜亂，可是Dropbox運(yùn)用了引導(dǎo)頁(yè)去展示這個(gè)功用是多么簡(jiǎn)略。界面精約明快，能幫忙用戶迅速的獲得主意。
用內(nèi)容樣本做引導(dǎo)的情況也相同呈如今Mac的Readdle使用上。
Readdle 的Documents (檢查大圖)
Readdle展示給用戶哪些文件他們可以辦理，這些文件從哪里來(lái)。內(nèi)容樣本著重了app價(jià)值構(gòu)成的一起性：一個(gè)包括你全部文件夾的中央。
5.使第一形象發(fā)生耐久的影響
首要，引導(dǎo)頁(yè)的規(guī)劃應(yīng)當(dāng)讓用戶首次運(yùn)用app的時(shí)分就采納舉動(dòng)。
初始的“白板”規(guī)劃妥當(dāng)可以推動(dòng)用戶采納其第一個(gè)操作。呼喚采納舉動(dòng)，比如一個(gè)創(chuàng)建新文件的插圖提示，就可以讓用戶立刻創(chuàng)建文件。運(yùn)用白板幻想將來(lái)將會(huì)發(fā)生啥。
有用的白板會(huì)教育用戶，讓用戶快樂(lè)，也會(huì)提示到用戶。想想接下來(lái)的3個(gè)app，哪一個(gè)完整填充了空白屏幕：
Three apps that fill up the empty screen (檢查大圖)
在第一個(gè)截圖中，咱們看到了一個(gè)設(shè)備信息類app的懇求，對(duì)它能供給的價(jià)值做了一行描寫。第二個(gè)截圖壓服用戶導(dǎo)入一張銀行卡，簡(jiǎn)化他們的費(fèi)用盯梢。第一個(gè)截圖舉薦用戶增加對(duì)他們自己簡(jiǎn)介中的職位，讓自己主頁(yè)更有吸收力。終究一張是一個(gè)風(fēng)趣的規(guī)劃，聘請(qǐng)用戶“找格外棒的廣告”。
6.實(shí)施漸進(jìn)式學(xué)習(xí)體系
這是最雜亂的戰(zhàn)略，適宜大型技術(shù)先進(jìn)的高門檻項(xiàng)目。漸進(jìn)式學(xué)習(xí)是一個(gè)混合體系，包括在互動(dòng)各個(gè)期間不顯眼的教程、竅門和動(dòng)力。
用這種方法，用戶在沒(méi)有任何視頻或知道的情況下，學(xué)習(xí)怎么運(yùn)用該商品。他們能輕松地找到專業(yè)作業(yè)所需的躲藏功用。漸進(jìn)式學(xué)習(xí)一般包括分配制度。
一旦你挑選出適宜自己的戰(zhàn)略，考慮下怎么規(guī)劃。引導(dǎo)頁(yè)的規(guī)劃有4個(gè)要害要素。
1.按鈕和導(dǎo)航
假設(shè)你出現(xiàn)了一張幻燈片，閃現(xiàn)箭頭號(hào)符號(hào)，預(yù)示著用戶應(yīng)當(dāng)滑動(dòng)到下一個(gè)界面。
我迄今看到的一個(gè)最佳的引導(dǎo)頁(yè)的規(guī)劃是Dropbox的旋轉(zhuǎn)木馬app的規(guī)劃，這款app平常已下線。當(dāng)用戶首次進(jìn)入這個(gè)app，他們被聘請(qǐng)“初步”。在點(diǎn)擊“初步”，他們也許會(huì)向下翻滾才干看到描寫使用程序首要功用的幻燈片。指向標(biāo)推動(dòng)用戶滑動(dòng)到下一頁(yè)。在引導(dǎo)頁(yè)的終究，用戶能注冊(cè)去運(yùn)用這個(gè)app。
Dropbox的旋轉(zhuǎn)木馬app (檢查大圖)
當(dāng)旋轉(zhuǎn)木馬發(fā)布的時(shí)分，是適當(dāng)成功的，大部分是因?yàn)樗苷_的界面規(guī)劃和有吸收力的引導(dǎo)體會(huì)。意外地是，該項(xiàng)目被停掉了。這首要是因?yàn)樵贒ropbox的生態(tài)體系單薄的商品定位，并且有來(lái)自Google圖像，蘋果的iCloud和Facebook的Moments的劇烈競(jìng)賽。Dropbox把旋轉(zhuǎn)木馬的基地功用移植到了它的主app上。
在虛擬的旅行app的引導(dǎo)頁(yè)示例中，咱們運(yùn)用了可操作的導(dǎo)航。每一次點(diǎn)擊帶領(lǐng)用戶到另一個(gè)期間。咱們也通過(guò)提示運(yùn)用了筆直滾屏來(lái)抵達(dá)一種直觀的用戶體會(huì)。咱們運(yùn)用了蘋果的Motion去做這個(gè)原型。
(此處是視頻示例，請(qǐng)點(diǎn)擊原文檢查)
2.提示
提示是在一定次序下出現(xiàn)的一系列的溝通元素。提示是聯(lián)接各種組件的橋梁，簡(jiǎn)明描寫了用戶怎么與這些組件中止交互。
運(yùn)用提示能迅速的引導(dǎo)用戶閱覽界面，幫忙他們?cè)赼pp里中止第一步的操作。一旦app更新了，你也能運(yùn)用提示展示新功用。
提示能以多種方法出現(xiàn)：
-著重活躍的元素
-作為文本提示
-彈窗里的提示
-填充頁(yè)面的空白區(qū)域
思索你要把提示展示給啥類型的用戶看。有閱歷的用戶將會(huì)被這些提示激怒，所以讓他們?cè)竭^(guò)。
還有，有些用戶不想被引導(dǎo)，不管這個(gè)提示有多么吸收人。你需要尊敬他們的志愿，讓他們可以越過(guò)。
3.文字
引導(dǎo)頁(yè)上的疑問(wèn)需要遵循特定繩尺：
精約和清楚
讓每個(gè)幻燈片頁(yè)面都是一個(gè)獨(dú)自的句子，用精約清楚的言語(yǔ)描寫app的要害價(jià)值。
可讀性
文字應(yīng)當(dāng)能捉住視界，在布景上能很簡(jiǎn)略辨認(rèn)。
全體性
文字字體和出現(xiàn)應(yīng)當(dāng)符合全體規(guī)劃言語(yǔ)，能反映出商品的心境。
聽(tīng)聽(tīng)你的用戶，測(cè)驗(yàn)區(qū)分出他們喜愛(ài)啥，想要聽(tīng)到啥。思索啥對(duì)他們也許很難了解，因而，需要更全部的解說(shuō)。
留意：假設(shè)你有方案把你的app推廣到阿拉伯國(guó)度或東南亞，讓界面能在程度或筆直方向翻轉(zhuǎn)。言語(yǔ)上從右至左閱覽的，比如我國(guó)、日本和韓國(guó)，不該當(dāng)被冷落?？纯次业奈恼隆鞍⒗?、日本和我國(guó)在用戶界面和用戶體會(huì)規(guī)劃中的排版”
4.圖形化
不要在界面上過(guò)度運(yùn)用文字。運(yùn)用插畫、圖像會(huì)讓用戶留下視覺(jué)形象。只需文字，很難抵達(dá)預(yù)期意圖。視覺(jué)上兩個(gè)最首要的評(píng)判標(biāo)準(zhǔn)即是簡(jiǎn)略性和通用性。你的圖像、圖標(biāo)和符號(hào)在不一樣的國(guó)度和地域都應(yīng)當(dāng)能被對(duì)等地接受。
在圖形規(guī)劃中你也許用到的最首要的方法是插畫、相片、適配、gif和截圖。
已然咱們從前知道了咱們能用在引導(dǎo)頁(yè)上的方法和元素，接下來(lái)獨(dú)一要做的即是做實(shí)習(xí)的規(guī)劃。
規(guī)劃引導(dǎo)頁(yè)的原型東西
咱們?cè)赮alantis上用以下東西：
Principle
Pixate
Flinto
InVision
Atomic
Framer.js
Form (RelativeWave做的)
全部這些東西都能讓你做出在團(tuán)隊(duì)中共享的交互原型。
我最喜愛(ài)的是Principle。我能用它在幾分鐘內(nèi)做一個(gè)常用的動(dòng)畫的交互原型。它很簡(jiǎn)略被操作。不像許多別的的移動(dòng)UI原型東西，Principle被規(guī)劃得很便當(dāng)。它的精約功能前進(jìn)你的出現(xiàn)作用，讓你的規(guī)劃進(jìn)程更加活絡(luò)通用。
RelativeWave公司的Framer.js和Form是為那些以為規(guī)劃師應(yīng)當(dāng)知道怎么編碼的人規(guī)劃的。 這些東西能讓開(kāi)發(fā)人員更簡(jiǎn)略地完結(jié)你做的原型作用。
最簡(jiǎn)略創(chuàng)造原型的東西即是InVision，可是它對(duì)動(dòng)畫相同有約束。
咱們也運(yùn)用以下視頻修改東西：
Adobe After Effects
Apple Motion
這些也能讓你創(chuàng)建自定義動(dòng)畫，探求界面元素之間怎么變換。
引導(dǎo)頁(yè)的規(guī)劃不是用來(lái)解說(shuō)界面中的單個(gè)細(xì)節(jié)，讓用戶不丟失。一個(gè)典型的移動(dòng)app是有許多不一樣的功用、組件和交互的。你不需要在引導(dǎo)進(jìn)程中都說(shuō)到它們。
指出app首要的意圖和好處就夠了。以下是對(duì)引導(dǎo)流程規(guī)劃全部進(jìn)程的一個(gè)簡(jiǎn)略總結(jié)：
1、列出商品的幾個(gè)基地特性
2、辨認(rèn)出商品的價(jià)值構(gòu)成
3、寫下你的競(jìng)賽優(yōu)勢(shì)，以及商品的商場(chǎng)定位
4、用事例描寫具體的運(yùn)用場(chǎng)景
5、挑選能包括app價(jià)值的最適宜的引導(dǎo)方案
6、規(guī)劃圖形元素和導(dǎo)航流
7、在你的引導(dǎo)規(guī)劃中創(chuàng)建一個(gè)交互原型
8、測(cè)驗(yàn)原型
9、迭代提高體會(huì)
在規(guī)劃引導(dǎo)體會(huì)時(shí)，規(guī)劃師有時(shí)會(huì)犯錯(cuò)。這里即是一些遍及的過(guò)錯(cuò)做法：
-不要解說(shuō)頁(yè)面具體的細(xì)節(jié)。會(huì)讓用戶覺(jué)得自己很笨。
-不要讓引導(dǎo)太長(zhǎng)或不清楚。那樣只會(huì)動(dòng)身消沉心境和誤解。
-不要剽竊同類app。引導(dǎo)的規(guī)劃應(yīng)當(dāng)是無(wú)獨(dú)有偶的，對(duì)你的商品和你特定的用戶而言。
-不要為了引導(dǎo)而引導(dǎo)。引導(dǎo)是全部和用戶溝通體系里的一個(gè)組件，不要因?yàn)樗硕歼@么做，而僅僅把它作為一個(gè)特性來(lái)規(guī)劃。引導(dǎo)頁(yè)應(yīng)當(dāng)彌補(bǔ)和增強(qiáng)商品的運(yùn)用體會(huì)。
記住即便是最佳的引導(dǎo)體會(huì)也不能修正全部商品的用戶體會(huì)疑問(wèn)。
規(guī)劃引導(dǎo)也許需要一些時(shí)刻，可是終究，用戶的體會(huì)才是最首要的。在規(guī)劃一個(gè)引導(dǎo)體會(huì)的時(shí)分記住以下幾點(diǎn)：
-通過(guò)分析和用戶測(cè)驗(yàn)，權(quán)衡你的引導(dǎo)規(guī)劃的有用性。手上有有關(guān)數(shù)據(jù)，你就更能找到成功的訣竅。
-從他人的過(guò)錯(cuò)中學(xué)習(xí)，咱們很僥幸有那么多資本。
-研討好的引導(dǎo)頁(yè)規(guī)劃的事例。在UX Archive, User Flow Patterns和Pttrns上獲得創(chuàng)意。
如Help Scout公司的Samuel Hulick所言，引導(dǎo)頁(yè)不是一個(gè)特性，它的規(guī)劃是一個(gè)綿長(zhǎng)的進(jìn)程，不會(huì)隨著注冊(cè)按鈕而完畢。
盡管有許多人從前說(shuō)過(guò)引導(dǎo)頁(yè)的首要性，許多公司仍然不注重。這也是可以了解的，究竟規(guī)劃設(shè)計(jì)引導(dǎo)頁(yè)也要花許多時(shí)刻和資本。
可是讓咱們看看數(shù)據(jù)告訴了咱們啥：
-根據(jù) Gomez對(duì)線上購(gòu)物行為的一條研討，88%的線上用戶在履歷了一個(gè)差的體會(huì)后很少會(huì)回訪。
-94%的規(guī)劃是與第一形象有關(guān)的。
-好的引導(dǎo)能前進(jìn)60%的轉(zhuǎn)化率。
