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

變相器 和 升壓器:我們電用的是民用的單相220V想要轉三相220V和三相380V,我大概要提供那些規格給您比較好判斷,謝謝 主要測試樣品為變頻器大致上500~1000W,想詢問貴公司的產品有安全機制嗎? 此類產品有保固嗎?因為產品使用在大樓內部,所以是接單相220V,我要如何確認多少W數才不會跳電? 謝謝!!
新竹市東區定點發傳單:我們是一間新開的運動教室, 想將開業傳單發至教室附近方圓一至二公里內的社區和上班的居民. 詢問定點派發傳單的費用. 謝謝
請問等待冷卻水塔進口期間可以租用暫代嗎?含接管嗎?:請問等待冷卻水塔進口期間可以租用暫代嗎?含接管嗎?
想了解您公司的品品項想了解您公司的品相:進口六兩雞腿報價 是否有國產雞胸肉報價? 除了進口雞腿還有台灣的嗎? 是否有豬肉燥類?
測距輪 三節式單輪測距輪 詢價:三節式單輪測距輪,測距輪要多少錢
美國蔓越莓乾 請協助:您好 想請問有美國無糖蔓越莓乾嗎
關於188免虰膠的詢價:您好,我們公司有興趣購買您的產品188免虰膠,請提供以下資訊: 1. 請問您的產品188免虰膠的規格和包裝方式是怎樣的? 2. 除了免虰功能外,這款產品還有其他特點或功能嗎?
矽膠鴨嘴閥 以下協助:您好,我們正在尋找食品級矽膠鴨嘴閥,用於生產飲料設備。貴司網頁上展示圖片中,內徑為4mm、外徑5.7mm、底部7.7mm的產品尺寸十分理想,我們想更進一步了解產品及售價,若能順利採用,初步預期將購買1500顆,感謝。
建築物公共安全檢查暨申報:一、本校未曾執行過建築物公共安全檢查申報。 二、其中有兩棟建築物建照分別為77年第79年,面積均達1000平方公尺以上,應該還要加做耐震能力評估檢查。 三、目前在訪商詢價階段,建議貴司若有興趣承攬,可以與我聯繫以說明細節。或是可約到校實地檢視現況,以利報價。 謝謝。
想了解小學一年級的英文:小孩今年暑假升小學一年級, 想了解世貿分校(基隆路上)的課程。謝謝
詢問Si Wafer:詢問P-type & N-type Si Wafer 阻值、報價問題。謝謝
飲料封口機要寄台中:飲料封口機要寄台中一件
吳府千歲神衣 詢問報價:請問一下我家神明是吳府千歲。一尺三。請問戰甲衣服加後面旗子。還有王爺帽這樣一套大概要多少。我預算是大概一萬。有圖可參考嗎
請問澳門寄台灣運費:想了解澳門寄台灣的運費 幾公斤起運 到貨時效 主要是食品(蜜餞、杏仁餅等)無含豬肉
電子產品詢價費用:自動充電膠片詢價費用是多少錢?
停止親權裁定書翻譯:您好,我需要將裁定書及裁定確定書中文翻譯成英文,想諮詢費用
消防相關書籍詢價費用:IFSTA 1.Pumping and Aerial Apparatus Driver/ Operator Handbook, 4th Edition 2.Essentials of Fire Fighting, 8th Edition: Firefighter 1 & 2 3.Principles of Passenger Vehicle Extrication, 5th Edition 4.Fire Service Technical Search and Rescue, 8th Edition 5.Principles of Heavy Vehicle Extrication, 1st Edition Manual
PC材質的板材詢價:想購買PC材質的板材,Haze(霧度值<1%),尺寸不限,數量5片
美髮產品詢價單費用:您好,我對貴公司的美髮產品很感興趣,希望能瞭解以下信息: 歌偲丹抗UV強效持久定型噴霧3號/400ml的價位
要賣 監視錄影機鏡頭:要賣 監視錄影機鏡頭
- [相似的頁面]
- 手機版網頁設計的7個原則|六六工商詢價服務網
QRLive三合一網頁設計
- 統一編號12884456
- 更多資訊QRLive三合一網頁設計
相關服務
-
超優網路科技有限公司
主要產品營業項目: 網路廣告平臺, 動畫網頁設計, 網路行銷整合 -
多摩創意工作室
多摩創意工作室 -
搜尋引擎最佳化(seo)服務,無效不收費
光是將網站架好,是不會有人上門的。 我們擁有可讓您的網站更容易被找到的重要網頁技術! -
板橋房屋買賣平台出租
我們的理念誠信踏實負責、把您的貼心網曝光到國內外各大入口網站、您的成功是我們的榮譽 -
[A好康] 貓貍綠能居家生活網,加入會員
到 http://goods.ruten.com.tw/item/show?1109091
-
友站分享
- 冠標興業有限公司
- 東立佳科技股份有限公司
- 沅哲有限公司