手機版網頁設計的7個原則

服務內容

手機上網不僅是可見的趨勢,更是以銳不可擋的數量在驚人成長,網頁設計者應該開始接觸手機版網頁設計。
手機網頁設計概念,與一般個人電腦使用的概念有些不同,因此,我們在這裡簡單的歸納出一些設計的原則:

 1. 簡化內容
一般的手機、平板電腦等行動裝置,不易容納下適合於個人電腦的龐大網頁資訊,因此手機行動網頁的首要重點,就是減少內容,不論是圖片、文字或是影音。請記住一個重點:只要將最重要的資訊放入行動版網頁,就是最主要的準則,重要性較低的、讀取需要時間的內容,則可以透過超連結,連回到正常的官方網站。
行動網站必須十分的重視內容簡化這一點,一個塞滿內容的行動網站無法獲得網路客戶的青睞。

2. 一欄捲動的最佳策略
大部分的行動裝置,畫面都不如桌上電腦那麼大,尤其是閱讀文字時更需要加以放大。即使智慧手機都具有網頁放大縮小功能,但是觀看起來較為麻煩。
因此設計行動網頁時,建議是能夠以滑動螢幕的方式閱讀網站,因為滑動網頁比起放大網頁觀看來得簡單多了。
 

3. 導覽功能大不同
手機網頁與跟一般的網頁不同的,在於當閱讀文章到最後時,要回到最前頭是麻煩的,因此設計網頁的企業,除了減少捲動畫面的機會外,也會加強導覽的功能,讓網頁變得更容易於行動裝置上閱讀。導覽設計的重點有:
只在首頁的部份加入搜尋的功能。
建立導覽功能鍵,其中以『回到首頁』、『回到上一頁』這兩個最為重要。
最後,『回到上一頁』的按鍵除了首頁以外,其餘的頁面都需要放置。

4. 減少文字輸入部份
手機大多沒有實體的鍵盤,或僅只有12鍵的電話輸入功能,因此輸入文字上會比起使用鍵盤麻煩得多。因此,減少使用者輸入文字的機會,例如:個人的帳號、密碼、搜尋內文、使用編輯器...等,都是行動網頁要盡力避免的。設計的重點如下:
允許行動上網使用者儲存輸入的帳號密碼資訊。
輸入的區塊盡量加以放大。
允許行動上網使用者,輸入簡易的密碼,例如PIN數字密碼。

5. 思考多種版本的手機網頁版本
手機的規格眾多,有的解析度為320*240,較新的則為800*480,而次世代的手機更有720P的解析度,因此行動網站如何滿足眾多的需求?
一般來說有兩種作法,一種是建立不同解析度的行動網站,由用戶於手機行動入口網頁自行選擇,以Facebook的例子來說,mobile.facebook.com是適用於大部分的智慧手機與平板電腦,而0.facebook.com則是用於非智慧手機或是網路連線速度極慢的區域。另一種做法則是透過手機的語法,例如CSS語法中的Viewpoint就能夠根據手機的解析度加以決定瀏覽畫面的寬度。



6. 觸控螢幕與非觸控螢幕設計
雖然今日觸碰型的智慧手機當道,但是仍有為數不少的傳統手機,沒有觸碰的介面,使用的是傳統的控制方向鍵做為導覽的工具。例如:減少畫面中超連結的數量,可以讓選擇連結的時候出現一些減少一些按鈕的動作,或是加大文字以減少誤擊的問題。
此外更重要的是滑鼠的原理跟觸碰介面的原理有很大的差異,因此行動版的網頁應該避免只有電腦滑鼠才能做到的功能,舉例來說:『下拉選單』的這一項功能,因為行動裝置沒有『滑鼠座標』的設計,所以無法觸發滑鼠移動過去才會顯示出來的選單。

7. 利用手機的天生優勢
手機有著許多傳統電腦所沒有擁有的優勢,其中最大的優勢就是『行動力』,因此手機版網頁應該要特別發揚這些特色,讓行動網頁具有一般網頁更多的優勢。舉例來說:
行動定位:大部分的智慧裝置都有GPS或是定位的機制,可以讓客戶主動找到您的位置。
行動聯繫:如果客戶使用的是行動電話,可以立即發話;如果是平板電腦,亦可以使用簡訊或是e-Mail的方式傳遞訊息給客戶。
鄰近地點:如果您的事業有很多據點,請告訴您的客戶,在他附近有哪一些地點是便於他能夠抵達的。
 以創新的方式來輸入訊息,既有趣又實用。 行動條碼 QR Code 就是這樣的一個例子,也應該納入行動網頁的設計元素在內。


            


QR Live 三合一網頁設計,提供您『網頁』『手機網頁』及『行動條碼 QR Code』同步形成,讓您的企業、服務...更有型。

地址:台中市豐原區豐年路109巷43號
客服專線:04-25208628   E-Mail:qrlive.qrcode@gmail.com

腳踏開關
免費註冊

嫘縈石墨烯天絲兩用被詢價單:您好,我對貴公司的嫘縈石墨烯天絲兩用被產品感興趣,希望能瞭解更多詳細資訊。請問: 1. 這款被子的尺寸是多少?是否有不同尺寸可供選擇? 2. 這款被子的保暖性如何?能否在冬季保持溫暖?

