移動網站建設十大原則

1、簡單快捷

所謂簡單快捷，就是要在手機有(yǒu)限的屏幕上以簡單實用(yòng)快捷的形式展示給用(yòng)戶需要的東西，讓用(yòng)戶方便。深圳網站建設的建議是：

• 優先提供用(yòng)戶需要的内容和功能(néng)
• 減法，減法，減法（解釋一下，這一點其實就是在強調手機網站要去掉一切可(kě)以去掉的内容、功能(néng)、闆塊、按鈕等，隻留下精(jīng)華的部分(fēn)，記住是精(jīng)華的部分(fēn)。谷歌舉例了淘寶的移動網站）
• 精(jīng)簡文(wén)字
• 壓縮圖片以提升網站加載速度

2、簡化導航

• 明确的目錄結構，避免用(yòng)戶橫向滾動頁(yè)面
• 提供醒目的“後退”和“頁(yè)”按鈕

對于導航的目錄結構，深圳網站建設列出了四種常見的手機網站的導航形式，分(fēn)别是：

• 橫條式（谷歌指出，根據手機屏幕尺寸以及統計數據顯示，橫條知名(míng)不要超過7個）
• 大按鈕式（這種形式是手機站常見且應用(yòng)多(duō)的導航形式）
• 列表式
• 選項式

3、拇指操作(zuò)

• 較大的按鈕，降低操作(zuò)難度
• 适當的空間，避免意外點擊（與加寬間距目的一樣，都是為(wèi)了擴大點擊範圍，防止用(yòng)戶因為(wèi)按鈕較小(xiǎo)而誤點其它選項或内容而造成的不便。也就是在有(yǒu)限的手機屏幕上再适當給按鈕做些留白）
• 間距加寬，擴大點擊範圍
• 使用(yòng)顔色和陰影凸顯按鈕

這一點不僅僅是針對搜索引擎的優化設計，更是手機站針對用(yòng)戶體(tǐ)驗的人性化設計，在這一點上，谷歌考慮的更周全些。

4、一目了然

• 确保内容與屏幕大小(xiǎo)一緻
• 背景和文(wén)字顔色的鮮明反差
• 使用(yòng)留白空間
• 整齊的排版
• 舒服的字型大小(xiǎo)

這一點同樣是考慮用(yòng)戶體(tǐ)驗的問題，如果是第三點是考慮用(yòng)戶手感或者說觸感的話，第四點就是考慮用(yòng)戶的觀感。

5、廣泛适應

• 網站能(néng)在不同的移動設備上運行
• 移除flash，使用(yòng)HTML5來實現互動内容和動畫
• 根據屏幕方向調整顯示

很(hěn)多(duō)站長(cháng)可(kě)能(néng)不太懂HTML5相關技(jì )術以及自适應網頁(yè)技(jì )術，沒關系，百度的手機站優化指南有(yǒu)相關知識，還是不明白的話，百度一下，你就知道。

6、輕松轉化

• 簡化注冊登錄流程
• 減少使用(yòng)者輸入：使用(yòng)表單、菜單、選擇框
• 着重提供有(yǒu)助于轉化/注冊的信息

還是盡可(kě)能(néng)的給用(yòng)戶提供方便，減少給用(yòng)戶帶來的麻煩，節約用(yòng)戶的時間和浏覽成本，要知道，時間就是金錢。

7、立足本地

• 與用(yòng)戶位置相結合的個人化信息
• 地圖、路線(xiàn)、電(diàn)話、本地信息等

在所有(yǒu)提供内容當中(zhōng)，除非用(yòng)戶是找尋通用(yòng)信息，所以本地化信息是對用(yòng)戶有(yǒu)幫助的。

8、流暢體(tǐ)驗

• 允許用(yòng)戶保存搜索、書簽、購(gòu)買等信息
• 盡可(kě)能(néng)在所有(yǒu)平台提供相同信息和功能(néng)（即無論是PC端、平闆端還是手機端都保持網站信息的一緻性）

9、重新(xīn)定向

• 自動判斷移動設備，重新(xīn)定向相應适合的網站内容（自适應網頁(yè)技(jì )術，根據不同的移動設備和屏幕尺寸，來顯示相應的網站内容）
• 讓用(yòng)戶可(kě)以切換電(diàn)腦版與移動版網站
• 讓用(yòng)戶選擇下次訪問的版本

10、持續改進

• 使用(yòng)分(fēn)析工(gōng)具(jù)，了解用(yòng)戶如何使用(yòng)網站
• 收集用(yòng)戶意見并反複測試，追蹤表現

/jianzhanzhishi/7567.html 移動網站建設十大原則