手機網站(zhàn)建設即将變得(de)非常強大(dà)。現在它做(zuò)到了，隻比我們所期待的晚了一兩年的時(shí)間(jiān)。現在智能機無處不在，app開(kāi)發人(rén)員開(kāi)發了數(shù)百萬計(jì)的應用，每天都有(yǒu)更多(duō)的人(rén)使用移動浏覽器(qì)在網上(shàng)沖浪。重慶中技(jì)互聯專注網站(zhàn)建設，網頁設計(jì)等建站(zhàn)服務，UI設計(jì)分享頻道(dào)為(wèi)UI設計(jì)師(shī)尋找設計(jì)靈感。

　　最近，重慶網站(zhàn)建設小(xiǎo)編搜索到谷歌(gē)在Google AdSense十周年講座上(shàng)發布了《移動建站(zhàn)十大(dà)原則》，由于是PPT形式，所以小(xiǎo)編把它整理(lǐ)成文字版的移動網站(zhàn)建站(zhàn)原則，供廣大(dà)站(zhàn)長參考。

　　有(yǒu)興趣的站(zhàn)長也可(kě)以對比下百度發布的手機站(zhàn)優化指南，看一看立足于中文本地搜索引擎的百度與有(yǒu)國際視(shì)野的谷歌(gē)在移動網站(zhàn)優化上(shàng)有(yǒu)哪些(xiē)共同點和(hé)區(qū)别，在此僅總結谷歌(gē)發布的移動網站(zhàn)建站(zhàn)原則，當然這份移動建站(zhàn)原則也是偏向于中文站(zhàn)長的。

　　一、簡單快捷

　　所謂簡單快捷，就是要在手機有(yǒu)限的屏幕上(shàng)以最簡單最實用最快捷的形式展示給用戶最需要的東西，讓用戶方便。谷歌(gē)的建議是：

　　優先提供用戶最需要的內(nèi)容和(hé)功能

　　減法，減法，減法(解釋一下，這一點其實就是在強調手機網站(zhàn)要去掉一切可(kě)以去掉的內(nèi)容、功能、闆塊、按鈕等，隻留下最精華的部分，記住是最精華的部分。谷歌(gē)舉例了淘寶的移動網站(zhàn))

　　精簡文字

　　壓縮圖片以提升網站(zhàn)加載速度

　　二、簡化導航

　　明(míng)确的目錄結構，避免用戶橫向滾動頁面

　　提供醒目的“後退”和(hé)“首頁”按鈕

　　對于導航的目錄結構，谷歌(gē)列出了四種常見的手機網站(zhàn)的導航形式，分别是：

　　橫條式(谷歌(gē)指出，根據手機屏幕尺寸以及統計(jì)數(shù)據顯示，橫條最好不要超過7個(gè))

　　大(dà)按鈕式(這種形式是手機站(zhàn)最常見且應用最多(duō)的導航形式)

　　列表式

　　選項式

　　三、拇指操作(zuò)

　　較大(dà)的按鈕，降低(dī)操作(zuò)難度

　　适當的空(kōng)間(jiān)，避免意外點擊(與加寬間(jiān)距目的一樣，都是為(wèi)了擴大(dà)點擊範圍，防止用戶因為(wèi)按鈕較小(xiǎo)而誤點其它選項或內(nèi)容而造成的不便。也就是在有(yǒu)限的手機屏幕上(shàng)再适當給按鈕做(zuò)些(xiē)留白)

　　間(jiān)距加寬，擴大(dà)點擊範圍

　　使用顔色和(hé)陰影(yǐng)凸顯按鈕

　　這一點不僅僅是針對搜索引擎的優化設計(jì)，更是手機站(zhàn)針對用戶體(tǐ)驗的人(rén)性化設計(jì)，在這一點上(shàng)，谷歌(gē)考慮的更周全些(xiē)。

　　四、一目了然

　　确保內(nèi)容與屏幕大(dà)小(xiǎo)一緻

　　背景和(hé)文字顔色的鮮明(míng)反差

　　使用留白空(kōng)間(jiān)

　　整齊的排版

　　舒服的字型大(dà)小(xiǎo)

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

　　五、廣泛适應

　　網站(zhàn)能在不同的移動設備上(shàng)運行(xíng)

　　移除flash，使用HTML5來(lái)實現互動內(nèi)容和(hé)動畫(huà)

　　根據屏幕方向調整顯示

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

　　六、輕松轉化

　　簡化注冊登錄流程

　　減少(shǎo)使用者輸入：使用表單、菜單、選擇框

　　着重提供有(yǒu)助于轉化/注冊的信息

　　還(hái)是盡可(kě)能的給用戶提供方便，減少(shǎo)給用戶帶來(lái)的麻煩，節約用戶的時(shí)間(jiān)和(hé)浏覽成本，要知道(dào)，時(shí)間(jiān)就是金錢(qián)。

　　七、立足本地

　　與用戶位置相結合的個(gè)人(rén)化信息

　　地圖、路線、電(diàn)話(huà)、本地信息等

　　在所有(yǒu)提供內(nèi)容當中，除非用戶是找尋通(tōng)用信息，所以本地化信息是最對用戶有(yǒu)幫助的。

　　八、流暢體(tǐ)驗

　　允許用戶保存搜索、書(shū)簽、購買等信息

　　盡可(kě)能在所有(yǒu)平台提供相同信息和(hé)功能(即無論是PC端、平闆端還(hái)是手機端都保持網站(zhàn)信息的一緻性)

　　九、重新定向

　　自動判斷移動設備，重新定向相應适合的網站(zhàn)內(nèi)容(自适應網頁技(jì)術(shù)，根據不同的移動設備和(hé)屏幕尺寸，來(lái)顯示相應的網站(zhàn)內(nèi)容)

　　讓用戶可(kě)以切換電(diàn)腦(nǎo)版與移動版網站(zhàn)

　　讓用戶選擇下次訪問的版本

　　十、持續改進

　　使用分析工具，了解用戶如何使用網站(zhàn)

　　收集用戶意見并反複測試，追蹤表現

　　移動網站(zhàn)不是移動應用，所以可(kě)以持續的改進并調整。

　　企事業信息技(jì)術(shù)營銷中心總監電(diàn)話(huà)：18983768183(王總監)

　　運維技(jì)術(shù)研究所所長電(diàn)話(huà)：13996000590(陽所長)

　　您的建議就是我們最大(dà)的支持，中技(jì)互聯會(huì)再接再厲，持續追求更高(gāo)品質，創建高(gāo)品質網站(zhàn)，服務客戶!