精心打造最流暢的移動(dòng)瀏覽體驗(yàn)以及精美的網(wǎng)頁設(shè)計(jì);兼容手機(jī)、iPad等觸屏設(shè)備,一鍵撥號、一鍵分享、移動(dòng)地圖導(dǎo)航等交互功能幫助移動(dòng)營銷; 可實(shí)現(xiàn)多級導(dǎo)航、多維產(chǎn)品展示以及網(wǎng)站數(shù)據(jù)同步、自動(dòng)更新等功能。
移動(dòng)手機(jī)端網(wǎng)站建設(shè)需遵循以下幾個(gè)原則:
1、一目了然
用戶在短時(shí)間內(nèi),可以把內(nèi)容看的清楚,這需要確保內(nèi)容與屏幕大小的一致,有整齊的排版和舒服的字型大小,以上下滑動(dòng)熒幕的方式閱讀,增強(qiáng)用戶的體驗(yàn)。
2、簡化導(dǎo)航
手機(jī)屏幕小精簡導(dǎo)航很重要,谷歌列出了四種常見的手機(jī)網(wǎng)站的導(dǎo)航形式,分別是:橫條式、大按鈕式、列表式和選項(xiàng)式。普遍做法是在右上角設(shè)計(jì)一MENU圖標(biāo)點(diǎn)擊后彈出所有導(dǎo)航或在底部橫向設(shè)計(jì)2-4個(gè)菜單按鈕固定作為常用。
3、流暢體驗(yàn)
簡化頁面結(jié)構(gòu)布局,內(nèi)容、數(shù)據(jù)信息同步PC站,優(yōu)化圖片提高網(wǎng)頁打開速度。
4、減少文字輸入
手機(jī)大多沒有實(shí)體鍵盤,輸入文字很麻煩,因此盡可能減少或避免用戶輸入文字的機(jī)會(huì)。
5、拇指操作
通過較大按鈕,以降低操作難度。防止用戶因?yàn)榘粹o較小誤點(diǎn)而造成的不便,可以在有限的手機(jī)屏幕上再適當(dāng)給按鈕做些留白,按鈕之間的間距要加寬,以此擴(kuò)大點(diǎn)擊范圍。
6、簡單快捷
在手機(jī)有限的屏幕上以最簡單、實(shí)用、快捷的形式優(yōu)先提供用戶最需要的內(nèi)容和功能,留下精華部分,起到精簡的作用。
移動(dòng)端網(wǎng)站內(nèi)容簡化很重要!!!一個(gè)塞滿內(nèi)容的移動(dòng)網(wǎng)站無法獲得網(wǎng)路客戶的青睞。
7、 觸控?zé)赡慌c非觸控?zé)赡辉O(shè)計(jì)
雖然現(xiàn)在觸屏手機(jī)為主流,但仍有少數(shù)手機(jī)是傳統(tǒng)的控制方向鍵做為導(dǎo)覽的工具。
因此減少超鏈接、加大文字以減少誤擊。 更重要是滑鼠的原理跟觸屏界面原理有很大的差異,移動(dòng)端手機(jī)網(wǎng)站應(yīng)該避免只有電腦滑鼠才能做到的功能。 如「下拉選單」的這一項(xiàng)功能,因?yàn)槭謾C(jī)沒有「滑鼠座標(biāo)」設(shè)計(jì),所以無法觸發(fā)滑鼠移動(dòng)過去才會(huì)顯示出來的選單。
8、廣泛適應(yīng)
網(wǎng)站能在不同的移動(dòng)設(shè)備上運(yùn)行,移除Flash,可以用HTML5來實(shí)現(xiàn)互動(dòng)內(nèi)容和動(dòng)畫。
手機(jī)屏幕尺寸繁多,實(shí)現(xiàn)屏幕自適應(yīng)是比較理想的解決方案。
9、自動(dòng)定向
自動(dòng)判斷移動(dòng)設(shè)備,重新定向相應(yīng)適合的網(wǎng)站內(nèi)容,根據(jù)不同的移動(dòng)設(shè)備和屏幕尺寸,來顯示相應(yīng)的網(wǎng)站內(nèi)容,此針對電腦站