原文鏈接:5 Delightful Ways to Onboard New Users Hook them. Teach them. Keep them.
原文作者:Christian Beck
在產(chǎn)品發(fā)開上線之后,難免會有用戶反饋說桶癣,他們不能很好的理解產(chǎn)品拥褂,那些過于復(fù)雜和深度功能,會在用戶嘗試使用之前就把他們嚇走牙寞。
設(shè)計師們發(fā)出牢騷:“我早就告訴過他們呀…”饺鹃,產(chǎn)品經(jīng)理之間的互相指責,程序員攤手间雀。想要做出一款從一開始就非常好用的產(chǎn)品是十分苦難的悔详。
你最需要做的,就是去幫助用戶找到他們的路徑
但是有一個解決方法
著陸頁是一個設(shè)計技巧惹挟,能夠在用戶第一次登錄的時候茄螃,塑造產(chǎn)品帶來的第一印象,將他們轉(zhuǎn)化為真正的用戶连锯。
用戶此時正在嘗試與產(chǎn)品連接归苍,所以著陸頁可以來塑造第一印象;這取決于你們的預(yù)期目標运怖,不同的著陸頁設(shè)計技巧可以被用于不同的功能拼弃,例如有效地吸引用戶,引導(dǎo)用戶摇展,留住用戶吻氧,讓他們愉悅。
在你去Dribbble上瀏覽許許多多的作品之前咏连,或者去臨摹你最喜歡的app中糟糕的“Pop-Up Video”盯孙,然后應(yīng)用到所有的界面控件中去(千萬別這么做)。請停下來仔細思考祟滴,你想要完成什么振惰,哪種技巧是最合適的。
那么骑晶,這里有很多類型的著陸頁嗎?
當然埠偿!著陸頁這個詞已經(jīng)成為了通用教育用戶的統(tǒng)稱,它可能更適合去提供第一印象榜晦,向用戶介紹新的冠蒋,或不了解的功能。讓我們從最常見的方法談起:
1.The Window Shopper
方法:用戶快速瀏覽主要功能
適用范圍:眾所周知的領(lǐng)域和共同的特性
效果:建立或延續(xù)視覺風(fēng)格和品牌基調(diào)乾胶,簡單的信息
限制:不能詳細地介紹功能抖剿,用戶不能在簡單地理解大量內(nèi)容朽寞,這個方法通常是大量的swipe-able屏,通常是插畫結(jié)合寶珠形文字來描述一些產(chǎn)品的主要功能
雖然這是常見的形式斩郎,但是這種方法被誤認為適用在交互很多的著陸頁上脑融。這種方法最適合的地方,是在那些不需要做出解釋的常見交互模式缩宜。如果你想要介紹一些新的想法肘迎,請避免使用它。
2.The New Concept
方法:訓(xùn)練輪+最佳實踐(下面會做出解釋)
適用范圍:提出一種新的思維方式(新的心智模型)
效果:用戶可以按照自己的節(jié)奏學(xué)習(xí)
限制:最佳實踐并不總是適用
如果你沒有火種你怎么能生火呢锻煌?統(tǒng)一如果你沒有讓用戶熱身妓布,你也不能直接介紹一個滾燙的新想法給他們。
The New Concept是一種稍微復(fù)雜的著陸頁設(shè)計方法宋梧,因為它要在動作之間做到平衡匣沼。新想法的著陸頁可以被分為兩種類型:訓(xùn)練輪和最佳實踐。
自行車的訓(xùn)練輪可以在你學(xué)習(xí)騎車的時候保證你的安全捂龄,讓你掌握平衡而不是摔跟頭释涛,訓(xùn)練輪可以讓你更加專注在騎車和轉(zhuǎn)向上,而不是與搖擺不定的重心做斗爭倦沧。
同樣的唇撬,訓(xùn)練輪方法可以在用戶處理一兩個簡單任務(wù)時做出協(xié)助和支持。
例子:一款任務(wù)管理的app
訓(xùn)練輪:“試著創(chuàng)建一個任務(wù)并分配給用戶刀脏。別擔心我們已經(jīng)給你創(chuàng)建了一個局荚,她叫做Anne∮郏”
在上面這個例子耀态,在任務(wù)創(chuàng)建的時候有許多的步驟,其中一個就包括將任務(wù)分配給用戶暂雹。因為我們是引導(dǎo)創(chuàng)建任務(wù)而不是用戶自己創(chuàng)建(這是兩種不同的任務(wù)流)首装,我們減輕了后一種的負擔,讓用戶可以100%的專注手上的“文字”任務(wù)杭跪。
Sigstr將訓(xùn)練輪的方法應(yīng)用在了可交互的著陸頁上仙逻,去給用戶介紹他們新的郵件簽名功能。用戶可以完整的操作簽名和產(chǎn)品內(nèi)的運用涧尿,但是Sigstr會引導(dǎo)他們遠離豐富的編輯器系奉,以確保用戶能夠理解這個新的概念。
最佳實踐
每一個設(shè)計師姑廉、產(chǎn)品經(jīng)理和開發(fā)者都知道缺亮,在產(chǎn)品中有這兩個定律:
只要用戶想做,他們什么都做得出來...而且很少是按照你給的第一種方法來做
棉簽的銷售人員同樣也知道這個桥言。它在盒子上逐字地寫著:“嘿伙計萌踱,不要把它們放進你的耳朵里葵礼。”還有人們應(yīng)該如何去做...他們就像在耳朵里尋找黃金一樣去掏并鸵。
如果用戶不知道鸳粉,他們就會極盡所能地去猜如何使用你的產(chǎn)品,他們通常都會假設(shè)他們是對的园担。
如果你的產(chǎn)品提供了新的或者更好的操作方法届谈,確保讓你的用戶知道這一點。
Google的Inbox做了一個非常好的最佳實踐的例子粉铐,就是在用戶做一個低效工作的時候適時彈出疼约。
發(fā)郵件提醒自己的行為很常見:拿牛奶,取出相機電池蝙泼,更新我的駕照等等程剥。
Google的Inbox有一個內(nèi)置的功能稱為提醒,但這是一個讓用戶去工作的新概念汤踏,他們選擇在用戶嘗試給自己發(fā)郵件的時候织鲸,彈出來引導(dǎo)用戶去適用。
注意:這個著陸頁的方法并不總是在用戶下載后去呈現(xiàn)溪胶,Google會選擇在用戶最需要的時候去呈現(xiàn)搂擦。
3.The First Date
方法:收集用戶基本的賬戶信息
適用范圍:當應(yīng)用需要大量的信息啟動時
效果:會讓用戶第一次使用時更加平滑
限制:那些放棄輸入信息的用戶可能會不舒服
每個first date對話都會覆蓋一個相似的清單:職業(yè)、家庭哗脖、愛好瀑踢、經(jīng)歷、地理位置等才避。
但是沒有人希望像是在做背景調(diào)查橱夭,這只是使用款app,不是應(yīng)聘暑期實習(xí)桑逝。
同樣也有方法更加便捷的收集用戶的信息棘劣,而不是填寫表單,我們希望現(xiàn)成的楞遏,對嗎茬暇?
技術(shù)實例
社交賬號注冊:你可以通過社交賬號獲得大量的用戶信息,包括:姓名寡喝、照片糙俗、郵箱、位置预鬓、公司巧骚、職位等。記得根據(jù)你的app選取適合的用戶信息。如果你的產(chǎn)品和商業(yè)聯(lián)系緊密网缝,你應(yīng)該關(guān)聯(lián)的是Linkedin,而不是Facebook和Twitter蟋定。
Mad Lib:讓你表單中的句子看起來結(jié)構(gòu)化一些粉臊。用戶會看到哪些額外的信息是必須的。不要使用這種方法收集三個或以上的信息驶兜。
給出選項:在向用戶尋求信息的時候給出一些有價值的內(nèi)容扼仲。當用戶感覺在app上有所花費,有提示的時候抄淑,他們更愿意暴露個人信息屠凶。Thumbtack可以幫助你找到服務(wù)提供者和接受價格,并在尋求郵箱地址前肆资,創(chuàng)建一個出色的完整工作請求矗愧。
4.The Imitation Game
方法:通過指導(dǎo)和練習(xí)教育用戶。
適用范圍:教育隱藏的交互郑原,數(shù)據(jù)傳播app
效果:這很有趣唉韭,用戶可以在實踐中直觀地學(xué)習(xí)
限制:相比于傳統(tǒng)的“Window Shopping”更難實現(xiàn)
這個方法類似Window Shopper,單絲它不是被動的犯犁,它是可互動的属愤。因為可用戶可以在理解功能的同時體驗操作。這樣用戶不僅可以知道功能是什么酸役,為什么這么做住诸,如何做。
Apple在Apple Music的著陸頁中使用了這種方法涣澡。
用戶在屏幕上選擇一個類型的音樂贱呐,有三種可選的交互方式:單次tap,兩次tap暑塑,和長按吼句。
用戶在屏幕上練習(xí)這些動作的時候,Apple也在收集他們的音樂偏好事格。
5.The Upsell
方法:提供直接的價值惕艳,然后暗示有更多
適用范圍:提升用戶附加功能成為消費用戶
效果:更多的盈利
限制:一旦付費,用戶的期望會陡增
提醒驹愚,著陸頁是通過第一印象來向用戶介紹新的功能和特性的远搪。
增加付費率是在創(chuàng)建產(chǎn)品功能價值之外最重要的。
向用戶證明逢捺,付費的那一邊草更綠谁鳍,而不僅僅是一片草皮。向用戶證明他們確實需要它。
技術(shù)實例
功能屏蔽:這種方法是通過在用戶與付費功能之間制造障礙倘潜。
提醒:小心使用這個方法绷柒,因為它是雙面的,你想要用戶愉快的注冊涮因,而不是在心里咒罵废睦。
SEMrush使用功能屏蔽來吸引用戶升級到一個專業(yè)賬戶。而不是完全禁止用戶訪問這個頁面养泡,它免費顯示10個結(jié)果嗜湃,更多的則會隱藏。他們展示出功能的溢價澜掩,這樣會讓用戶更想要购披。你不會在試駕之前就買一輛車。但是一旦你抓起方向盤肩榕,就會不想放棄鑰匙刚陡。
支付便捷:如果用戶會在你的app中做很多事,那么你就有很大的付費空間株汉。就個人經(jīng)驗而言橘荠,用戶可以非常懶,如果可以通過支付來獲得更多的時間郎逃,那么他們的銀行賬戶都會是你的哥童。
在支付便捷中,營銷復(fù)制是至關(guān)重要的褒翰,當事情不如意地時候自嘲這點并不算太壞:
例如贮懈,一個任務(wù)管理的app
支付便捷:“你手動復(fù)制任務(wù)看起來是非常糟糕的,升級到一個專業(yè)賬戶可以快速復(fù)制多個任務(wù)优训《淠悖”
Adam Becker使用支付便捷增加付費率和高級賬戶數(shù)量。例如自定義顏色揣非、字體等抡医,讓用戶知道免費編輯器的局限性,設(shè)計恰當?shù)氖召M策略早敬。這會帶來便利忌傻,他知道用戶會為此付費的。
你不應(yīng)該在用戶著陸時做的3件事情
1.讓用戶窒息
不要在用戶一登錄的時候就展示所有的功能搞监。信息脫離了文本水孩,用戶什么也不會記得,反而會阻礙你真正想要讓用戶做的事情:使用你的產(chǎn)品琐驴。著陸頁是一系列的第一印象俘种,而不是一個印象秤标。
2.過多的彈出視頻工具提示
你一定見過他們。有遮罩然后高亮界面上的某些組件宙刘,或者許多的工具提示苍姜。就像是微軟助手給你介紹每個按鈕,列表悬包,和屏幕上的像素怖现。你的產(chǎn)品應(yīng)該設(shè)計的足夠好去推動用戶自己發(fā)現(xiàn),如果你一定要這么做玉罐,也給用戶提供逃離的路線,可以選擇跳過潘拨。
3.沒有市場和銷售參與著陸設(shè)計
你的產(chǎn)品是直接與用戶溝通的吊输。這意味著著陸頁的每一行文本,每個空白頁铁追,都是一個機會季蚂,讓用戶驚喜或者失望。這確實不太容易琅束,但是通過銷售和市場專家的介入扭屁,會讓產(chǎn)品更有價值,不只是讓他們幫忙涩禀,而是向他們提問料滥。
重視著陸頁
三個小時準備一頓大餐,你不會讓它灑在盤子外面艾船,人們不買賬時你也會表現(xiàn)出驚訝葵腹。不要讓著陸頁成為馬后炮,如果你這么做了屿岂,那它顯示的就是缺少用戶的認可践宴。
不要成為馬后炮
它不會是你第一個設(shè)計,和其他人合作爷怀,把產(chǎn)品變成一份禮物帶給用戶阻肩。