我們都聽過這句話，“你只會(huì)有一次機(jī)會(huì)去打造第一印象”, 當(dāng)涉及到移動(dòng)端的啟動(dòng)頁面時(shí)，這句話會(huì)更加令人信服. 在最基本的層面上，啟動(dòng)頁面將會(huì)是消費(fèi)者同你網(wǎng)站的第一次接觸.

擁有好的第一印象是很重要的. 今年早些時(shí)候我們發(fā)布了這篇文章， 《響應(yīng)式設(shè)計(jì)不是一種移動(dòng)端優(yōu)化策略》 ，它專門講為你的移動(dòng)通信媒介打造專用移動(dòng)端啟動(dòng)頁面來將訪問者轉(zhuǎn)換成消費(fèi)者的重要性.

 移動(dòng)端統(tǒng)計(jì)數(shù)據(jù):

• 今年美國智能手機(jī)的移動(dòng)商務(wù)收入為148億美元. (Statista)
• 到 2016, 移動(dòng)端本地搜索有望創(chuàng)造32億美元的收入，相比之下，桌面端為102億美元. (Kelsey 報(bào)告)
• 50%的智能手機(jī)用戶曾通過他們的手機(jī)進(jìn)行過消費(fèi)(Prosper Mobile Insights).
• 73% 的智能手機(jī)用戶聲稱他們曾使用移動(dòng)端 web 而不是 app 來進(jìn)行購買(JumpTap.com).

下面是42個(gè)移動(dòng)端啟動(dòng)界面的優(yōu)化建議，它們能幫助你將更多的移動(dòng)端訪問者轉(zhuǎn)換成付費(fèi)顧客，這些建議分為如下類別:

•  策略
•  基礎(chǔ)
•  AB 測試

策略

1. 知道從哪里開始 —— 創(chuàng)建一個(gè)完整的移動(dòng)端 web 是昂貴的，且會(huì)耽誤許多的時(shí)間。所以起步的最好方式是通過跟蹤分析，了解轉(zhuǎn)型中的痛點(diǎn)和漏洞。一旦你了解了這些，你就會(huì)明白從哪里開始了。你所要在轉(zhuǎn)型中關(guān)注的應(yīng)該是流量，用戶量和購買模式.

2. 了解你的顧客的目標(biāo) —— 確保你能了解移動(dòng)端和桌面端用戶的目標(biāo)有何不同。你是不是想要他們擁有完全一樣的體驗(yàn)?zāi)兀课覀兪褂?web 和移動(dòng)端相比有所不同，其體驗(yàn)是不同的，而且又是我們因?yàn)橥耆煌脑蛲瑫r(shí)使用兩種或者三種設(shè)別.。要考慮到你的訪問者會(huì)在你的移動(dòng)端站點(diǎn)上做些什么，理解他們嘗試要達(dá)成的目標(biāo)是什么，并且創(chuàng)建一個(gè)用戶導(dǎo)游來幫助他們更快跟敏捷的達(dá)成其目標(biāo)。

3. 定義你的目標(biāo) —— 一旦你了解并且也定義好了訪問者的目標(biāo)，那你就要定義好啟動(dòng)頁面的目標(biāo)并在心里針對那個(gè)目標(biāo)設(shè)計(jì)一種體驗(yàn)。扔掉那些不重要的信息、針對過個(gè)調(diào)用的動(dòng)作按鈕以及其它的噱頭。要專注于啟動(dòng)頁面最重要的元素，以及如何讓它們幫助你的訪問者完成你的目標(biāo)。

4. 改變他們的生活：有無數(shù)的公司在做同樣的事情。人們在移動(dòng)端的站點(diǎn)上花費(fèi)的時(shí)間很少，并且需要在幾秒中之內(nèi)理解你（頁面上）最有價(jià)值的部分。記得要關(guān)注客戶和他們的利益。至少要說明：“我們是世界上最好的”，多一些可以說：“這將會(huì)改變你的生活”。

