服務內容
手機上網不僅是可見的趨勢,更是以銳不可擋的數量在驚人成長,網頁設計者應該開始接觸手機版網頁設計。
手機網頁設計概念,與一般個人電腦使用的概念有些不同,因此,我們在這裡簡單的歸納出一些設計的原則:
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
電風扇請報價!!:請問小型電風扇(大約高35公分、寬30公分左右)
詢問報價 請3個地點分開報價:地點<->新竹高鐵站 當日新竹高鐵站來回接送 搭車人數:20-25人 ★地點1:麻布山林 / 地址:新竹縣北埔鄉6號 ★地點2:統一渡假村馬武督渡假會議中心 / 地址:新竹縣關西鎮金山里34號 ★地點3:關西六福莊 / 地址:新竹縣關西鎮60號
午餐60人合菜晚上20人合菜:價錢一個人55元可以做嗎
從太平搬到大智路:從太平搬一個電視櫃,再到工學路搬一台小冰箱再到西屯區搬沙發到南投名間鄉, 請問幫我估價,謝謝
詢價 出車注意警示燈:詢價 出車注意警示燈 請提供報價 謝謝
環境監測詢價 以下報價:說明及內容均在詢價單 環境監測詢價 以下報價
關於接送服務的諮詢:您好,我對貴公司的接送服務很感興趣,想了解更多相關資訊。請問: 1. 貴公司提供哪些地區的接送服務範圍? 2. 接送服務的價格是如何計算的?是否有不同的計價方式?感謝!
小型自動煮漿機 磨豆機:小型自動煮漿機 磨豆機
請問有束帶白-黑色,長度30的嗎:請問有束帶白/黑色,長度30的嗎?
針具收集合一箱怎麼賣:想知道針具收集盒(黃色3L),一箱怎麼賣
Dolo音響 以下報價:Dolo xsl9870還有貨嗎?或有新規的藍芽喇叭
二胡琴筒裂痕修補:琴筒上面有一條8公分左右的裂痕
檀香樹請報價!!:樹徑15至20公分 檀香樹請報價!!
活動展示背板|活動展架|鋁管直直型大展架|拍照背板|:一組
8000桌上型切割機 請報價:8000桌上型切割機 請報價給我
手持式分光儀X-Rite CI60校驗:1、手持式分光儀X-Rite CI60校驗費用? 2、如需校驗是否有作調校?
了解第四台請報價!!:想換第四台店家 小型納米噴鍍機詢價!!
太陽能鋼構材料 請報價:H型鋼、C型鋼 太陽能鋼構材料 請報價
T-shirt 電繡詢價:您好, 我想詢問兩件棉T的刺繡報價(刺繡範圍約5x5cm), 以及若下週一送圖及衣服, 週三或週四可以拿到嗎? 非常謝謝您~
橡膠條和O型環詢價單:尊敬的商家, 我們有興趣購買以下產品,希望您能提供報價和相關信息: 1. 橡膠條 直徑6mm 5米 2. 橡膠條 直徑8mm 10米 3. 橡膠條 直徑9mm 5米 4. O型環 直徑10mm 20米 請問: 1. 橡膠條的材質是什麼?是否耐磨耐壓? 2. O型環的硬度是多少?是否適用於高溫環境? 期待您的回覆,謝謝!
- [相似的頁面]
- 手機版網頁設計的7個原則|六六工商詢價服務網
QRLive三合一網頁設計
- 統一編號12884456
- 更多資訊QRLive三合一網頁設計
相關服務
-
網路購物平台
-
無限空間虛擬主機
☉我們提供域名註冊(domain name service)、虛擬主機(shared ho -
網站排名SEO到底應該怎麼做?
-
如何擁有一個24小時幫你賺錢的網站
您只要點選 http://www.jeffery825.ws 超連結進入→百萬年薪退休計劃 -
wechat行銷-微信行銷-微博行銷
wechat行銷/微信行銷/微博行銷/line行銷/whatsapp行銷
-
友站分享
- 彼得公雞地中海料理
- 安卓美達科技有限公司
- 正加興業有限公司