- 相關(guān)推薦
手機(jī)網(wǎng)頁(yè)設(shè)計(jì)技巧
導(dǎo)語(yǔ)：如果你希望你的網(wǎng)頁(yè)更好地適配移動(dòng)設(shè)備，那么你必須解決網(wǎng)頁(yè)在所有移動(dòng)設(shè)備上的兼容性問(wèn)題。下面是一些改進(jìn)方法，歡迎參考！
1. 把搜索欄放在醒目的位置
如果搜索是你網(wǎng)頁(yè)里的一個(gè)主要的功能，那么就把它放在網(wǎng)頁(yè)的主要位置，因?yàn)檫@是讓有明確目的的用戶找到他們想要東西的最快途徑。用戶在查找特定消息時(shí)，通常會(huì)選擇搜索。
所以，搜索欄應(yīng)該是放在手機(jī)用戶一下子就能看到的地方。你可以把你的網(wǎng)頁(yè)搜索欄放置在接近主頁(yè)頂部的位置，并附上搜索說(shuō)明文字。
2. 設(shè)計(jì)好你的網(wǎng)頁(yè)，不要讓用戶通過(guò)捏拉來(lái)縮放網(wǎng)頁(yè)
通過(guò)捏拉網(wǎng)頁(yè)來(lái)查看文本或照片時(shí)，常常會(huì)使用戶感到心累。如果用戶不得不通過(guò)捏拉來(lái)查看網(wǎng)頁(yè)，很可能會(huì)錯(cuò)過(guò)一些重要的細(xì)節(jié)信息。因此，你設(shè)計(jì)的網(wǎng)頁(yè)應(yīng)該是不需要調(diào)整大小才能使用的。
Asos 使用了合適的照片尺寸，但字體卻不夠大。在小而亮的屏幕中看這些小字體實(shí)在是會(huì)令用戶頭疼：
3. 只使用高質(zhì)量的網(wǎng)頁(yè)素材
由于沒(méi)有實(shí)體商品，所以你的照片、視頻跟其他內(nèi)容就是你呈現(xiàn)給用戶的商品。因此，它們必須是高質(zhì)量的，這樣才能在用戶瀏覽網(wǎng)頁(yè)時(shí)，吸引他們的眼球，使其點(diǎn)擊網(wǎng)頁(yè)查看更多信息。
4. 設(shè)計(jì)手指友好操作的圖標(biāo)
如果你在設(shè)計(jì)一個(gè)手指操作友好的界面，那么你網(wǎng)頁(yè)按鈕的大小是要按恰當(dāng)?shù)某叽缭O(shè)計(jì)的。
據(jù) MIT 觸擊實(shí)驗(yàn)室研究結(jié)果顯示，人們手指指頭的平均大小在 10~14mm 之間，指尖的大小在 8~10mm 之間，所以 10mm X 10mm 大小的圖標(biāo)是最佳的最小尺寸圖標(biāo)。
還有重要的一點(diǎn)是，你要考慮可點(diǎn)擊元素間的相對(duì)距離。如果按鈕間靠得太近，手機(jī)用戶可能會(huì)不時(shí)按錯(cuò)按鈕。
為了處理這些錯(cuò)誤并防止用戶誤操作，你必須確保按鈕有恰當(dāng)?shù)某叽绾涂臻g位置，這樣才更好地適合手機(jī)用戶操作。下圖是手機(jī)網(wǎng)頁(yè)中，按鈕間最佳的最小距離。
5. 讓用戶探索完你的產(chǎn)品后，再讓他們登入賬戶
如果在用戶沒(méi)有看到你的網(wǎng)頁(yè)內(nèi)容前，就要求他們登錄或注冊(cè)的話，會(huì)有非常高的交互成本，并且也違反了互惠原則。過(guò)早地要求用戶注冊(cè)，可以導(dǎo)致超過(guò) 85% 的用戶流失。
Netflix 提供了一個(gè)月的免費(fèi)使用，但用戶只有登錄賬戶才能瀏覽網(wǎng)頁(yè)內(nèi)容。
用戶在登入個(gè)人信息前，通常會(huì)先瀏覽網(wǎng)站的內(nèi)容，看看這個(gè)網(wǎng)站是干什么的(用戶對(duì)于陌生的網(wǎng)站更會(huì)如此)。為了給用戶提供一個(gè)無(wú)障礙瀏覽的體驗(yàn)，移動(dòng)網(wǎng)頁(yè)應(yīng)該這樣設(shè)計(jì):
不登錄狀態(tài)下，可瀏覽網(wǎng)頁(yè)信息
不登錄狀態(tài)下，可購(gòu)買商品。
【手機(jī)網(wǎng)頁(yè)設(shè)計(jì)技巧】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)的技巧02-17
網(wǎng)頁(yè)設(shè)計(jì)技巧06-02
網(wǎng)頁(yè)設(shè)計(jì)的設(shè)計(jì)技巧03-06
網(wǎng)頁(yè)設(shè)計(jì)技巧「經(jīng)典」02-07
網(wǎng)頁(yè)設(shè)計(jì)技巧精選04-24
網(wǎng)頁(yè)設(shè)計(jì)案例分享:網(wǎng)頁(yè)專題設(shè)計(jì)技巧04-04
CSS網(wǎng)頁(yè)設(shè)計(jì)技巧08-14