彩色印刷服務詢價單:您好,我們公司有一批貼紙需要進行彩色印刷,詢價: 1. 70mmX70mm圓標貼紙(單色A藍B綠C紅 需防水、抗UV) 2. 數量共9000個 各字母3000個

  • 您好,想請問 水箱訂製:您好,想請問 高100cm 長92cm 寬80cm 的壓克力水箱報價多少,也詢問一下這樣大小的水箱壁厚要多厚,謝謝

    6-7-6-8租車需求:想要租5人座詢問價格

  • 富貴雙方產品詢價單:您好,我們對貴公司的富貴雙方產品很感興趣,希望能夠獲得以下信息: 1. 請問富貴雙方產品的規格? 2. 富貴雙方產品的價格是如何計算的?是否有批發價格或折扣?我想要訂150~200份是否有貨.

    詢問殼管式熱交換器 U 型:殼管式熱交換器 U 型 長度約80cm 有製作嗎

    工程顧問服務諮詢:您好,我想請教貴公司的工程顧問服務。我們公司正計劃進行一個新的建築項目,希望能夠得到專業的建議和指導。請問貴公司的工程顧問團隊有哪些專業背景和經驗?另外,我們希望了解在進行項目時,貴公司的工程顧問會提供哪些具體的服務和支援?感謝您的回覆。 我們是翠柏老人安養中心,我們正需要低電壓檢測項目,並取得合格檢驗證明,煩請撥冗過來勘驗並後續折成報價單 拜託幫忙

    9-27花博野餐會救護車-救護站報價:9/27花博野餐會 預計5000-7000人到場 活動時間: 9:00-20:00 請協助提供單救護站跟救護車最低標準配置報價 謝謝

    保利龍箱5KG詢價單:您好,我們有興趣購買保利龍箱5KG產品,請問最低購買數量是多少?另外,請問您能提供的最優惠價格是多少?我們想了解一下產品的保存方式和保質期,請問您能提供相關資訊嗎?感謝!

    JPH SERIES折合桌:詢價 JPH SERIES折合桌 尺寸120*60(桌板905/桌腳白色)

    詢價 礦物佛珠回收:不用鑑價,直接寄送給你們可以嗎。三串而已,謝謝

    想了解冰石客製內容:想了解冰酒石客製內容

    關於印刷服務的諮詢:您好,我是一家新創公司的負責人,我們正在尋找一家可靠的印刷公司合作。我想了解貴公司提供的印刷服務範圍和品質控制措施。請問您的印刷設備是否先進,能否滿足我們的需求?另外,我們有一些特殊的印刷需求,例如定制化尺寸和特殊材料,請問貴公司是否能夠提供相應的定制化印刷服務?感謝您的回覆。

    FFP2立體罩杯式口罩EN 149:2001+1:2009:想詢問該品項的售價.

    了解貴公司食品批發服務:您好,我對貴公司的食品批發服務很感興趣,想請問一些相關問題: 1. 貴公司提供哪些種類的食品批發服務?是否有新鮮食材、冷凍食品或乾貨等不同類型的商品? 2. 貴公司的批發價格如何計算?是否有最低訂購量或批發折扣政策?感謝您的回覆。

    貨櫃ERP 以下協助:詢問貨櫃運輸ERP 有此需求 請協助

    醫美診所用藥 以下協助報價:新開業醫美診所針劑藥物詢價 請協助

    請問有做DIO 活塞嗎:47 47.25 47.50 47.75 48 48.25 48.50 48.75 49 49.25 49.50 49.75 50 這些尺寸 半套用

    隔熱板 以下協助:隔熱板價格如何計價 請電話聯繫

    King tel 速撥有線電話:您好 我們飯店客房是採用King tel 速撥有線電話機KT-9340A,現要增購三台,請您報價 謝謝您

    關鍵字:網頁設計,手機程式,電子商務,網站架設,行動條碼,QR,Code

    QRLive三合一網頁設計

    1. 統一編號12884456
    2. 更多資訊QRLive三合一網頁設計
    網頁更新日:

    相關服務

    1. 各類團購商品寄賣
      您有優良的商品要出售,卻苦無通路,台灣團購合作社提供您一個團購的通路,請先參觀我們的商城,
    2. 揪團聚會活動商家刊登
      只要您們是活動舉辦者、餐廳經營者等有關於聚會和揪團的商家,又能夠有優惠方案是集體有優惠的,
    3. 各類團購商品寄賣
      您有優良的商品要出售,卻苦無通路,台灣團購合作社提供您一個團購的通路,請先參觀我們的商城,
    4. 網路行銷
      雅虎關鍵字廣告0800-636404 、0932-636404. 網路行銷關鍵字!讓
    5. 揪團聚會活動商家刊登
      只要您們是活動舉辦者、餐廳經營者等有關於聚會和揪團的商家,又能夠有優惠方案是集體有優惠的,

    友站分享

    詮世營造有限公司
    尚閎室內裝修有限公司
    宇宙線有限公司