如何構(gòu)建一個(gè)優(yōu)秀的移動網(wǎng)站？谷歌專家教你25招(四)[轉(zhuǎn)]

▌16、在需要選擇日期的時(shí)候，提供一個(gè)可視化日歷

當(dāng)用戶在移動網(wǎng)站上預(yù)定航班時(shí)，很難確定“下周的某一天”是幾月幾號，所以你需要提供一個(gè)可視化日歷供用戶勾選日期。這樣用戶就不需要離開你的網(wǎng)站，然后在打開手機(jī)上的日歷App應(yīng)用了。在選擇開始和結(jié)束日期時(shí)，可以提供一個(gè)清晰的標(biāo)簽，以免用戶把日期搞混淆。

關(guān)鍵要素：當(dāng)需要選擇輸入日期時(shí)，你需要提供一個(gè)可視化日歷，而且要有一個(gè)清晰的日期結(jié)構(gòu)，這樣可以保證用戶不會中斷使用體驗(yàn)。

▌17、通過標(biāo)簽和實(shí)時(shí)確認(rèn)，第一時(shí)間解決輸入錯(cuò)誤

在你的表格框內(nèi)，要有提示標(biāo)簽功能，而且在用戶實(shí)際輸入時(shí)，可以看見必要且準(zhǔn)確的提示信息。這里就有一個(gè)例子，用戶曾經(jīng)在一個(gè)電子郵件地址欄里面輸入了自己的家庭住址，因?yàn)楫?dāng)時(shí)這一欄內(nèi)的提示信息并不明確，只有一個(gè)“地址”標(biāo)簽。把提示信息放在輸入框內(nèi)也會存在問題，因?yàn)楫?dāng)用戶點(diǎn)擊準(zhǔn)備輸入時(shí)，提示信息就會消失掉，因此需要利用標(biāo)簽做提示。另外，如果用戶在輸入過程中，需要做到實(shí)時(shí)確認(rèn)，否則一旦出錯(cuò)，就會反復(fù)提交，引起用戶反感。

關(guān)鍵要素：使用清晰可見的標(biāo)簽，讓用戶知道自己的需要，實(shí)時(shí)驗(yàn)證輸入錯(cuò)誤，在最后正式提交信息之前幫助用戶糾正。

▌18、設(shè)計(jì)高效的表格

你要確保自己設(shè)計(jì)的表格不會出現(xiàn)重復(fù)操作，只提供必輸信息即可，另外你還需要利用自動填寫功能。當(dāng)用戶在填寫表格的時(shí)候，最好在屏幕頂部顯示一個(gè)進(jìn)度條，這樣人們就可以知道自己的進(jìn)展。如果表格過于復(fù)雜則會讓人反感，相對而言，一個(gè)簡單直接的表格會讓人覺得很舒服。如果能搭配上自動填寫功能，比如預(yù)輸入用戶的姓名和郵政編碼，效果則會更好。

關(guān)鍵要素：盡量減少表格中的數(shù)字輸入，盡可能提供自動填寫功能，使用一個(gè)清晰的進(jìn)度條。

▌19、針對移動終端，整體優(yōu)化你的網(wǎng)站

如果你有一個(gè)專門針對移動終端的網(wǎng)站，那么當(dāng)用戶使用移動設(shè)備訪問時(shí)，肯定比純桌面網(wǎng)站要簡單的多，這點(diǎn)毋庸置疑。但是最難受的，就是把移動和桌面兩個(gè)網(wǎng)站版本都混合在一起，用戶訪問起來比全桌面網(wǎng)站還要困難。

關(guān)鍵要素：如果你網(wǎng)站頁面都是針對移動終端進(jìn)行設(shè)計(jì)，那么使用起來會很便捷。

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

如果用戶需要用手捏放屏幕，去放大或縮小圖片時(shí)，有時(shí)會看不到一些重要信息或相關(guān)的“行為召喚”內(nèi)容，這會讓用戶感到很失望。在設(shè)計(jì)網(wǎng)站的時(shí)候，你就應(yīng)該注意到這一點(diǎn)，不要讓用戶去改變網(wǎng)站尺寸。有些網(wǎng)站會把捏放屏幕功能取消掉，如果你的網(wǎng)站設(shè)計(jì)的非常合理，用戶根本不會注意到?jīng)]有這個(gè)功能。

關(guān)鍵要素：如果用戶放大某個(gè)網(wǎng)站圖片時(shí)，有時(shí)可能會看不到一些“行為召喚”內(nèi)容。在設(shè)計(jì)網(wǎng)站的時(shí)候，就要注意這一點(diǎn)。

[未完待續(xù)]