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

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

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

來(lái)源:http://www.ui.cn/project.php?id=32235

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

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

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

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

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

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


 

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

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

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

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

 

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

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

 

三、多為觸屏用戶考慮

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

 

 

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

 

四、遵循簡(jiǎn)約的設(shè)計(jì)風(fēng)格

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

 

五、選擇單列的布局

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

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

 

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

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

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

 

結(jié)語(yǔ)

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

日歷

鏈接

個(gè)人資料

存檔