哪樣東西是你永遠都不想遺留在家里的，隨時攜帶在身邊并觸手可及，即便是睡覺的時候？
或許對大部分人來說答案是手機。我們對移動設備（和可穿戴設備）不斷增長的依賴是很明顯的。所以對開發(fā)者來說，擁有一個強大的移動互聯(lián)網(wǎng)戰(zhàn)略應該是你未來網(wǎng)頁設計和網(wǎng)站的一個組成部分。
當我們聽到“移動Web”這個概念時，我們想到的第一件事是響應設計以及過多的工具與框架使其成為可能。有一些簡單的復制桌面網(wǎng)站的做法，其不能作為一個移動互聯(lián)網(wǎng)戰(zhàn)略。這只能說是權宜之下的“創(chuàng)可貼”，以最少的努力換取最好的情勢。不過它忽略了移動的關鍵點——提供一個“精致的”用戶體驗。而現(xiàn)在是時候?qū)⒁苿踊ヂ?lián)網(wǎng)的焦點從響應Web工具轉(zhuǎn)移到用戶了。
桌面和移動之間的關鍵不同
第一步需要了解的是，跟桌面相比，移動設備提供了一種不同的用戶體驗。它們有不同的用途。一些移動體驗不同于桌面體驗的有：
- 它是一個“個人”設備：鮮有人會去共享一個電話。小屏幕手機保證了任何在你身后的人無法看清屏幕。
- 它意味著容易、即時訪問：也就是說人們希望移動Web頁面加載是即時的，或者至少要比在臺式機上快得多。
- 它總是被連接的：無論是通過蜂窩數(shù)據(jù)還是Wi-Fi。這意味著除非手機用戶擁有無限的流量，否則都會謹慎于下載東西的大小。
- 交互的主要方式是觸控：沒有鼠標點擊，也許以后交互的主要方式會變?yōu)槁暱亍?/li>
- 屏幕是有限的：這導致不同的查看和使用模式。
不要僅照“桌面網(wǎng)站”的葫蘆畫“移動Web”的瓢
正如你從上圖所看到的那樣，移動設備的使用模型是不同于桌面的。常用的將桌面網(wǎng)站縮放到移動設備上的方法是導致移動訪問失敗的本質(zhì)。
響應網(wǎng)頁設計為所有的設備供應相同的HTML，使用CSS來改變內(nèi)容顯示的方式。然而這并不適用于移動設備。例如，HTML標記Web頁面釋放的順序。在桌面上，你希望菜單在頂部，便于用戶導航。在移動設備上，你希望能夠看到和訪問的實際內(nèi)容可以直接導航到其他頁面。所以你不想先加載菜單，菜單最好是收縮的，或在屏幕的底部。
而媒體這一塊，即使你使用CSS或JavaScript來調(diào)整圖像大小，但最終先加載的是大圖，然后才把它縮放下來。這也加大了用戶的數(shù)據(jù)消費和整體頁面的加載時間。
聚焦用戶體驗
用你縮放桌面或使其響應的工具來開始你的移動互聯(lián)網(wǎng)戰(zhàn)略？不！或許你應該考慮先從關注你的用戶開始。
考慮到斷點，它們形成了RWD的基礎以及基于常見設備的屬性確定布局、內(nèi)容加載。但是定義斷點是正確的路嗎？同樣，隨著該方法而來的問題是它側(cè)重的是移動設備而不是使用設備的人。相反，為什么不選擇基于你想讓用戶怎么體驗網(wǎng)站的邏輯斷點呢？
繪出你希望你的用戶與你的網(wǎng)站交互的藍圖，即你想讓他們在每個階段體驗到什么，以及整體感受。也許這些都是好的設計元素，但是，它們常常在我們設計的過程中迷失了。
Web應用VS響應站點/單獨的移動站點
當你決定想要實現(xiàn)什么樣的移動Web體驗時，接下來就需要找出工具。你需要探索一些選項：你應該追求本地Web應用嗎？你應該做一個響應站點嗎？或者你需要創(chuàng)建一個單獨的移動站點嗎？它們都有各自的優(yōu)點和缺點，你需要決定基于哪個才是最適合你的用戶的。
一個響應站點更容易管理——對所有設備的單一URL和單一設計，對用戶來說更容易記住和訪問，對你來說更容易維護。桌面和移動都利用一組通用的搜索引擎優(yōu)化和營銷工具。制作一個網(wǎng)站絕對要比制作兩個或兩個以上的網(wǎng)站（以適應不同的移動設備）便宜得多。但是，移動體驗可能不是最優(yōu)轉(zhuǎn)換，它可能需要更長時間來加載，也有可能在某些移動瀏覽器上不正常顯示。
你可以通過創(chuàng)建一個單獨的移動網(wǎng)站來避免上面的問題，不過這也意味著你必須創(chuàng)建和維護兩個獨立的網(wǎng)站與URL，也許還有包括獨立搜索引擎優(yōu)化和營銷的努力。
本地應用也是非常受歡迎的。應用幾乎可用于所有事物。應用是即時可用的，并比網(wǎng)站更容易訪問。但它們需要額外的開發(fā)和維護成本，并且在移動設備上不是普遍存在的——你需要為iOS、Android以及其他你想要運行的系統(tǒng)開啟端口。
最終的決定應該基于哪一介質(zhì)能更好的服務于客戶業(yè)務。在這里推薦一篇文章，或許可以更好的幫助你如何選擇這三者，點此進入。
內(nèi)容結(jié)構(gòu)的正確
在移動設備上顯示一個桌面內(nèi)容的子集是行不通的。用戶對設備的選擇是不固定的，他們可能經(jīng)常選擇一個方便的移動設備去做一些事情，而不是筆記本。他們可以在一次會議上使用平板電腦來記錄重要的內(nèi)容等等，所以當決定內(nèi)容的時候，你的注意力應該放在確保提供正確的用戶體驗上，而不是簡單的為了移動用戶而減少內(nèi)容，這是窮人的內(nèi)容策略。
一個響應Web設計不會解決你的內(nèi)容問題，當然一個單獨的移動網(wǎng)站也不會。
設計已經(jīng)走了很長一段路，從激光打印機開始，我們把一切都整齊的從左到右排列到頁面上。從那時起“F型”已經(jīng)成為主要的設計布局，緊隨其后的是Z布局。試想一下將這些用于移動網(wǎng)站，在狹窄的手機屏幕上持有F模式或Z布局？手機屏幕需要垂直布局，而不是我們之前所用的水平設計。所有的這些都足夠有理由讓你評估你希望你手機網(wǎng)站實現(xiàn)的最終目標。專注于終端用戶和轉(zhuǎn)換響應的結(jié)構(gòu)內(nèi)容。
老實說，開發(fā)移動Web策略沒有什么正確的答案，它涉及到評估用戶業(yè)務以及他們想要何種交互方式，然后開發(fā)一個集中于終端用戶體驗的移動戰(zhàn)略。或許這是一個很好的開始，不是嗎？
