01.不針對(duì)屏幕而針對(duì)設(shè)備設(shè)計(jì)
根據(jù)OpenSignal提供的數(shù)據(jù)，現(xiàn)在市場(chǎng)上有24，093個(gè)不同的安卓設(shè)備，從去年的18，796個(gè)起——這還沒(méi)有算上iOS和其它操作系統(tǒng)的設(shè)備。
02.只依賴設(shè)備尺寸進(jìn)行臨界點(diǎn)設(shè)定
新的設(shè)備總是會(huì)不斷推出，即使你能數(shù)得出每個(gè)可用設(shè)備的臨界點(diǎn)，你的響應(yīng)式網(wǎng)站將在下一個(gè)更大設(shè)備出現(xiàn)的時(shí)候變得過(guò)小。
03.忽視觸屏控制
觸屏控制是眾多移動(dòng)設(shè)備的巨大優(yōu)勢(shì)之一：它們有趣，它們易用，同時(shí)它們還幫你節(jié)省時(shí)間。不要在某些設(shè)備上疏忽了它們，因?yàn)槠渌O(shè)備不能使用。這里有一些包含觸屏控制的建議：
了解每個(gè)設(shè)備的最佳實(shí)踐。在小屏設(shè)備上，左下角是大拇指最容易接觸的地方，所以將你點(diǎn)擊最頻繁的按鈕放在這里。然而對(duì)平板來(lái)說(shuō)，因?yàn)樗鼈儽荒玫姆绞讲煌?，頂部的邊角是黃金接觸點(diǎn)。
點(diǎn)擊目標(biāo)（如CTA按鈕。譯者注：CTA即call to action。）必須有足夠的尺寸。一個(gè)最小44點(diǎn)的點(diǎn)擊區(qū)域需服從fat-finger-friendly（譯者注：即較粗的手指也能點(diǎn)得到）原則。
元素之間的建議間距為至少23pt，以免點(diǎn)錯(cuò)。
為無(wú)hover狀態(tài)適配。你可以代替點(diǎn)擊激活功能，或從一開(kāi)始揭示hover元素的原生狀態(tài)。
不要重復(fù)造輪子。常用的手勢(shì)比如滑動(dòng)用于導(dǎo)航和其他功能，因?yàn)樗鼈円呀?jīng)被用戶熟知。
04.鏈接到手機(jī)上顯示效果不佳的內(nèi)容
你不能設(shè)計(jì)讓訪問(wèn)者從鏈接跳轉(zhuǎn)到其他頁(yè)面或內(nèi)容，不管是在你的網(wǎng)站或其它地方。響應(yīng)式體驗(yàn)的一大問(wèn)題就是當(dāng)與你的響應(yīng)式網(wǎng)站鏈接到非響應(yīng)式設(shè)計(jì)的網(wǎng)頁(yè)。
如果你的響應(yīng)式網(wǎng)站鏈接到外站，你無(wú)法對(duì)此做些什么，除非考慮用一個(gè)可替換的網(wǎng)站。然而，當(dāng)鏈接到你可以控制的網(wǎng)站或資源，包括小網(wǎng)站或合作方的網(wǎng)站，你絕對(duì)想要確保它們提供了一系列良好的響應(yīng)式體驗(yàn)。
05.對(duì)更大的屏幕缺乏計(jì)劃
我建議先為移動(dòng)端設(shè)計(jì)，當(dāng)并不意味著僅僅設(shè)計(jì)移動(dòng)端。即使更小的屏幕可能更受歡迎，42%的流量仍然來(lái)自桌面端的訪問(wèn)者。這兩種屏幕尺寸均需要被考慮到。
06.在不同的屏幕大小使用一樣的導(dǎo)航
同一設(shè)備中用一致的導(dǎo)航絕對(duì)是件好事。但別太執(zhí)迷于一種布局并將其反復(fù)地在其它設(shè)備上實(shí)踐。這與響應(yīng)式設(shè)計(jì)的本質(zhì)是相違背的。
07.隱藏內(nèi)容
一個(gè)常見(jiàn)的錯(cuò)誤觀念曾經(jīng)認(rèn)為移動(dòng)端用戶是匆忙的，并且只想要“整個(gè)網(wǎng)站”的縮小版本。諸如聯(lián)系信息和指南這類(lèi)內(nèi)容被優(yōu)先考慮，其它內(nèi)容則被隱藏了。
現(xiàn)在我們知道大多數(shù)移動(dòng)端用戶一點(diǎn)也不匆忙，有68%的使用場(chǎng)景還是在家中。大多數(shù)用戶想要在移動(dòng)設(shè)備上訪問(wèn)整個(gè)網(wǎng)站，他們想要無(wú)內(nèi)容刪減但重新排版的版本。

分享名稱：響應(yīng)式原型的7個(gè)常見(jiàn)錯(cuò)誤
本文URL：http://jinyejixie.com/news6/283356.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、App開(kāi)發(fā)、自適應(yīng)網(wǎng)站、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、做網(wǎng)站、小程序開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)