來源：財訊網 • 2020-12-16 10:05:13
移動體驗設計對於企業和品牌越來越重要。因此，移動設計最佳實踐就非常值得考慮。
移動約佔全球網站流量的一半。Statista的數據顯示，2020年第二季度，行動裝置（不包括平板電腦）產生了全球網站流量的51.53％。所以您應該集中精力優化行動裝置的在線形象。現代的觀眾足夠聰明，可以識別糟糕的設計，簡而言之，如果沒有提供一流移動體驗的商業網站，您的產品將沒有競爭力。
現在，有許多移動體驗設計最佳實踐可供考慮，但是在本文中，讓我們看一下您必須關注的五個最重要卻被忽視的最佳實踐。
優化拇指區域的布局
首先，為行動裝置設計意味著您需要特別考慮一個因素-人們如何握住手中的智慧型手機並與之交互。根據史蒂文·霍伯（Steven Hoober）的研究，有75％的用戶僅用一隻拇指觸控螢幕幕，而10％的用戶則用一隻手握住手機，用另一隻手的手指輕按。
這意味著您需要針對"拇指區域"優化移動站點的體驗，"拇指區域"是一個人用一隻手握住手機時可以用拇指輕鬆訪問的手機屏幕區域。
本質上，將主要功能放在屏幕的頂部和底部，而將主要互動放在屏幕的頂部和底部易於到達的區域。
特斯拉在其APP中做到了這一點。正如您在下面看到的那樣，用一隻手握住手機時，拇指可以輕鬆地訪問最基本的元素（將訪問者帶入下一個關鍵步驟的號召性用語）。
因此，將大部分重要的交互式內容（尤其是號召性用語）放在"拇指"區域中，可以輕鬆使用您的產品，並且對於創建出色的移動體驗至關重要。
最小化所需的打字量
這是經常被忽略的另一個關鍵的移動體驗設計。在觸控螢幕上打字遠未達到完美，訪問者填寫可從其他地方獲取的表格或輸入數據可能會令人不舒服。
出色的移動設計可以最大程度地減少所需的打字量，僅在絕對必要時才需要打字。為此，您必須在APP上儘量減少表單欄位的數量。
在臺式機上，完全可以接受要求用戶填寫四個或五個欄位的表單，但是在行動裝置上，即使四個欄位也足以使用戶拒之門外，特別是在他們看不到目的的情況下。
因此，請您的移動表單中的每個欄位都是必需的，並刪除所有不必要的欄位。您還可以將多個表單欄位組合為一個欄位，或者將表單填寫過程分為兩步或三步以減少可感知的工作量。
此外，請儘可能啟用自動填充功能，以便用戶僅需輸入最少的信息即可。提供連接其現有帳戶（例如微信，微博帳戶）的選項，而不是從頭開始進行註冊。
著名的網站建設者Wix是這種最佳實踐的典範。當您想開始使用Wix在行動裝置上創建網站時，他們只要求提供基本信息，或者您可以簡單地使用Facebook或Google帳戶進行身份驗證。
一旦您註冊，他們就會通過選擇題引導您逐步完成該過程，以了解您的偏好並幾乎不用打字。整個過程看起來很整潔。
速度設計
您可能已經意識到壓縮網站上圖像的重要性。龐大的全尺寸圖片會降低您的頁面加載速度，這會損害網站的用戶體驗和搜索排名。
實際上，移動頁面速度是官方排名因素。移動用戶根本就沒有耐心等待網站加載。
因此，在將圖像上傳到網站之前，請使用諸如TinyJPG之類的圖像壓縮工具來優化圖像的文件大小而不會影響質量。
如果您擁有一個電子商務網站，這尤其重要，因為它可能有成千上萬張需要高質量但尺寸較小的圖像。
例如，耐克出色地完成了所有圖像的超清晰處理，並且在臺式機和行動裝置上以閃電般的速度加載。正如您在下面看到的那樣，該網站還針對拇指區域進行了優化，因此是移動體驗設計的典範。
此外，為了確保最佳的移動速度，啟用壓縮，最小化CSS和JS，避免不必要的重定向，利用瀏覽器緩存。
放棄導航欄
導航欄在臺式機或筆記本電腦上非常有用，它使訪問者可以方便地瀏覽網站上的頁面並快速找到所需內容。但是在行動裝置上，空間非常重要。如下所示，導航欄可能會佔用大量空間，這些空間可能會用於重要內容，例如文本和視覺效果。
當然，導航欄仍然是至關重要的導航元素，並且您需要在APP上使用它。為此，最好的選擇是設計一個漢堡菜單，該菜單將您空間狹小的導航欄變成可擴展菜單。
如您所見，漢堡菜單用作抽屜，僅在用戶調用時顯示各種導航按鈕。您今天遇到的每個高權威網站幾乎都使用漢堡菜單代替導航欄。
在手機上禁用彈出窗口
2017年，Google對所謂的"介入式插頁式廣告"實行了軟禁。根據Google的說法，無論是在用戶從搜索結果導航到頁面之後，還是在瀏覽頁面時，都顯示了一個覆蓋主要內容的彈出窗口，或者顯示了用戶必須先關閉的獨立插頁式廣告，然後才能訪問主要內容-是使用戶無法訪問內容的技術示例。
因此，簡而言之，彈出窗口在行動裝置上是一個巨大的禁忌-它們已經在全尺寸的臺式機屏幕上令人討厭，在較小的移動屏幕上更是如此。
它們嚴重損害了移動用戶的體驗，因為訪問者在單擊時無法輕鬆找到他們期望的內容。
為了解決這個問題，Google明確規定"在從移動搜索結果過渡後用戶不容易訪問其內容的頁面可能不會獲得很高的排名"，從而阻止了移動網站上的彈出式窗口。
如果必要的話，請在頁面上將彈出內容保留為不引人注目的部分。
最後
這些最佳做法中的一些對於您來說似乎很明顯，但是無數的企業仍然傾向於忽略這些最佳做法，因此，它們的移動轉化率較低。在移動用戶對網站和應用程式的期望方面，該標準得到了進一步提高，人們會輕易放棄您的產品，以獲取更加用戶友好，直觀或精簡的產品。
因此，您的移動體驗設計不再是事後的想法。確保與您的團隊合作，將上述所有最佳實踐納入您的移動設計中。
免責聲明：市場有風險，選擇需謹慎！此文僅供參考，不作買賣依據。