文來(lái)自@YvaineSo的投稿，非常感謝。

你的網(wǎng)站是否也有一大群匆匆忙忙的只用手機(jī)上網(wǎng)的用戶在訪問(wèn)呢？設(shè)計(jì)第一個(gè)移動(dòng)網(wǎng)站的時(shí)候，你很可能限于困惑中。當(dāng)然這是很好理解的——移動(dòng)網(wǎng)站完全不同于傳統(tǒng)的網(wǎng)站。正因?yàn)槿绱?，在你開(kāi)始動(dòng)手設(shè)計(jì)前最好記住一些優(yōu)秀的實(shí)踐案例。

以下九個(gè)最佳實(shí)踐案例可以幫助你確保你的網(wǎng)站得到最好的發(fā)展。

關(guān)于移動(dòng)用戶

但是在我們開(kāi)始深入討論這9個(gè)優(yōu)秀案例前，我們需要銘記一件事情——訪問(wèn)你的網(wǎng)站的是移動(dòng)用戶。這看起來(lái)是一件絲毫不廢腦筋的事情，但是令人驚訝的是絕大部分人都忘記了這個(gè)最簡(jiǎn)單的真理。

當(dāng)一個(gè)“移動(dòng)”用戶訪問(wèn)你的網(wǎng)站的時(shí)候，他所希望得到的是完全不同于標(biāo)準(zhǔn)網(wǎng)站的一種訪問(wèn)體驗(yàn)。

打個(gè)比方說(shuō)，某個(gè)移動(dòng)用戶訪問(wèn)了你的網(wǎng)站，他們通常就是為了尋找一些關(guān)鍵的信息：你辦公室的方位，一鍵通話的按鈕或者一幅儲(chǔ)存有你辦公室地址的地圖。他們要找的并不是那些冗長(zhǎng)的員工錄入輸出系統(tǒng)，你企業(yè)的理念或者是最新發(fā)布的PDF文件。

記住了這點(diǎn)，我們就來(lái)談?wù)?個(gè)優(yōu)秀的移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)案例，幫助你在移動(dòng)互聯(lián)網(wǎng)方面邁出漂亮的第一步。

一、簡(jiǎn)單，簡(jiǎn)單，再簡(jiǎn)單。

設(shè)計(jì)移動(dòng)網(wǎng)站的第一步就是確定網(wǎng)站所包含的內(nèi)容。如果內(nèi)容受到移動(dòng)設(shè)備屏幕大小的限制，那么你就要篩選出用戶最希望看到的關(guān)鍵內(nèi)容。

一個(gè)定位器？也許它就是你需要的。一個(gè)“聯(lián)系我們”并不需要包含13個(gè)不同的字段。

還有一點(diǎn)很重要的就是從進(jìn)入站點(diǎn)到支付過(guò)程一定要盡可能。?Fandango 在這方面就做了大量的工作，精簡(jiǎn)了大量不必要的內(nèi)容來(lái)確保他們的使用者可以快速地得到他們所需要的：電影的時(shí)間。

更好的一點(diǎn)是，?Fandango依靠QR code 給購(gòu)買者提供移動(dòng)票券來(lái)完善整個(gè)銷售環(huán)節(jié)。消費(fèi)者帶著手機(jī)到戲院就可以通過(guò)這種票券完成消費(fèi)。

二、設(shè)計(jì)網(wǎng)站布局

移動(dòng)網(wǎng)站的頁(yè)面加載速度要比普通的網(wǎng)頁(yè)加載速度慢，所以減少頁(yè)面數(shù)量是很重要的一點(diǎn)。此外，用戶是不會(huì)有耐心不斷打開(kāi)網(wǎng)頁(yè)完全泡在你的網(wǎng)站上的，鑒于此，盡可能簡(jiǎn)化網(wǎng)站的布局也是很重要的。

另外一點(diǎn)訣竅，我鼓勵(lì)大家“像喬布斯一樣去思考”。眾所周知，喬布斯很擅長(zhǎng)創(chuàng)造出一種帶有直覺(jué)性并且簡(jiǎn)單的用戶體驗(yàn)。經(jīng)常用喬布斯來(lái)提醒自己讓事情盡可能簡(jiǎn)單化。如果你做到了這些，你的網(wǎng)站的用戶體驗(yàn)已經(jīng)十分棒了。

多米諾的設(shè)計(jì)師進(jìn)行網(wǎng)站設(shè)計(jì)（還有那些十分出色的應(yīng)用程序）的時(shí)候一定是“像喬布斯一樣去思考”，它們?nèi)サ袅四切╇s亂不堪的使用戶迷惑選項(xiàng)，取而代之的簡(jiǎn)潔的界面和用戶最常搜索的條目。

三、移動(dòng)網(wǎng)站與傳統(tǒng)網(wǎng)站的關(guān)鍵元素匹配

盡管你的移動(dòng)網(wǎng)站要比傳統(tǒng)網(wǎng)站簡(jiǎn)單多，但是你仍然要對(duì)兩個(gè)網(wǎng)站進(jìn)行相同元素的匹配。

原因有二。像其他品牌性質(zhì)一樣，移動(dòng)網(wǎng)站就是一個(gè)品牌接觸點(diǎn)，你應(yīng)該反映和提升你的品牌意識(shí)。另外，對(duì)于用戶來(lái)說(shuō)，他們已經(jīng)很熟悉你的公司，一個(gè)相似的設(shè)計(jì)會(huì)讓他們感到如同拜訪了一位老朋友一樣情切，為你的忠實(shí)客戶著想是很重要的。

