42 個(gè)移動(dòng)端啟動(dòng)頁(yè)面優(yōu)化 Tips

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

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

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

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

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

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

策略

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

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

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

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

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

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

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

基礎(chǔ)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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ī)登錄頁(yè)面使用大量文字，或者引入可伸展的 div 而引發(fā)混亂。這將縮短頁(yè)面，使用戶可以點(diǎn)擊他們感興趣的內(nèi)容。

手機(jī)上的 AB 測(cè)試

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

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

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

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

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

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

結(jié)束

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

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

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(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)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)