打造移動網站友好用戶體驗的12個技巧

2022-08-11 分類：網站建設

要知道，一個網站可以在移動設備上瀏覽并不代表著這個網站在移動設備上瀏覽的用戶體驗是友好的。想了解如何讓您的移動客戶擁有滿意的瀏覽體驗，請遵循移動專家、網頁設計與開發專業人士的以下建議。

comScore統計顯示，截至2013年12月，有1.56億美國人擁有智能手機，比2013年9月份增長了3％以上。預計這一數字將繼續增長。事實上，eMarketer預測到2014年底，全球將有17.5億人經常使用智能手機。

而且這數百萬智能手機用戶不僅僅是使用移動設備撥打電話、發送電子郵件和短信。他們還在使用他們的移動設備連接社交網絡、上網瀏覽新聞和信息、購物和下單。因此，如果您的網站或電子商務網站未針對移動端流量進行優化，您可能會失去潛在的客戶和銷售線索。

為了找出“移動端優化”的真正要領，CIO.com詢問了幾十名移動網頁設計師和移動網頁開發專家。以下是創建移動友好網站的十二個技巧。

1.響應式網站

物業管理軟件開發商LandlordStation首席執行官Copley Broer說：“如果要使用響應式的技術框架，目前的確有一些框架可供我們選擇，我們使用Bootstrap，這些框架基本上是通過比較簡單的方法來布置網格中的元素，然后根據不同的屏幕尺寸調整該網格，使得大型監視器上的元素與iPad（或智能手機）上的元素相同，“Broer 說，“Bootstrap框架是開源代碼（且免費），有據可查，且易于實現。”

RITTA（一家廣告與營銷機構）的 COO Kevin Janosz補充說：“響應式是Web開發的一種更統一的方法，無論用戶是通過桌面，平板還是智能手機訪問網站，您都可以為用戶創建相似的優質瀏覽體驗。

Janosz說：“除了能夠在不同設備之間提供更好的用戶體驗之外，它還整合了您的網站，因此您不需要單獨的移動網址，它具有SEO優勢，而且管理起來也容易一些。”

2.確保使用一根手指即可完成所有操作

EliteSEM（搜索引擎營銷公司）營銷總監Marc Weisinger說：“確保您的網站完全可以通過一個手指操作，并且不需要使用縮放動作。”

“用戶能夠通過單手操作即可完成對整個網站的訪問，這是任何移動網站最重要的標準之一，此外，如果您發現必須進行縮放，那么說明您的網站可能文本字號太小或者與瀏覽設備無法很好的匹配，”Weisinger說。

訪問移動網站的大多數用戶使用的是觸摸屏設備，因此要確保按鈕和菜單導航足夠大，即使是胖手指操作起來依然是游刃有余，“Hire Space（網站租用空間）CTO Dean Hume說。 “友好體驗的移動端網站通常會使用CSS（媒體查詢media queries）來調整屏幕大小，而不考慮手指可能會導致的錯誤點擊。”

同樣，“在設計移動端界面時，您應該使您的目標范圍足夠大，以便輕松選擇，”Lyons咨詢集團執行創意總監Mark Rattin說。 “大多數成年人的平均食指是15到20毫米，對應的是45到57像素，我們的‘經驗法則’（雙關語）是為選擇區域提供至少45個像素的按鈕或點擊元素，”他說。 “這樣可以輕松選擇屏幕上的目標，并從用戶體驗中消除許多意外點擊。”

3.保持簡約設計

“做一個簡約設計和聚焦的版本需要花很多時間,“應用設計和開發公司Caxy Interactive的創始人兼CEO Michael LaVista指出,“記住，您只有幾秒鐘的時間來向用戶展示您是什么樣的公司。對于任何網站設計來說都是這樣，尤其是在為較小設備進行設計時注意這一點是很重要的。”

太多的通知消息和過多花哨的修飾（如圖形、文字、視頻）可能會阻礙該網站加載的速度，并分散您要傳達的主要信息。 Hume建議：“如果您想在網站中添加圖片，盡量提供字節較小的圖片，這樣可以減少用戶在等待頁面加載時所用的時間。”

4.保持內容短小精致

“人們有時候常常會著迷于自己所撰寫的內容，一不留神就成了長篇大論，網站小編自然也不例外，長篇幅的文章會增加用戶的翻頁次數，對于移動端的挑戰尤甚，” Broer說，因此“我們需要花點功夫來琢磨如何用更精簡的語言來表達相同的內容。”

“內容篇幅要有所節制，”電話服務提供商Nextiva的營銷副總裁Yaniv Masjedi指出， “智能手機上的屏幕比臺式機上的屏幕小得多，所以盡量減少移動網站上的文字數量。移動用戶習慣于快速向下滑動瀏覽，所以只需包含必要的文字，抓住讀者的注意力即可。”

5.好的icon圖標勝過千言萬語

