移動 Web 並不是把 PC 端內容直接搬到手機上來顯示,而是需要結合移動端多使用者的使用場景,突出核心的功能給多使用者,並保持介面簡潔。

  我們簡單總結了一些重要的移動 Web 設計原則與大家分享。

  1. 快速取得多使用者需要的內容:

  PC 頁通常身兼迎賓、資訊中心和廣告推薦多重角色,但是移動 Web 頁的主要用途應該是將多使用者和他們所需要的內容快速連線,一個好的移動 Web 頁能夠幫助多使用者立即取得所需資訊。

  2. 網站下載速度越快越好:

  手機多使用者不耐於等待,網站內容顯示過慢會讓多使用者果斷離開您的網頁。因此,網站的圖片大小、瀏覽器的快取、 JavaScript 、 CSS 、 HTML 、伺服器的回應時間,都是您可以最佳化的空間。

   3. 將多使用者直接匯入移動 Web:

  確保多使用者從搜尋結果頁等站點自動匯入手機版網頁是成功留住多使用者的步。

    4. 將行動點擺在顯眼的位置:

  手機多使用者很容易漏看選單,因此一定要把主要的行動點放在多使用者絕對看得到的地方,使多使用者容易完成您想讓他完成的事。

    5. 保持選單簡潔有力:

  詳盡的選單也許在 PC 端效果很好,但對手機多使用者而言,可沒耐心在冗長的選單尋找類目,所以想辦法儘量縮減選單類目的數量。

   6. 提供回到頁的捷徑:

  通常多使用者預期只要按下網頁上方角落的 logo 就能回到頁,否則覺得很不方便。

 7. 別讓廣告喧賓奪主:

  宣傳資訊及廣告可能會遮蓋四周內容,或是吸引了眼球而妨礙多使用者原本使用路徑。與大型插頁式廣告相比,多使用者對於可以輕鬆關閉的橫幅廣告更有好感。

   8. 把站內搜尋功能放在顯眼位置:

  多使用者透過搜尋來取得自己需要的特定諮詢,因此搜尋功能必須擺放在網站的顯眼處,一眼就能看見。對於網頁上方顯眼處且允許自由輸入文字的搜尋框,多使用者的評價知名。

 9. 確保站內搜尋結果符合多使用者需求:

  多使用者不想花時間刷網頁檢視多頁搜尋結果,並且會根據站內搜尋功能所傳回的前幾個結果來評斷搜尋功能的好壞,因此搜尋結果頁必須提供精確的結果。多使用者也可以使用自動即時查詢和錯字修正等智慧搜尋功能,讓多使用者在小螢幕上搜尋查詢時更輕鬆省力。