移動設(shè)計(jì)應(yīng)簡單易行，并著眼于用戶。在為移動網(wǎng)站設(shè)計(jì)時(shí)，請使用移動體驗(yàn)所獨(dú)有的功能，例如輕松導(dǎo)航，引人注目的圖形和簡化的導(dǎo)航。通過利用這些最佳實(shí)踐，任何企業(yè)都將很可能將移動訪問者轉(zhuǎn)變?yōu)榭蛻簟?/p>

　　1.簡約設(shè)計(jì)風(fēng)格

　　

　　健康，明亮且清楚。該網(wǎng)站以單句描述向訪客介紹網(wǎng)站內(nèi)容，讓他們知道會發(fā)生什么。文章鏈接都是按鈕或大圖像，頂部具有電子郵件注冊功能，因此會提示訪客在到達(dá)后的幾秒鐘內(nèi)采取行動。Greatist使他們的設(shè)計(jì)保持簡單，以便訪客可以專注于其高質(zhì)量的內(nèi)容。

　　最佳實(shí)踐：大按鈕，吸引人的視覺效果和清晰的號召性用語。

　　2. 購物更清晰

　　

　　移動網(wǎng)站令人印象深刻的是其產(chǎn)品瀏覽功能。從三種主要的眼鏡類別中進(jìn)行選擇后，訪問者可以查看該類別中的所有產(chǎn)品。產(chǎn)品照片均具有白色背景，從而使圖像干凈清晰。

　　產(chǎn)品頁面的底部是過濾器工具欄，購物者可以在其中優(yōu)化搜索。這減少了訪客需要滾動瀏覽的照片數(shù)量。還有一個(gè)“返回頁首”按鈕，因此很容易從頭開始。

　　最佳實(shí)踐：智能過濾功能，輕松導(dǎo)航和精美圖片。

　　3. 讓搜索欄成為指南

　　

　　如何在網(wǎng)站中找到所需物品?電子商務(wù)網(wǎng)站Etsy通過簡單易用的搜索功能使其變得容易。Etsy的搜索欄使用自動填充功能來猜測訪客正在尋找什么。通過這種方式，Etsy不必通過使用觸摸屏輸入冗長的描述來確保其訪客不會煩惱。通過關(guān)注獨(dú)特的移動行為，Etsy幫助訪客輕松地在大海撈針中找到想要的信息。

　　最佳實(shí)踐：高級搜索功能和消費(fèi)者學(xué)習(xí)。

　　4.優(yōu)先考慮號召性用語

　　

　　有時(shí)候，網(wǎng)站有很多目標(biāo)。在為移動設(shè)備設(shè)計(jì)時(shí)，優(yōu)先考慮或合并這些目標(biāo)-擁有的越少，用戶體驗(yàn)就越無縫。非營利組織Charity：Water是優(yōu)先考慮號召性用語的一個(gè)很好的例子。到達(dá)網(wǎng)站后，只需單擊幾下即可提示訪問者達(dá)成預(yù)期目標(biāo)。

　　在移動交易不斷增長的同時(shí)，仍然有一些消費(fèi)者愿意與人交談?？梢栽L問聯(lián)系信息使你能夠滿足這些消費(fèi)者的需求。Charity：Water通過為移動設(shè)備使用簡化功能(可點(diǎn)擊的電話號碼)來實(shí)現(xiàn)此目的。

　　完成某動作所需的點(diǎn)擊次數(shù)越少，訪問者完成該動作的機(jī)會就越大。慈善：水展示了遵循這一原則的移動設(shè)計(jì)。

　　最佳實(shí)踐：強(qiáng)烈呼吁采取行動，簡化結(jié)帳流程。

　　5. 最佳用戶體驗(yàn)

　　

　　Grubhub希望觀眾采取一項(xiàng)行動，即點(diǎn)菜。進(jìn)入網(wǎng)站后，會立即提示游客尋找附近的餐館。該站點(diǎn)無需輸入地址，而是使用電話的GPS功能來定位訪問者的位置。

　　在食物搜索器下方，Grubhub以圖形方式顯示了食物訂購過程。他們的設(shè)計(jì)可確保為訪客明確定義所需的動作。關(guān)于訂購食物的動作，Grubhub的移動網(wǎng)站專注于通過移動使該過程盡可能容易地完成。

　　最佳實(shí)踐：引人注目的圖形，簡化的結(jié)帳和地理位置。

　　出色的移動網(wǎng)站設(shè)計(jì)的關(guān)鍵要點(diǎn)

　　對于移動設(shè)計(jì)，每個(gè)像素都至關(guān)重要。畢竟，與PC電腦上瀏覽，手機(jī)端瀏覽還是有不少的要求，鑒于人們越來越多地通過移動設(shè)備訪問網(wǎng)站，因此對于每個(gè)站點(diǎn)而言，快速且有吸引力地傳達(dá)其目的和產(chǎn)品至關(guān)重要。