5. 定義所需的操作 –  你希望訪問者在你的移動(dòng)登錄頁上，知道一個(gè)他所需要的操作，那就要制定一個(gè)清晰的行為召喚（call to action），最好是明顯的，具有邏輯性的，這能讓訪問者明確地移動(dòng)到下一步。

6. 在重要的位置表述 – 一個(gè)訪問者應(yīng)該能夠很快就區(qū)分他們，而不是去閱讀復(fù)雜的文本和故事。確保你有價(jià)值的位置是在頁面的頂部。你的標(biāo)題和行為召喚（call to action）應(yīng)該在折頁（fold）（當(dāng)訪問者登錄到頁面的時(shí)候就能看到的部分）之上，這樣能更快速地讓訪問者取其所需。

7. 清晰地知道后果 – 重要地是讓訪問者能清晰地理解，如果他們提供信息，你將會(huì)如何使用收集到的信息。

基礎(chǔ)

8. 忘記滾動(dòng) —— 要?jiǎng)?chuàng)建出適合一個(gè)移動(dòng)端屏幕邊界的頁面，并且這樣的頁面不需要滾動(dòng)。這一點(diǎn)同時(shí)適用于橫屏和豎屏模式.

9. 同時(shí)為橫向和縱向的屏幕做設(shè)計(jì) —— 大多數(shù)人在設(shè)計(jì)移動(dòng)端啟動(dòng)界面時(shí)都會(huì)考慮到縱向視圖, 但是有賴于訪問者會(huì)橫著拿他們的手機(jī)，所以他們也可能會(huì)在橫屏模式下瀏覽你的移動(dòng)端網(wǎng)站。要確保你的移動(dòng)端啟動(dòng)界面針對這兩種情況都能進(jìn)行縮放.

10. 使用本地化設(shè)置 —— 啟用了 GPS 的設(shè)備可以運(yùn)用特殊的本地化內(nèi)容來減少文化差異的摩擦，提高轉(zhuǎn)換率。 在你的注冊表單中你可以通過他們輸入的郵編偵測到訪問者的國別和城市。 可以讓“郵編”作為你的第一個(gè)地址信息輸入項(xiàng)，并好好利用這一項(xiàng)信息來做點(diǎn)事情。

11. 移除外部鏈接 —— 通過移除連接到網(wǎng)站其它部分的外部鏈接，你可以控制訪問者的瀏覽過程，使其更專注于你需要他們做出的動(dòng)作。記住，移動(dòng)端瀏覽器新的tab —— 打開立即就會(huì)是訪問者原理你所設(shè)定的目標(biāo)位置。要使其編程一次快速輕松的瀏覽過程，而別讓他們跑到別的地方去了。

12. 去掉雜七雜八的東西 —— 集中在重點(diǎn)上，盡可能保持頁面整潔，減少摩擦，保證按鈕之間的間距足夠大。雜七雜八的東西以及文字和顏色越少，訪問者越愿意完成這項(xiàng)渠道。

13. 保持流程和設(shè)計(jì)的一致性——不要使訪問者感到驚訝或被愚弄，在手機(jī)登錄界面上使用他們在廣告上看到的相同信息和設(shè)計(jì)。與信息保持一致，將有助于使頁面的訪問變現(xiàn)，同時(shí)提供廣告品質(zhì)。

14.別讓用戶縮放——登錄頁面的焦點(diǎn)由你決定。登錄頁面的設(shè)計(jì)方式將決定用戶在網(wǎng)站上的操作。如果讓用戶縮放，他們將選擇網(wǎng)站的焦點(diǎn)，而不是你。

15.點(diǎn)擊呼叫——很多移動(dòng)搜索用戶的目標(biāo)都是立刻獲取聯(lián)系。相比復(fù)制粘帖號碼，直接使用“點(diǎn)擊呼叫”按鈕將更容易讓用戶快速開始對話。在開始前，設(shè)置好你的電話追蹤器以便跟蹤來電。

16. 調(diào)整鍵盤 — 確保在每個(gè)表格區(qū)域中使用合適的鍵盤。訪問者可以不用改變鍵盤輸出而快速的插入數(shù)字或者郵件。