60 Second Marketer在其移動(dòng)網(wǎng)站和傳統(tǒng)網(wǎng)站都選用了同樣亮眼的色系和圖標(biāo)。使得熟悉60 Second Marketer傳統(tǒng)網(wǎng)站的用戶對(duì)它的移動(dòng)網(wǎng)站也十分熟悉。

四、利用空白處

設(shè)計(jì)任何一個(gè)網(wǎng)站，盡可能塞滿每一個(gè)空白處是一個(gè)自然的趨勢(shì)。但事實(shí)卻與之相悖，空白處不僅僅可以給用戶一個(gè)更干凈，更精練的外觀，還可以確保用戶可以更容易地找到他們目標(biāo)按鈕。

五、?避免使用Flash?或者?Java

避免避免使用Flash?或者?Java最顯著的原因就是蘋果產(chǎn)品并不支持Flash,而且也聲明了他們將來(lái)也沒(méi)有任何打算這么做。因?yàn)閕Phone用戶已經(jīng)占據(jù)了智能手機(jī)30%的市場(chǎng)份額，如果你使用Flash的話，你的訪客中就有相當(dāng)大的一部分將不能看到相關(guān)內(nèi)容。同樣的，很多手機(jī)都不支持Java,就算他們支持，使用Java會(huì)延長(zhǎng)加載時(shí)間。

六、?減少文本的輸入

你是否遇見(jiàn)或者感同身受一個(gè)手指肥胖的人使用智能手機(jī)的鍵盤是多么困難的一件事情，我們大部分人使用這么小巧的鍵盤都會(huì)或多或少地遇到些問(wèn)題。如果可能，使用下來(lái)式菜單，清單或者提前輸入有答案的表格來(lái)作為一種數(shù)據(jù)入口。這就減少了用戶使用智能手機(jī)輸入文本的窘境。

從FedEx這個(gè)手機(jī)網(wǎng)站得到一些的啟示。即使這個(gè)網(wǎng)站需要填很多信息才能實(shí)現(xiàn)用戶的目標(biāo)，但是清單和下來(lái)式菜單的使用也減少了用戶的大量文本操作。

七、?不要使用彈出窗口

在多標(biāo)簽和多瀏覽器窗口間操作對(duì)于手機(jī)用戶來(lái)說(shuō)非常困難，而且還加劇了加載的速度。如果你需要設(shè)計(jì)彈出一個(gè)新的窗口，務(wù)必確保你的用戶能意識(shí)到這一特點(diǎn)，以便知道如何進(jìn)行返回操作回到原始頁(yè)面。

八、?使用移動(dòng)重新導(dǎo)向

一旦你的網(wǎng)站已經(jīng)設(shè)計(jì)完成正準(zhǔn)備運(yùn)營(yíng)，請(qǐng)確保使用適當(dāng)?shù)闹匦聦?dǎo)向，以便嗅探出用戶在使用移動(dòng)設(shè)備時(shí)及時(shí)引導(dǎo)他或她到已經(jīng)經(jīng)過(guò)優(yōu)化的移動(dòng)網(wǎng)站。下面給一些關(guān)于如何去實(shí)施的一些更詳細(xì)的描述?？刹榭础兑苿?dòng)市場(chǎng)，從5個(gè)簡(jiǎn)單的步驟開(kāi)始》

一旦你的重新導(dǎo)向合適，任何一個(gè)移動(dòng)訪客通過(guò)輸入網(wǎng)站地址或者在搜索引擎中點(diǎn)擊到鏈接都會(huì)地指向你經(jīng)過(guò)了優(yōu)化的網(wǎng)站。

九、允許用戶訪問(wèn)網(wǎng)站的完整版本

你已經(jīng)很努力地設(shè)計(jì)你的網(wǎng)站了。你要大家都看到它而且都愛(ài)上它。但事實(shí)的真相是，即使你已經(jīng)精簡(jiǎn)你的內(nèi)容了，仍然會(huì)有一些網(wǎng)友要的信息你是無(wú)法呈現(xiàn)的。

這樣的話，就一定要確保你要在多個(gè)頁(yè)面中包含相關(guān)鏈接，使得這部分用戶可以返回到網(wǎng)站的完整版本。在USA Today, the Geek Squad, the Home Depot?和?Target等網(wǎng)站都可以看到這個(gè)特點(diǎn)。

因?yàn)橐苿?dòng)互聯(lián)網(wǎng)是一個(gè)新的領(lǐng)域，對(duì)于大部分市場(chǎng)人員，正在設(shè)計(jì)和正在建造它們的人來(lái)說(shuō)都是一種挑戰(zhàn)。無(wú)論如何，移動(dòng)網(wǎng)站同樣為你的品牌和創(chuàng)造力的展示還帶來(lái)了大量的機(jī)會(huì)。只要你時(shí)刻謹(jǐn)記用戶的需要第一的原則于心，忠于你的品牌以及遵守一些簡(jiǎn)單的原則，你馬上就可以突出重圍。

原文鏈接：http://www.socialmediaexaminer.com/9-tips-for-optimizing-your-website-for-mobile-users/

本文鏈接：http://www.socialbeta.cn/articles/9-tips-for-optimizing-your-website-for-mobile-users.html

譯者：@YvaineSo