“為了避免您的網站看起來很混亂，請使用常規移動icon圖標，而不是通過文字來進行通話咨詢、社交聯絡、尋找菜單等操作。”數字創意機構FiddleflyCEO James Ramsey表示,“使用這些符號可以幫助用戶了解該網站是針對移動設備的。”

6.通過為移動設備配置優化過的圖像來達到更快的訪問速度

網絡設計機構New Haircut CEO JayMelone指出：“移動網絡比FiOS（光纖服務）和有線電視之類的服務網絡要慢得多，特別是美國在LTE速度方面排名倒數第二，平均徘徊在6.5Mbps左右。

“所以一定要把PC端網站上存在的繁重的媒體文件（比如視頻）去掉。” Melone說，“使用媒體查詢將PC端網站的圖像像素重新調整為較低分辨率版本，并考慮使用獨立JavaScript替換大型JavaScript庫（如jQuery Mobile）。

“移動設備上的分辨率和寬高比變化范圍還是比較大的（范圍從240 x 320到2560 x 1440及以上不等）。”網絡和移動應用的圖像管理解決方案Cloudinary CEO Itai Lahan說。

“還要考慮，在3G網絡下運行的移動設備在下載速度方面仍然相當落后，而且許多移動用戶都支付寬帶使用費，所有這些都意味著，調整圖像大小，并使其適應具體的設備分辨率和寬高比是至關重要的，“Lahan說。 “這可以節省大量的帶寬，大大減少了移動網頁的加載時間，同時大大提高了訪問者的瀏覽體驗。”

7.不要過度使用Java

Hume說：“盡可能避免在您的移動網站上使用過多的JavaScript代碼，因為它在不同的瀏覽器和設備上運行效果不同。 ”他說，“即使是同一款手機的不同型號，在JavaScript方面也可能會有很大差異。“ “這并不是說您不應該使用JavaScript，而是說應該謹慎對待，并且要記住，它可能會影響到移動端網站的性能和用戶體驗。”

8.讓您的電話號碼、地址和聯系方式易于查找

Engage（一家全方位服務的設計和開發公司）的創意總監AnthonyOverkamp說：“請記住您的網站在移動設備上的使用環境。

Overkamp表示：“通常情況下，當用戶正在尋找商店營業時間，聯系人或預訂電話號碼，或者是某企業距離最近的位置時，用戶越容易訪問該信息并采取行動，用戶體驗就越好。

9.視頻該加還得加，但需精心布置

Invodo（視頻戰略和內容提供商）營銷副總裁Russ Somers表示：“視頻是任何移動網站的絕對必需品。這是因為使用移動設備的消費者比使用筆記本電腦/臺式機的用戶觀看視頻的可能性高三倍。”

也就是說，“使用能夠提供完善移動體驗的視頻技術，您的移動視頻播放器應該運行HTML5并確保它可以在大多數移動設備上播放，”Somers建議， “此外，使用輕量級的視頻播放器（不消耗付費的帶寬和處理資源），這樣您就可以顯著提高頁面加載時間，并為用戶提供更好的整體體驗。”

10.確保表單是為移動端而設計的

LucidFusion（網站設計和品牌公司）CEO Zubin Mowlavi表示：“要求用戶提供最少的必要信息，以便后續與潛在客戶聯絡。”

Mowlavi說：“盡可能地減少表單字段的數量和大小，并利用移動設備內置的技術優化可用性。例如，GPS通常是可以獲得用戶的城市和郵編的，如果您可以預先填寫，就不需要再讓用戶填寫他們所在的城市和郵編了。

11.考慮地理位置

“對移動設備的一些功能如地理定位加以利用。 ” TheLevel （網頁設計和開發機構）的創始合伙人兼CEO Michael Read說，“企業可以使用地理定位來引導用戶，允許訪客查看距離最近的商店中某商品是否有貨、提供有針對性的促銷活動、以當地貨幣形式提供在線購買價格，并連接到諸如Yelp等社區。

12.環境兼容性測試，確保您的內容可以在不同的設備、平臺和操作系統上正確查看

“不要忘了要通過操作系統測試移動端用戶體驗，通過可用性測試來提高整體網站的用戶體驗。” SMITH（數字體驗機構）的電子商務戰略副總裁Debbie Carkner說，“推薦一些大家普遍使用的移動測試工具包括Solidifyapp，UXRecorder，POP和delight.io。

網頁標題：打造移動網站友好用戶體驗的12個技巧
轉載來源：http://www.js-pz168.com/news45/188645.html

成都網站建設公司_創新互聯，為您提供做網站、電子商務、python、Google、外貿建站、微信小程序

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

久久99久久人婷婷精品综合_超碰aⅴ人人做人人爽欧美_亚洲电影第三页_日韩欧美一中文字暮专区_波多野结衣的一区二区三区_婷婷在线播放_人人视频精品_国产精品日韩精品欧美精品_亚洲免费黄色_欧美性猛交xxxxxxxx

打造移動網站友好用戶體驗的12個技巧