設計一個移動裝置友好網站的 10 個提示

　　目前所談論的友好移動網站和響應互動設計，這些都是完全可能讓你的公司或者客戶考慮遷移他們的網站到移動裝置上。

　　構建一個友好的移動網站，意味著是在多個移動平臺上為不同的螢幕重新設計的過程。儘管平板電腦也許可以處理你的網站，但是智慧手機卻在螢幕大小上受到了限制，你的任務就是提供給他們一個完全不同的使用者體驗，這無疑是積極的。

　　你如何實現可能涉及許多不同的步驟和方法。然而，在我的經驗中，一些基本的準則可以應用到大部分的專案中包括移動網站的設計。這裡有10個技巧，可以幫助你。

　1.保持簡單

　　請牢記簡單對於友好的移動網站是絕對重要的。即使是對於一個桌面網站，過多的內容往往是不好的。當一個移動網站過於複雜，這就意味著一點都不友好。保持簡單比實現一個複雜的移動網站簡單的多。

　2.簡潔

　　設計 一個移動應用程式 或 移動網站 的目的是什麼 ？讓使用者在這裡儘可能的快，用最少的資訊，標識和注意力就能找到他們想要的。如果一個螢幕可以跳過，那就跳過它——在移動網站上不需要過多的內容。

　3.開放瀏覽.

　　但在使用者開始瀏覽你的網站之前，他們必須能夠進入網站。要確保一旦伺服器檢測到移動裝置，就會自動引導他們進入移動端頁面。

　4. 考慮使用者需求.

　　為你的網站設計功能需求和內容的時候，不要著急，反覆思考，想想什麼才是你的使用者需要和一直在尋找的。他們可能需要一種和你直接進行交流的功能（一個電話號碼，一個點選呼叫或者一項線上預訂的功能等等）。他們也可能需要一個列出了主要服務專案的列表，如果有必要的話，你可以給使用者提供地理位置服務。你在你特定的業務中定義什麼對於第一次吸引移動使用者的注意是必要的。請記住，當人們戶外使用移動裝置的時候進行的操作跟他們在家裡使用臺式電腦或者在辦公室裡使用辦公電腦的時候可能不完全一樣。與此同時，長時間的bios或者其它次要內容的載入應該排除在移動裝置之外。

　5.保持簡短

　　不要讓使用者有太多的文字輸入。在平板電腦中這是一個很大的問題，更不用說智慧手機，在智慧手機上打字發訊息或是評論都是非常痛苦的。即使你出於某種原因想填一個表格，像註冊，確保它能夠很簡短——一個登入名/郵箱和一個密碼，或者其他的什麼。每增加一個欄位都會減少使用者的滿意度。

　6.品牌

　　當然，你 要為你的 網站設計圖示 來展示您的 品牌 ，顏色和 風格， 使其 具有辨識度 。請務必要小心的結合它們到你的設計中，不要讓它們對你的網站產生負面效果。

　7.不要過於擁擠

　　不要計劃在一個螢幕頁面上放太多的資訊。這會給頁面的互動和導航欄帶來麻煩。任何使用者必須能夠非常容易的進入到他們想去的站點，而不需要花太多的精力。

　8.明確

　　保持你的移動網站頁面儘可能的明確。如果它需要訪問的所有資訊出現了一些問題，就需要有一個連結能夠連結到您的完整版本網站上。

　9.面向手機螢幕設計

　　您的設計師會向您詢問您理想的網站的樣子。為了不讓使用者點錯按鈕，按鈕之間需要保持適當的距離，即使他們是好基友。避免載入過多的各種圖片，去掉各種煩人的彈出視窗。所有的面向手機螢幕的設計的建議都會讓您的網站更加吸引人，因為便利意味著可以吸引並留住使用者。

　10.相容性測試

　　設定一個您的網站可以正常執行的裝置範圍，當然這些手機最好是不同的裝置，不同作業系統版本，不同的螢幕。開發公司一般都會有很多用來測試的裝置，所以你只要選擇合適的就行了。

　　如果你採用了所有的建議，或者大多數的這些建議(原文的逗號有問題)，在設計自己的網站的移動版的時候你將會更加輕鬆。

　　英文原文：http://www.sitepoint.com/10-tips-designing-mobile-friendly-website/