移動網(wǎng)站設(shè)計6法則

2014-11-22    藍(lán)藍(lán)設(shè)計的小編

藍(lán)藍(lán)設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的 UI界面設(shè)計BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 包裝設(shè)計 、 圖標(biāo)定制 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源:http://www.ui.cn/project.php?id=32235

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點(diǎn)這里

隨著移動用戶數(shù)量的不斷增長,人們也越來越依賴移動設(shè)備。設(shè)計師往往要開發(fā)出兼容各種移動終端的網(wǎng)站,本文的六條簡單法則可以幫助確保你設(shè)計的網(wǎng)站完美適配移動設(shè)備!

移動網(wǎng)站,網(wǎng)站設(shè)計,藍(lán)藍(lán)設(shè)計,網(wǎng)站建設(shè),扁平化

據(jù)美國網(wǎng)絡(luò)流量分析公司康姆斯科(ComScore)預(yù)計,2014年底全世界將會有17.5億智能手機(jī)用戶。這就意味著誰適應(yīng)到這個快速發(fā)展的市場,誰就能獲得最大的收益

對你的公司來說就意味著你的網(wǎng)站要能夠被用戶通過各種不同的設(shè)備輕松的訪問,因此你的網(wǎng)頁設(shè)計不僅是針對電腦用戶,還必須要考慮到手機(jī)用戶。

下面的六條簡單法則可以確保你的網(wǎng)站完美適配移動設(shè)備:


 

一、了解你的目標(biāo)受眾

互聯(lián)網(wǎng)工作的好處之一是你可以使用數(shù)據(jù)分析去追蹤任何數(shù)據(jù),合理利用這些數(shù)據(jù)可以讓你的公司業(yè)務(wù)取得巨大的改善。所以當(dāng)你準(zhǔn)備為移動用戶設(shè)計網(wǎng)站時,不要只滿足于“一體通用”的方案。

分析這些數(shù)據(jù),找出你的訪問者大多數(shù)是使用哪種設(shè)備,而你的設(shè)計方案應(yīng)該以此為基礎(chǔ)。你可能會驚訝的發(fā)現(xiàn)他們中的絕大多數(shù)人根本不用iPhone 或安卓手機(jī)。

當(dāng)你得到你想要的信息后你就可以建立一個方便絕大多數(shù)受眾瀏覽的網(wǎng)站。當(dāng)然你仍然要確保你的網(wǎng)站兼容其他設(shè)備。

 

二、內(nèi)容才是王道

由于移動網(wǎng)站的功能往往比完整網(wǎng)站的功能少得多,設(shè)計師就要優(yōu)先將訪問者需要的內(nèi)容放進(jìn)去,并確保它們?nèi)菀妆徽业健ML問者要找的內(nèi)容僅僅是你的聯(lián)系信息,像手機(jī)號碼,電子郵箱之類的,所以你需要將它們突出顯示,而且要在觸摸屏上易于點(diǎn)擊。但有時他們也會想要看一些具體的信息,甚至是下訂單的按鈕——如果這些內(nèi)容你能設(shè)計得容易被查找和操作的話,你的移動用戶將會獲得很棒的用戶體驗(yàn)。

 

三、多為觸屏用戶考慮

就像我剛才有稍微提到的,當(dāng)用戶在移動設(shè)備上瀏覽你的網(wǎng)站時,確保上面的每一個地方易于點(diǎn)擊是非常重要的——這也就意味著為了讓你的用戶有一個很好的瀏覽體驗(yàn),你要試著加大網(wǎng)頁上的按鈕和鏈接,這樣才能讓手指毫不費(fèi)力的點(diǎn)到。同時,不要忘了在按鈕和鏈接之間保留足夠的留白,這樣用戶在點(diǎn)擊的時候才不會造成誤觸。

 

 

移動網(wǎng)站,網(wǎng)站設(shè)計,藍(lán)藍(lán)設(shè)計,網(wǎng)站建設(shè),扁平化

 

四、遵循簡約的設(shè)計風(fēng)格

記住,當(dāng)設(shè)計一個移動網(wǎng)站的時候,你的目標(biāo)不是要讓你的訪問者覺得“哇!這個網(wǎng)站好漂亮”,而是要引導(dǎo)他們最快的找到信息而不用擔(dān)心浪費(fèi)了太多的時間和流量。這也是為什么你要精心規(guī)劃你的網(wǎng)站,保留重要的部分并保持簡單的設(shè)計,丟掉那些花哨的裝飾。雖然這樣,但也不能走向另一個極端——在網(wǎng)頁設(shè)計中既要保持簡單也要追求優(yōu)雅,盡量在同類網(wǎng)站有獨(dú)樹一幟的風(fēng)格而不淪為平庸。

 

五、選擇單列的布局

在為桌面用戶設(shè)計網(wǎng)站時你可以有很多的布局方案可以選擇,但對于移動用戶如果想要讓設(shè)計易于瀏覽的話,就只有一種選擇了。盡管現(xiàn)智能手機(jī)也有用了相對比較大的屏幕,當(dāng)你為了去看完整的信息不得不滾動多個列時仍然是一件繁瑣的事情,所以堅持單列布局才是最好的選擇。

移動網(wǎng)站,網(wǎng)站設(shè)計,藍(lán)藍(lán)設(shè)計,網(wǎng)站建設(shè)

 

六、學(xué)會整合社交媒體

移動用戶最大好處之一是:他們樂于用過社交媒體分享身邊的任何事情。這對你來說是個天大的好消息,如果你設(shè)計的網(wǎng)站能讓用戶輕松分享他們感興趣的內(nèi)容到社交媒體上,那么他們也將為你帶來龐大的流量。所以,一定要在網(wǎng)頁上放一個連接到你的社交網(wǎng)站的鏈接。同時在所有的頁面上都要有Facebook,Google+,Linkedln,Twitter等社交媒體的按鈕。

移動網(wǎng)站,網(wǎng)站設(shè)計,藍(lán)藍(lán)設(shè)計,網(wǎng)站建設(shè),圖標(biāo)設(shè)計

 

結(jié)語

 隨著全球移動用戶數(shù)量的不斷增長,一個公司如果想要保持業(yè)務(wù)增長就必須迎合這個用戶群的需要。所以,當(dāng)務(wù)之急你應(yīng)當(dāng)為你的網(wǎng)站做移動端的優(yōu)化:找出你的移動端受眾,了解他們想在你網(wǎng)站上獲取什么,然后盡可能為他們創(chuàng)造簡單無縫的瀏覽體驗(yàn)。

分享本文至:

日歷

鏈接

個人資料

存檔