1 、簡單快捷

所謂簡單快捷,就是要在手機有限的螢幕上以簡單實用快捷的形式展示給多用户需要的東西,讓多用户方便。 WordPress 網站建設的建議是:

優先提供多用户需要的內容和功能

減法,減法,減法(解釋一下,這一點其實就是在強調手機網站要去掉一切可以去掉的內容、功能、板塊、按鈕等,只留下精華的部分,記住是精華的部分。谷歌舉例了淘寶的移動網站)

精簡文字

壓縮圖片以提升網站載入速度

2 、簡化導航

明確的目錄結構,避免多用户橫向滾動頁面

提供醒目的 “後退” 和 “頁” 按鈕

對於導航的目錄結構,WordPress 網站建設列出了四種常見的手機網站的導航形式,分別是:

橫條式(谷歌指出,根據手機螢幕尺寸以及統計資料顯示,橫條知名不要超過 7 個)

大按鈕式(這種形式是手機站常見且應用多的導航形式)

列表式

選項式

3 、拇指操作

較大的按鈕,降低操作難度

適當的空間,避免意外點選(與加寬間距目的一樣,都是為了擴大點選範圍,防止多用户因為按鈕較小而誤點其它選項或內容而造成的不便。也就是在有限的手機螢幕上再適當給按鈕做些留白)

間距加寬,擴大點選範圍

使用顏色和陰影凸顯按鈕

這一點不僅僅是針對搜索引擎的優化設計,更是手機站針對多用户體驗的人性化設計,在這一點上,谷歌考慮的更周全些。

4 、一目瞭然

確保內容與螢幕大小一致

背景和文字顏色的鮮明反差

使用留白空間

整齊的排版

舒服的字型大小

這一點同樣是考慮多用户體驗的問題,如果是第三點是考慮多用户手感或者説觸感的話,第四點就是考慮多用户的觀感。

5 、廣泛適應

網站能在不同的移動裝置上執行

移除 flash,使用 HTML5 來實現互動內容和動畫

根據螢幕方向調整顯示

很多站羣站長可能不太懂 HTML5 相關技術以及自適應網頁技術,沒關係,百度的手機站優化指南有相關知識,還是不明白的話,百度一下,您就知道。

6 、輕鬆轉化

簡化註冊登入流程

減少多用户輸入:使用表單、選單、選擇框

着重提供有助於轉化/註冊的資訊

還是儘可能的給多用户提供方便,減少給多用户帶來的麻煩,節約多用户的時間和瀏覽成本,要知道,時間就是金錢。

7 、立足本地

與多用户位置相結合的個人化資訊

地圖、路線、電話、本地資訊等

在所有提供內容當中,除非多用户是找尋通用資訊,所以本地化資訊是對多用户有幫助的。

8 、流暢體驗

允許多用户儲存搜索、書籤、購買等資訊

儘可能在所有平台提供相同資訊和功能(即無論是 PC 端、平板端還是手機端都保持網站資訊的一致性)

9 、重新定向

自動判斷移動裝置,重新定向相應適合的網站內容(自適應網頁技術,根據不同的移動裝置和螢幕尺寸,來顯示相應的網站內容)

讓多用户可以切換電腦版與移動版網站

讓多用户選擇下次訪問的版本

10 、持續改進

使用分析工具,瞭解多用户如何使用網站

收集多用户意見並反覆測試,追蹤表現