手機(jī)版網(wǎng)站建設(shè)的原則。
日期:2015/5/28 / 人氣:
手機(jī)上網(wǎng)不僅是可見(jiàn)的趨勢(shì),更是以銳不可擋的數(shù)量在驚人成長(zhǎng),網(wǎng)站建設(shè)者應(yīng)該開始接觸手機(jī)版網(wǎng)站建設(shè)。
手機(jī)網(wǎng)站建設(shè)概念,與一般個(gè)人電腦使用的概念有些不同,因此,我們?cè)谶@里簡(jiǎn)單的歸納出一些設(shè)計(jì)的原則
1. 簡(jiǎn)化內(nèi)容
一般的手機(jī)、平板電腦等行動(dòng)裝置,不易容納下適合于個(gè)人電腦的龐大網(wǎng)站資訊,因此手機(jī)行動(dòng)網(wǎng)站的首要重點(diǎn),就是減少內(nèi)容,不論是圖片、文字或是影音。 請(qǐng)記住一個(gè)重點(diǎn):只要將最重要的資訊放入行動(dòng)版網(wǎng)站,就是最主要的準(zhǔn)則,重要性較低的、讀取需要時(shí)間的內(nèi)容,則可以透過(guò)超連結(jié),連回到正常的官方網(wǎng)站。行動(dòng)網(wǎng)站必須十分的重視內(nèi)容簡(jiǎn)化這一點(diǎn),一個(gè)塞滿內(nèi)容的行動(dòng)網(wǎng)站無(wú)法獲得網(wǎng)路客戶的青睞。
2. 一欄卷動(dòng)的最佳策略
大部分的行動(dòng)裝置,畫面都不如桌上電腦那么大,尤其是閱讀文字時(shí)更需要加以放大。即使智慧手機(jī)都具有網(wǎng)站放大縮小功能,但是觀看起來(lái)較為麻煩。 因此設(shè)計(jì)行動(dòng)網(wǎng)站時(shí),建議是能夠以滑動(dòng)螢?zāi)坏姆绞介喿x網(wǎng)站,因?yàn)榛瑒?dòng)網(wǎng)站比起放大網(wǎng)站觀看來(lái)得簡(jiǎn)單多了。
3. 導(dǎo)覽功能大不同
手機(jī)網(wǎng)站與跟一般的網(wǎng)站不同的,在于當(dāng)閱讀文章到最后時(shí),要回到最前頭是麻煩的,因此設(shè)計(jì)網(wǎng)站的企業(yè),除了減少卷動(dòng)畫面的機(jī)會(huì)外,也會(huì)加強(qiáng)導(dǎo)覽的功能,讓網(wǎng)站變得更容易于行動(dòng)裝置上閱讀。導(dǎo)覽設(shè)計(jì)的重點(diǎn)有: *只在首頁(yè)的部份加入搜尋的功能 *建立導(dǎo)覽功能鍵,其中以「回到首頁(yè)」、「回到上一頁(yè)」這兩個(gè)最為重要 *最后,「回到上一頁(yè)」的按鍵除了首頁(yè)以外,其余的頁(yè)面都需要放置。
4. 減少文字輸入部份
手機(jī)大多沒(méi)有實(shí)體的鍵盤,或僅只有12鍵的電話輸入功能,因此輸入文字上會(huì)比起使用鍵盤麻煩得多。因此,減少使用者輸入文字的機(jī)會(huì),例如:個(gè)人的帳號(hào)、密碼、搜尋內(nèi)文、使用編輯器...等,都是行動(dòng)網(wǎng)站要盡力避免的。設(shè)計(jì)的重點(diǎn)如下: *允許行動(dòng)上網(wǎng)使用者儲(chǔ)存輸入的帳號(hào)密碼資訊 *輸入的區(qū)塊盡量加以放大 *允許行動(dòng)上網(wǎng)使用者,輸入簡(jiǎn)易的密碼,例如PIN數(shù)字密碼。
5. 思考多種版本的手機(jī)網(wǎng)站版本
手機(jī)的規(guī)格眾多,有的解析度為320*240,較新的則為800*480,而次世代的手機(jī)更有720P的解析度,因此行動(dòng)網(wǎng)站如何滿足眾多的需求? 一般來(lái)說(shuō)有兩種作法,一種是建立不同解析度的行動(dòng)網(wǎng)站,由用戶于手機(jī)行動(dòng)入口網(wǎng)站自行選擇,以Facebook的例子來(lái)說(shuō),mobile.facebook.com是適用于大部分的智慧手機(jī)與平板電腦,而0.facebook.com則是用于非智慧手機(jī)或是網(wǎng)路連線速度極慢的區(qū)域;另一種做法則是透過(guò)手機(jī)的語(yǔ)法,例如CSS語(yǔ)法中的Viewpoint就能夠根據(jù)手機(jī)的解析度加以決定瀏覽畫面的寬度。
6. 觸控螢?zāi)慌c非觸控螢?zāi)辉O(shè)計(jì)
雖然今日觸碰型的智慧手機(jī)當(dāng)?shù)溃侨杂袨閿?shù)不少的傳統(tǒng)手機(jī),沒(méi)有觸碰的介面,使用的是傳統(tǒng)的控制方向鍵做為導(dǎo)覽的工具。例如:減少畫面中超連結(jié)的數(shù)量,可以讓選擇連結(jié)的時(shí)候出現(xiàn)一些減少一些按鈕的動(dòng)作,或是加大文字以減少誤擊的問(wèn)題。 此外更重要的是滑鼠的原理跟觸碰介面的原理有很大的差異,因此行動(dòng)版的網(wǎng)站應(yīng)該避免只有電腦滑鼠才能做到的功能,舉例來(lái)說(shuō):「下拉選單」的這一項(xiàng)功能,因?yàn)樾袆?dòng)裝置沒(méi)有「滑鼠座標(biāo)」的設(shè)計(jì),所以無(wú)法觸發(fā)滑鼠移動(dòng)過(guò)去才會(huì)顯示出來(lái)的選單。
7. 利用手機(jī)的天生優(yōu)勢(shì)
手機(jī)有著許多傳統(tǒng)電腦所沒(méi)有擁有的優(yōu)勢(shì),其中最大的優(yōu)勢(shì)就是「行動(dòng)力」,因此手機(jī)版網(wǎng)站應(yīng)該要特別發(fā)揚(yáng)這些特色,讓行動(dòng)網(wǎng)站具有一般網(wǎng)站更多的優(yōu)勢(shì)。舉例來(lái)說(shuō): *行動(dòng)定位:大部分的智慧裝置都有GPS或是定位的機(jī)制,可以讓客戶主動(dòng)找到您的位置 *行動(dòng)聯(lián)系:如果客戶使用的是行動(dòng)電話,可以立即發(fā)話;如果是平板電腦,亦可以使用簡(jiǎn)訊或是e-Mail的方式傳遞訊息給客戶 *鄰近地點(diǎn):如果您的事業(yè)有很多據(jù)點(diǎn),請(qǐng)告訴您的客戶,在他附近有哪一些地點(diǎn)是便于他能夠抵達(dá)的。
近年已經(jīng)成為行動(dòng)條碼的QR Code設(shè)計(jì),也應(yīng)該納入行動(dòng)網(wǎng)站的設(shè)計(jì)元素在內(nèi)。
作者:朋友圈科技
相關(guān)內(nèi)容 Related
- 為什么響應(yīng)式設(shè)計(jì)需要媒體查詢2016/8/5
- 虛擬主機(jī)被搜索引擎爬蟲訪問(wèn)耗費(fèi)大量流量解決方法2016/8/3
- 網(wǎng)站建設(shè)中如何創(chuàng)建完美的顏色組合2016/8/1
- 什么是長(zhǎng)尾關(guān)鍵詞?2016/8/1
- 建設(shè)企業(yè)或個(gè)人網(wǎng)站的好處2016/7/8
- 前端開發(fā)者需要知道的常識(shí)2016/7/6
- 12種方法為您拓展業(yè)務(wù)通道2016/7/27
- SEO優(yōu)化的三大技巧2016/7/24
- 10的方法來(lái)提高你的網(wǎng)站設(shè)計(jì)2016/7/24
- 網(wǎng)站統(tǒng)計(jì)用哪個(gè)比較好,百度?cnzz?2016/7/21