17. 保持表格最小化 — 所有設(shè)備上的注冊表單都讓人沮喪，手機(jī)上的注冊表單更是如此。由于在手機(jī)上輸入非常費(fèi)勁，所以在可能的情況下盡量避免打開文本域。確保表格夠大夠清楚，可使用全屏，并使字段和提交按鈕大的可以用拇指點(diǎn)擊（忽略右邊區(qū)域，因?yàn)樗〔荒芡献В?/p>

18. 簡化搜索—讓訪問者可以很容易的快速找到他們需要的內(nèi)容。將搜索元素放在核心位置，可以保證用戶可以快速的找到他們所需要的。（記住，這并不是最重要的因素，所以不要讓它反超其他元素）

20. 允許“稍后購買”—— 有時(shí)候我們沒有足夠的實(shí)際或精力來完成注冊或購買流程?？梢栽谄渌O(shè)備上通過 email 或加到購物車的簡單方式，讓使用者可以很容易的在其他設(shè)備上稍后完成購買流程。

21. QA，QA，再Q(mào)A —— 因?yàn)槭謾C(jī)網(wǎng)站在你自己的手機(jī)上測試通過，并不意味著它可以在別人的手機(jī)上也可以。在開始前，在谷歌 Analytics上核查，以找出訪問者最常使用的的手機(jī)屏幕。確保在多種設(shè)備上檢查你的登錄界面，并在一段時(shí)間內(nèi)進(jìn)行跟蹤。

22. 要求少一些 —— 為了減少摩擦、提高轉(zhuǎn)化率，可對訪問者要求少一些。在開始時(shí)，只獲取所需要的最重要的信息，稍后再獲取額外的信息。手機(jī)屏幕很小、時(shí)間寶貴，如果難以操作，人們將不會(huì)逗留。

23.使副本最小化 —— 大多數(shù)訪問者不想通讀文章的好幾個(gè)段落。將最重要的信息放在登錄頁面上，使訪問者快速移動(dòng)到下一步。

24. 強(qiáng)調(diào)你的行動(dòng)引導(dǎo) –
行動(dòng)的引導(dǎo)是一個(gè)訪問者在啟動(dòng)頁面看到的第一樣?xùn)|西。提供一個(gè)快速的方式讓用戶跟著你的行動(dòng)引導(dǎo)，完成整個(gè)流程。讓你的行動(dòng)引導(dǎo)按鈕可視，并且容易通過觸摸屏點(diǎn)擊。

通過 Naked Wines 檢驗(yàn)以下示例：

• 大量文本
• 行動(dòng)引導(dǎo)按鈕被切斷

25. 優(yōu)化你的表單 – 讓的的表單盡可能的簡單，讓訪問者快速完成你的表單，嘗試著分離成多個(gè)簡單的步驟。

26. 標(biāo)題盡量短 – 標(biāo)題長度不要超過 3-4 詞，盡量一行顯示。

27. 構(gòu)建限制數(shù)據(jù)大小 – 移動(dòng)數(shù)據(jù)連接會(huì)比家庭寬帶連接慢，用戶并沒有那么多耐心等待移動(dòng)網(wǎng)站的加載。確保符合移動(dòng)用戶的需求，更輕量級。

28. 遠(yuǎn)離 Flash –也許在 Web 上看著不錯(cuò)(無法轉(zhuǎn)換)，但在移動(dòng)端并不合適。使用 HTML5，GIFs 和 JPEGs 會(huì)更好一些。

29. 將導(dǎo)航位置考慮進(jìn)來 – 我們使用智能手機(jī)來看電視，開車，購物和完成各種功能。應(yīng)使移動(dòng)端順眼，并使用圖標(biāo)來進(jìn)行快速導(dǎo)航（包括短文字說明）。

30. 擁抱第三方社交平臺登錄 – 第三方登錄有著很高的轉(zhuǎn)化率，對于鼓勵(lì)訪客和你的商品進(jìn)行社交互動(dòng)是個(gè)極佳的方式。

