您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 移動前端 >> 瀏覽設計教程

移動網(wǎng)站設計“七宗罪”

移動網(wǎng)站設計應該避免的“七宗罪”

頁面加載緩慢:眾所周知網(wǎng)頁加載速度是網(wǎng)站性能的一項重要衡量指標,畢竟很多時候用戶并不總是在WiFi狀態(tài)下瀏覽網(wǎng)頁,所以加載緩慢無疑是移動頁面七宗罪之首。移動網(wǎng)頁在設計時應該避免集成過多高分辨率的圖片以及累贅的腳本文件。

cluttered

排版凌亂:當網(wǎng)頁映入眼前,凌亂的文字排版當然也是訪客難以忍受的。就像人們在現(xiàn)實生活中傾向于和思路清晰的人交流一樣,當用戶和網(wǎng)頁“交流”時也希望能快速找到自己需要的信息。所以雜亂的排版同樣是移動網(wǎng)頁應該避免的設計誤區(qū)之一。比如Eurosmartz的移動版完全不像是為移動設備設計的網(wǎng)頁。

導航功能不易使用:隨著移動設備性能的提升,很多移動網(wǎng)頁設計者傾向于在移動端堆疊更多的內容,這時導航功能就變得必不可少了??芍T多移動頁面在設計導航功能時又沒有足夠重視其可操控性,比如按鈕太過緊密、鏈接間距過小、菜單過于隱蔽等等。各種社交網(wǎng)站的點贊功能尤其容易在滑動網(wǎng)頁時誤點擊。蹩腳的導航無疑嚴重影響了用戶和網(wǎng)頁“互動”的過程,以至于有些用戶要“抱怨”自己手指太肥。

desktop-vs-mobile

桌面端和移動端頁面風格差異巨大:某些時候我們可能會遇到一些桌面端和移動端頁面風格差異巨大的站點,比如Toybox。一些對此站點不熟悉的用戶在從Toybox的桌面端跳轉到移動端時,也許很難意識到這是同一個網(wǎng)站的兩個不同版本。雖然Toybox桌面端的動態(tài)效果挺好,但這種會給用戶造成極大困惑的設計明顯難以得到用戶的喜愛。

彈窗:網(wǎng)頁彈窗在桌面端已經(jīng)令用戶厭煩不已,可不幸的是一些移動端的網(wǎng)頁設計者還是把其帶到了移動頁面上。毫無疑問由于移動設備屏幕尺寸的限制在移動端彈窗明顯會有更好的傳播效果,但無疑也會遭受到用戶更多的厭惡。

001

自動重定向:當用戶使用iPad訪問某一個網(wǎng)站時將其自動重定向到適配iPad的版本,這聽上去的確是一個好想法,可在實際操作中一樣會遇到問題。比如當一個網(wǎng)站的移動版由于以上的種種問題讓用戶感到難以接受而想切換回桌面版時,自動重定向基本上讓用戶陷入了死循環(huán)。此外由于重定向而導致瀏覽器無法打開網(wǎng)頁的現(xiàn)象也時常出現(xiàn)。所以在使用自動重定向功能時應該三思而行。

橫幅廣告:作為用戶當然可以理解網(wǎng)頁開發(fā)者在頁面上設置一些廣告,可橫幅形式的廣告無疑應該被歸為“七宗罪”之一。從互聯(lián)網(wǎng)的發(fā)展歷程來看,橫幅廣告的思維好像還停留在1999年,可現(xiàn)在已經(jīng)是2013年末尾了。

總結看來,Umer Mansoor列舉了頁面加載緩慢、排版凌亂、導航功能不易使用、桌面端和移動端頁面風格差異巨大、彈窗、自動重定向、橫幅廣告共七種讓移動頁面體驗糟糕的“罪惡”。如果自己設計的頁面中包含這其中的某些項,也許是時候考慮做一些改進了。

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/wd1834.html
iOS界面設計切圖小結
天貓商家切割頁面參考
圖趣網(wǎng)微信
建議反饋
×