如何構建一個優秀的移動網站？谷歌專家教你25招(四)[轉]

▌1六、在須要選擇日期的時候，提供一個可視化日曆

當用戶在移動網站上預約航班時，很難肯定「下週的某一天」是幾月幾號，因此你須要提供一個可視化日曆供用戶勾選日期。這樣用戶就不須要離開你的網站，而後在打開手機上的日曆App應用了。在選擇開始和結束日期時，能夠提供一個清晰的標籤，以避免用戶把日期搞混淆。 

關鍵要素：當須要選擇輸入日期時，你須要提供一個可視化日曆，並且要有一個清晰的日期結構，這樣能夠保證用戶不會中斷使用體驗。

▌1七、經過標籤和實時確認，第一時間解決輸入錯誤

在你的表格框內，要有提示標籤功能，並且在用戶實際輸入時，能夠看見必要且準確的提示信息。這裏就有一個例子，用戶曾經在一個電子郵件地址欄裏面輸入了本身的家庭住址，由於當時這一欄內的提示信息並不明確，只有一個「地址」標籤。把提示信息放在輸入框內也會存在問題，由於當用戶點擊準備輸入時，提示信息就會消失掉，所以須要利用標籤作提示。另外，若是用戶在輸入過程當中，須要作到實時確認，不然一旦出錯，就會反覆提交，引發用戶反感。

關鍵要素：使用清晰可見的標籤，讓用戶知道本身的須要，實時驗證輸入錯誤，在最後正式提交信息以前幫助用戶糾正。

▌1八、設計高效的表格

你要確保本身設計的表格不會出現重複操做，只提供必輸信息便可，另外你還須要利用自動填寫功能。當用戶在填寫表格的時候，最好在屏幕頂部顯示一個進度條，這樣人們就能夠知道本身的進展。若是表格過於複雜則會讓人反感，相對而言，一個簡單直接的表格會讓人以爲很舒服。若是能搭配上自動填寫功能，好比預輸入用戶的姓名和郵政編碼，效果則會更好。 

關鍵要素：儘可能減小表格中的數字輸入，儘量提供自動填寫功能，使用一個清晰的進度條。

 ▌1九、針對移動終端，總體優化你的網站

若是你有一個專門針對移動終端的網站，那麼當用戶使用移動設備訪問時，確定比純桌面網站要簡單的多，這點毋庸置疑。可是最難受的，就是把移動和桌面兩個網站版本都混合在一塊兒，用戶訪問起來比全桌面網站還要困難。

關鍵要素：若是你網站頁面都是針對移動終端進行設計，那麼使用起來會很便捷。

▌20、不要讓用戶用手捏放屏幕，去放大或縮小圖片

若是用戶須要用手捏放屏幕，去放大或縮小圖片時，有時會看不到一些重要信息或相關的「行爲召喚」內容，這會讓用戶感到很失望。在設計網站的時候，你就應該注意到這一點，不要讓用戶去改變網站尺寸。有些網站會把捏放屏幕功能取消掉，若是你的網站設計的很是合理，用戶根本不會注意到沒有這個功能。 

關鍵要素：若是用戶放大某個網站圖片時，有時可能會看不到一些「行爲召喚」內容。在設計網站的時候，就要注意這一點。

 

[未完待續]