31. 提供移動(dòng)獨(dú)享 – 大多數(shù)人更喜歡使用 PC 屏幕來下單。為了提高轉(zhuǎn)換率，可嘗試提供移動(dòng)端獨(dú)享，以減少與 PC 端正面競爭，增加銷售。

32. 為動(dòng)作而設(shè)計(jì) – 將所有的可點(diǎn)擊元素設(shè)計(jì)為按鈕(不僅僅是文本鏈接)， 確保它們足夠大，并留白以突出。

33. 少即是多——盡量使用少一點(diǎn)的文字，去除所有不必要的設(shè)計(jì)元素，只留下功能要素。

34. 消息個(gè)性化——智能手機(jī)提供了很多重要的用戶信息。手機(jī)為用戶提供了如 GPS 和基于位置服務(wù)的一體化特性，如：運(yùn)往華盛頓！

35. 考慮字體因素——讓文本更易讀。使用更大的字體、行間距和字間距讓文本容易閱讀和略讀。

36. 使 SEO優(yōu)化而不破壞轉(zhuǎn)換策略——避免在手機(jī)登錄頁面使用大量文字，或者引入可伸展的 div 而引發(fā)混亂。這將縮短頁面，使用戶可以點(diǎn)擊他們感興趣的內(nèi)容。

手機(jī)上的 AB 測試

37. 測試關(guān)鍵績效指標(biāo)（KPI）—— 開始測試前，確定你的商業(yè)目標(biāo)，然后把它們轉(zhuǎn)換為數(shù)字化的關(guān)鍵績效指標(biāo)（KPI）（例如注冊數(shù)量、購買數(shù)量、下載次數(shù)）。一旦確定了關(guān)鍵績效指標(biāo)，就要確保建立正確的跟蹤機(jī)制。

38.達(dá)到顯著效果 —— 當(dāng)你運(yùn)行測試時(shí)，確保在達(dá)到顯著效果前一直運(yùn)行，你可以使用 Google Experiments 或者 A/B test calculator 來知道何時(shí)達(dá)到這個(gè)效果。達(dá)到顯著效果可以確保你盡可能的從測試中了解更多，并知道它們的正確性。

39.避開特殊日期——在可以提供最真實(shí)的測試結(jié)果的環(huán)境下開展測試。避免在節(jié)假日、特殊活動(dòng)或者結(jié)賬日測試。

40.保持系統(tǒng)性——為了達(dá)到清晰并可理解的測試結(jié)果，確保在一段時(shí)間運(yùn)行一個(gè)測試，或者如果你有足夠的流量來同時(shí)運(yùn)行多個(gè)測試組。

41. 測試策略，不是元素 –
當(dāng)你處理好所有技術(shù)性問題和元素之后，可以增加用戶轉(zhuǎn)換率，但是要確保有測試策略，這樣能更好的理解你的用戶。測試按鈕顏色或者標(biāo)題只會(huì)讓你關(guān)注某一個(gè)點(diǎn)。為了能獲得大的勝利，從你的測試中獲取更多有價(jià)值的東西，你需要開啟測試情緒化策略。

42. 使用一個(gè)清單 – 建議使用一個(gè)清單來記住以上講述的所有啟動(dòng)頁面優(yōu)化的策略，確保沒有漏掉任何重要的部分。一個(gè)清單也可以確保你和你的團(tuán)隊(duì)為每個(gè)項(xiàng)目都能按照這些策略去優(yōu)化。

結(jié)束

響應(yīng)式設(shè)計(jì)并不是一個(gè)移動(dòng)優(yōu)化策略。為了得到更多的移動(dòng)訪問者，創(chuàng)建專用的啟動(dòng)頁面和啟動(dòng)頁面的不同用戶體驗(yàn)是成功的關(guān)鍵。

網(wǎng)頁名稱：42 個(gè)移動(dòng)端啟動(dòng)頁面優(yōu)化 Tips
瀏覽路徑：http://www.rwnh.cn/news43/166593.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、網(wǎng)站建設(shè)、企業(yè)建站、外貿(mào)網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)