2022-6-14 博博
移動(dòng)端網(wǎng)頁(yè)在今天雖然已經(jīng)變得越來(lái)越重要,但我們?cè)谌粘J褂弥幸廊粫?huì)遇到一些糟糕的頁(yè)面。近日,開發(fā)者Umer Mansoor就總結(jié)了開發(fā)移動(dòng)網(wǎng)頁(yè)時(shí)應(yīng)該避免的“七宗罪”。
在移動(dòng)端方寸地,有細(xì)節(jié)才能抓住用戶,可以參閱這《60個(gè)以小見大的設(shè)計(jì)細(xì)節(jié)!》,保證會(huì)學(xué)到很多。還有,記得不要犯《ANDROID應(yīng)用中十大常見UX錯(cuò)誤》
眾所周知網(wǎng)頁(yè)加載速度是網(wǎng)站性能的一項(xiàng)重要衡量指標(biāo),畢竟很多時(shí)候用戶并不總是在WiFi狀態(tài)下瀏覽網(wǎng)頁(yè),所以加載緩慢無(wú)疑是移動(dòng)頁(yè)面七宗罪之首。移動(dòng)網(wǎng)頁(yè)在設(shè)計(jì)時(shí)應(yīng)該避免集成過多高分辨率的圖片以及累贅的腳本文件。
當(dāng)網(wǎng)頁(yè)映入眼前,凌亂的文字排版當(dāng)然也是訪客難以忍受的。就像人們?cè)诂F(xiàn)實(shí)生活中傾向于和思路清晰的人交流一樣,當(dāng)用戶和網(wǎng)頁(yè)“交流”時(shí)也希望能快速找到自己需要的信息。所以雜亂的排版同樣是移動(dòng)網(wǎng)頁(yè)應(yīng)該避免的設(shè)計(jì)誤區(qū)之一。比如Eurosmartz的移動(dòng)版完全不像是為移動(dòng)設(shè)備設(shè)計(jì)的網(wǎng)頁(yè)。
隨著移動(dòng)設(shè)備性能的提升,很多移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)者傾向于在移動(dòng)端堆疊更多的內(nèi)容,這時(shí)導(dǎo)航功能就變得必不可少了??芍T多移動(dòng)頁(yè)面在設(shè)計(jì)導(dǎo)航功能時(shí)又沒有足夠重視其可操控性,比如按鈕太過緊密、鏈接間距過小、菜單過于隱蔽等等。各種社交網(wǎng)站的點(diǎn)贊功能尤其容易在滑動(dòng)網(wǎng)頁(yè)時(shí)誤點(diǎn)擊。蹩腳的導(dǎo)航無(wú)疑嚴(yán)重影響了用戶和網(wǎng)頁(yè)“互動(dòng)”的過程,以至于有些用戶要“抱怨”自己手指太肥。
某些時(shí)候我們可能會(huì)遇到一些桌面端和移動(dòng)端頁(yè)面風(fēng)格差異巨大的站點(diǎn),比如Toybox。一些對(duì)此站點(diǎn)不熟悉的用戶在從Toybox的桌面端跳轉(zhuǎn)到移動(dòng)端時(shí),也許很難意識(shí)到這是同一個(gè)網(wǎng)站的兩個(gè)不同版本。雖然Toybox桌面端的動(dòng)態(tài)效果挺好,但這種會(huì)給用戶造成極大困惑的設(shè)計(jì)明顯難以得到用戶的喜愛。
網(wǎng)頁(yè)彈窗在桌面端已經(jīng)令用戶厭煩不已,可不幸的是一些移動(dòng)端的網(wǎng)頁(yè)設(shè)計(jì)者還是把其帶到了移動(dòng)頁(yè)面上。毫無(wú)疑問由于移動(dòng)設(shè)備屏幕尺寸的限制在移動(dòng)端彈窗明顯會(huì)有更好的傳播效果,但無(wú)疑也會(huì)遭受到用戶更多的厭惡。
當(dāng)用戶使用iPad訪問某一個(gè)網(wǎng)站時(shí)將其自動(dòng)重定向到適配iPad的版本,這聽上去的確是一個(gè)好想法,可在實(shí)際操作中一樣會(huì)遇到問題。比如當(dāng)一個(gè)網(wǎng)站的移動(dòng)版由于以上的種種問題讓用戶感到難以接受而想切換回桌面版時(shí),自動(dòng)重定向基本上讓用戶陷入了死循環(huán)。此外由于重定向而導(dǎo)致瀏覽器無(wú)法打開網(wǎng)頁(yè)的現(xiàn)象也時(shí)常出現(xiàn)。所以在使用自動(dòng)重定向功能時(shí)應(yīng)該三思而行。
作為用戶當(dāng)然可以理解網(wǎng)頁(yè)開發(fā)者在頁(yè)面上設(shè)置一些廣告,可橫幅形式的廣告無(wú)疑應(yīng)該被歸為“七宗罪”之一。從互聯(lián)網(wǎng)的發(fā)展歷程來(lái)看,橫幅廣告的思維好像還停留在1999年,可現(xiàn)在已經(jīng)是2013年末尾了。
總結(jié)看來(lái),Umer Mansoor列舉了頁(yè)面加載緩慢、排版凌亂、導(dǎo)航功能不易使用、桌面端和移動(dòng)端頁(yè)面風(fēng)格差異巨大、彈窗、自動(dòng)重定向、橫幅廣告共七種讓移動(dòng)頁(yè)面體驗(yàn)糟糕的“罪惡”。如果自己設(shè)計(jì)的頁(yè)面中包含這其中的某些項(xiàng),也許是時(shí)候考慮做一些改進(jìn)了。
轉(zhuǎn)載請(qǐng)注明:優(yōu)設(shè)網(wǎng)
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
網(wǎng)站設(shè)計(jì)之一:怒馬!超實(shí)用的單頁(yè)網(wǎng)站設(shè)計(jì)指南(附大量資源)
網(wǎng)站設(shè)計(jì)之二:旅游網(wǎng)站設(shè)計(jì)分析!教你10個(gè)小技巧
網(wǎng)站設(shè)計(jì)之三:實(shí)例教學(xué)!如何將極簡(jiǎn)風(fēng)格的原則運(yùn)用到網(wǎng)站設(shè)計(jì)中?
網(wǎng)站設(shè)計(jì)之四:另辟蹊徑談創(chuàng)新!提升網(wǎng)站設(shè)計(jì)形式的幾種方法
網(wǎng)站設(shè)計(jì)之五:經(jīng)驗(yàn)分享:移動(dòng)網(wǎng)站設(shè)計(jì)應(yīng)該避免的“七宗罪”
網(wǎng)站設(shè)計(jì)之六:4000 字快速回顧20多年的網(wǎng)頁(yè)設(shè)計(jì)發(fā)展史!
網(wǎng)站設(shè)計(jì)之七:騰訊出品!2021-2022設(shè)計(jì)趨勢(shì)報(bào)告:動(dòng)態(tài)篇
網(wǎng)站設(shè)計(jì)之八:為什么千萬(wàn)別隨便學(xué)國(guó)外的極簡(jiǎn)設(shè)計(jì)?
網(wǎng)站設(shè)計(jì)之九:高手出品!2020~2021年UI界面設(shè)計(jì)趨勢(shì)
網(wǎng)站設(shè)計(jì)之十:如何做好網(wǎng)頁(yè)頭部?jī)?nèi)容設(shè)計(jì)?來(lái)看 58 設(shè)計(jì)師的總結(jié)!
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.miumiuwan.com