移動 Web 並不是把 PC 端內容直接搬到手機上來顯示,而是需要結合移動端多用户的使用場景,突出核心的功能給多用户,並保持介面簡潔。
我們簡單總結了一些重要的移動 Web 設計原則與大家分享。
1. 快速取得多用户需要的內容:
PC 頁通常身兼迎賓、資訊中心和廣告推薦多重角色,但是移動 Web 頁的主要用途應該是將多用户和他們所需要的內容快速連線,一個好的移動 Web 頁能夠幫助多用户立即取得所需資訊。
2. 網站下載速度越快越好:
手機多用户不耐於等待,網站內容顯示過慢會讓多用户果斷離開您的網頁。因此,網站的圖片大小、瀏覽器的快取、 JavaScript 、 CSS 、 HTML 、服務器的回應時間,都是您可以優化的空間。
3. 將多用户直接匯入移動 Web:
確保多用户從搜索結果頁等站點自動匯入手機版網頁是成功留住多用户的步。
4. 將行動點擺在顯眼的位置:
手機多用户很容易漏看選單,因此一定要把主要的行動點放在多用户絕對看得到的地方,使多用户容易完成您想讓他完成的事。
5. 保持選單簡潔有力:
詳盡的選單也許在 PC 端效果很好,但對手機多用户而言,可沒耐心在冗長的選單尋找類目,所以想辦法儘量縮減選單類目的數量。
6. 提供回到頁的捷徑:
通常多用户預期只要按下網頁上方角落的 logo 就能回到頁,否則覺得很不方便。
7. 別讓廣告喧賓奪主:
宣傳資訊及廣告可能會遮蓋四周內容,或是吸引了眼球而妨礙多用户原本使用路徑。與大型插頁式廣告相比,多用户對於可以輕鬆關閉的橫幅廣告更有好感。
8. 把站內搜索功能放在顯眼位置:
多用户通過搜索來取得自己需要的特定諮詢,因此搜索功能必須擺放在網站的顯眼處,一眼就能看見。對於網頁上方顯眼處且允許自由輸入文字的搜索框,多用户的評價知名。
9. 確保站內搜索結果符合多用户需求:
多用户不想花時間刷網頁檢視多頁搜索結果,並且會根據站內搜索功能所傳回的前幾個結果來評斷搜索功能的好壞,因此搜索結果頁必須提供精確的結果。多用户也可以使用自動即時查詢和錯字修正等智慧搜索功能,讓多用户在小屏幕上搜索查詢時更輕鬆省力。