1 、簡單快捷
所謂簡單快捷,就是要在手機有限的螢幕上以簡單實用快捷的形式展示給多使用者需要的東西,讓多使用者方便。 WordPress 網站建設的建議是:
優先提供多使用者需要的內容和功能
減法,減法,減法(解釋一下,這一點其實就是在強調手機網站要去掉一切可以去掉的內容、功能、板塊、按鈕等,只留下精華的部分,記住是精華的部分。谷歌舉例了淘寶的移動網站)
精簡文字
壓縮圖片以提升網站載入速度
2 、簡化導航
明確的目錄結構,避免多使用者橫向滾動頁面
提供醒目的 “後退” 和 “頁” 按鈕
對於導航的目錄結構,WordPress 網站建設列出了四種常見的手機網站的導航形式,分別是:
橫條式(谷歌指出,根據手機螢幕尺寸以及統計資料顯示,橫條知名不要超過 7 個)
大按鈕式(這種形式是手機站常見且應用多的導航形式)
列表式
選項式
3 、拇指操作
較大的按鈕,降低操作難度
適當的空間,避免意外點選(與加寬間距目的一樣,都是為了擴大點選範圍,防止多使用者因為按鈕較小而誤點其它選項或內容而造成的不便。也就是在有限的手機螢幕上再適當給按鈕做些留白)
間距加寬,擴大點選範圍
使用顏色和陰影凸顯按鈕
這一點不僅僅是針對搜尋引擎的最佳化設計,更是手機站針對多使用者體驗的人性化設計,在這一點上,谷歌考慮的更周全些。
4 、一目瞭然
確保內容與螢幕大小一致
背景和文字顏色的鮮明反差
使用留白空間
整齊的排版
舒服的字型大小
這一點同樣是考慮多使用者體驗的問題,如果是第三點是考慮多使用者手感或者說觸感的話,第四點就是考慮多使用者的觀感。
5 、廣泛適應
網站能在不同的移動裝置上執行
移除 flash,使用 HTML5 來實現互動內容和動畫
根據螢幕方向調整顯示
很多站群站長可能不太懂 HTML5 相關技術以及自適應網頁技術,沒關係,百度的手機站最佳化指南有相關知識,還是不明白的話,百度一下,您就知道。
6 、輕鬆轉化
簡化註冊登入流程
減少多使用者輸入:使用表單、選單、選擇框
著重提供有助於轉化/註冊的資訊
還是儘可能的給多使用者提供方便,減少給多使用者帶來的麻煩,節約多使用者的時間和瀏覽成本,要知道,時間就是金錢。
7 、立足本地
與多使用者位置相結合的個人化資訊
地圖、路線、電話、本地資訊等
在所有提供內容當中,除非多使用者是找尋通用資訊,所以本地化資訊是對多使用者有幫助的。
8 、流暢體驗
允許多使用者儲存搜尋、書籤、購買等資訊
儘可能在所有平臺提供相同資訊和功能(即無論是 PC 端、平板端還是手機端都保持網站資訊的一致性)
9 、重新定向
自動判斷移動裝置,重新定向相應適合的網站內容(自適應網頁技術,根據不同的移動裝置和螢幕尺寸,來顯示相應的網站內容)
讓多使用者可以切換電腦版與移動版網站
讓多使用者選擇下次訪問的版本
10 、持續改進
使用分析工具,瞭解多使用者如何使用網站
收集多使用者意見並反覆測試,追蹤表現