1.確定你的客戶瀏覽網站的目的營銷工具永遠要從消費者的角度思考，當消費者使用電腦跟手機的地點、目的不同時，我們也要賦予電腦、手機版網站不同的功能。首先，確定客戶用手機查詢你的信息時，最想看到什麼，就是網站的重點，同時也是決定要做響應式網頁的重要關鍵。計算機版（用戶33%）移動設備（用戶67%）使用地點固定位置（傢中、辦公室）任何一個可以行動上網的地方（捷運、廁所、咖啡廳、機場、臥室…）瀏覽重點1. 首頁風格與照片2. 房型、房價3. 可訂房日期4. 優惠方案5. 交通方式6. 鄰近景點7. 其他1. 電話2. 地址（位置、交通時間）3. 房型、房價4.網站風格與照片閱讀動線首頁→房間介紹 & 房價→在線訂房→最新消息→交通位置…搜索：首頁→打電話點擊他人分享鏈接：優惠信息或首頁→房型→打電話2.重新思考瀏覽動線從網友要看的重點中，就能重新思考並安排整個網站的瀏覽動線。除瞭電腦版頁面之外，也得把移動設備考量進去。 因為移動設備的屏幕尺寸較小，每一個放置的元素都必須是萬中選一的重點，一點空間都不能浪費。 審慎安排每個重點的位置，如電話、地圖、產品信息，可以縮短網友尋找資料的時間。3.簡化、簡單但絕不能簡陋考慮於手機、平板這些移動設備的屏幕比電腦小，處理效能也不一定比電腦好，因此網頁設計必須要簡單，盡可能縮小網站頁面，才能縮短網頁加載的時間，即使在3G環境下也能順利瀏覽。但是簡單不代表簡陋，少瞭華麗特效還要能吸引網友目光，才能考驗網頁設計師的真工夫。 透過CSS3技術，可同時兼顧網站美學與頁面大小，讓響應式版網站兼顧品牌形象的營造。4.直式設計，舍去橫向卷軸搜索引擎應用戶導向，移動設備閱覽率（67%）遠大於電腦（33%）的前提下，調整利於移動設備的算法。 故，為方便在有限的移動設備畫面上閱讀並操作網頁，響應式網頁應采直式設計（單欄式設計），並舍去橫向卷軸。 隻要往下滑，就可以看完所有資料。5.加強導覽功能閱讀文章時要從最後回到頂端還挺麻煩的，因此讓單元列與分類清楚好找，可以加強導覽功能、減少滾動畫面的頻率。另外回到首頁回到上一頁的導覽功能鍵也很重要，必須清晰、易點選。6.以觸控屏幕為出發點手機、平板上的按鍵、超鏈接若沒有1個食指尖大（約44px），將會是一場永遠都點不到的悲劇。鼠標移到按鈕上可以觸發某些功能的特有效果，在手機上也絕對要舍棄，因為手機隻能點擊，沒有hover的特效，像下拉菜單、鼠標移過去變色等效果都需舍棄。7.視覺反饋是細節也是重點不隻要讓按鈕更大、更明顯，讓網友在點擊時可以看到按鈕的顏色變化，可以讓網友知道他已經點擊成功，能避免網友重復點擊。加載網頁時呈現loading畫面，讓網友知道網頁正在加載，也能避免網友重復點選、延遲加載的時間。這些雖然都是細節，但會大大影響用戶對這個網站的好感度，直接影響品牌印象。8.響應式強化手機原生功能手機沒有電腦的大屏幕，但卻擁有電腦所沒有的行動力，響應式網站不隻是將電腦上的信息重新排版，應該要特別將這些優勢發揚光大，讓行動力更具商機。 舉例來說：· 響應式網站可以一鍵撥號、可以一鍵開啟地圖，透過手機原生功能可以加快交易速度。· 網站上可安裝插件讓網址實時分享到微博或微信，便利客戶為您口碑營銷。· 利用二維碼QR code，方便手機網民隨時瀏覽你的網站。
本文出自快速备案，转载时请注明出处及相应链接。