響應(yīng)式原型的7個常見錯誤

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

分享名稱：響應(yīng)式原型的7個常見錯誤
本文URL：http://www.bm7419.com/news6/283356.html

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

廣告

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