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

詢問價錢 以下協助報價:300CC玻璃瓶含蓋子,數量12個,郵寄高雄
涼拌豬耳朵 以下需求報價:涼拌豬耳朵 有此需求 請協助報價
園遊會要用乾冰詢價:想詢問園遊會賣飲料加入的乾冰種類與價格
瓶器印刷服務詢價單:您好,我們公司有一批瓶器需要印刷,希望能夠請您提供報價和相關信息。 1. 請問針對瓶器<塑膠瓶罐>印刷方式與最低起訂印刷量? 2. 請問瓶器印刷服務的交貨周期大約是多久?
耐衝擊FRP材質桶槽:您好: 有看到櫃公司有販售耐衝擊酸鹼槽, 槽內尺寸是:220cm*122cm*100cm 內部液體是YYMT高效除垢劑(強酸性), 有需要排水孔(含濾網), 因為會用天車吊掛不鏽鋼籠進去清洗, 需要耐衝擊較好的FRP材質桶槽,方便提供類似尺寸的報價嗎? 感謝您了
宜蘭兩日遊詢價費用:第一天 : 淡水出發、北後寺、望龍埤、望瓏鵝 肉攤午餐、(三星)民宿、耕莘護 校、天送埤、民宿 第二天 : 安農溪落羽松秘境、安農溪鐵馬驛 站、安農溪分洪堰、午餐、羅東林 場、回淡水
建築物公共安全檢查費用:台中市建築物公共安全檢查
2手傢俱 以下協助報價:請幫忙 回收2手 辦公傢俱 請協助
長庚醫院候車亭廣告詢價:我們是生髮諮詢所,想在長庚醫院候車亭(920公車經過)設立一面廣告,請問價格是多少?
2025法國20日行程費用:2025出國去法國的行程有什麼檔期,費用是多少
不銹鋼鋼材供應詢價單:您好,我們公司有需要購買不銹鋼鋼材,希望能夠了解貴公司的產品情況和價格。請提供以下信息: 1. 貴公司主要供應的不銹鋼鋼材種類有哪些?規格和材質是怎樣的? 304不銹鋼鋼板 1Tx4尺x8尺 霧面深抽料 304不銹鋼鋼板 1.5Tx4尺x8尺 霧面 304不銹鋼鋼板 2.5Tx4尺x8尺 霧面 2. 請問貴公司的價格是按照重量計價還是按照尺寸計價?是否有批發價格或長期合作優惠?感謝! 按照重量計價 麻煩告知每片鋼板重量 作為新產品開發用
遊覽車包車詢價費用:乘車人數: 約50人 包車日期:2025年04月29日 上車位置:南投縣埔里鎮大學路306號國立暨南國際大學科技四館 目的地:新竹市科學園區國家同步輻射中心(新竹市東區新安路101號) 行程規劃 : 4/29當天1:00pm從學校出發,約3:00pm到達新竹。約下午4:30pm由新竹出發返回,約6:30pm回到埔里。 請提供巴士包車報價單,若有誤餐費也請註明,謝謝! 暨南大學 卓老師
Banner製作:我有Banner製作的需求,再麻煩聯絡後我會提供詳細說明
瓦斯汽笛喇叭組!:有營運整箱大量批發造勢汽笛喇叭組嗎
貼紙印刷報價費用:您好,我有料理包需要貼成份等資訊的貼紙,料理包大小比A4小,比A5大 請問價格
詢價 檸檬草精華液 頭皮水:詢價 檸檬草精華液 頭皮水 請問多少錢
漢堡麵包詢價單 請報價:您好,我們公司有興趣購買您的漢堡麵包產品或服務,請提供以下信息: 1. 漢堡麵包的價格是多少?是否有批發價格或批量折扣? 2. 漢堡麵包的保存期限是多久?是否需要冷凍或冷藏保存?
佳里到小港機場單程多少錢呢?:2人搭乘,1個大型的行李 車子2000cc以上
切割墊150公分x300公分詢價單:您好,我們有興趣購買切割墊150公分x300公分的產品,請提供以下資訊: 1. 請問這款切割墊的材質是什麼?是否耐磨耐用? 2. 請問是否可以提供定制尺寸的服務?如果可以,請提供相關詳細資訊。感謝!
產品價格 詢價單:您好,我們對貴公司的產品感興趣,希望能夠獲得以下產品的報價及相關資訊: 1. 產品名稱: clsm 控制性低強度回填材料價位?數量200/m3 2. 產品名稱: 140 -結構用混凝土,預拌140kgf/cm2,數量200/m3 價位? 3. 產品名稱: 175 -結構用混凝土,預拌175kgf/cm2,數量100/m3 價位? 4. 產品名稱: 210 -結構用混凝土,預拌210kgf/cm2,數量500/m3 價位? 5. 產品名稱: 280 -結構用混凝土,預拌280kgf/cm2,數量100/m3 價位? 謝謝!期待貴公司的回覆。
- [相似的頁面]
- 手機版網頁設計的7個原則|六六工商詢價服務網
QRLive三合一網頁設計
- 統一編號12884456
- 更多資訊QRLive三合一網頁設計
相關服務
-
SEO關鍵字排名優化服務、Google排名網站內容
SEO保證第一頁,全方位SEO優化服務,提升你的網站關鍵字排名及品牌曝光量,掌握SEO優化策略,助你實現引爆流量、業績翻倍! -
網站無效嗎換能增加業績6倍的銷售頁吧!
改一種方法做網站,業績增加6倍!! 你還在請人做沒有辦法增加 業績的網站嗎 -
行動條碼 QR Code 行銷優勢多
網頁設計、手機網頁、行動條碼QR Code三合一設計 -
[A好康] 貓貍綠能居家生活網,加入會員
到 http://goods.ruten.com.tw/item/show?1109091 -
HouseWeb房屋網路行銷達人
房屋買賣超急快找HouseWeb房屋網路行銷達人請上網址:http://www.houseweb.c