1.06日(rì)音(yīn)訊,親切講演糟糕♠€→¥的(de)移動頁面。移動端網頁在今天雖然επ'₹已經變得(de)越來(lái)越重要(yào)，但(dàn)我♣€<們在日(rì)常使用(yòng)中依然會(huì)遇₽↑←到(dào)一(yī)些(xiē)糟糕的(de)頁面。近(jìn)日(rì)，≈₽ελ開(kāi)發者UmerMansoor就(jiù)總結了(le)開(kā↓≤i)發移動網頁時(shí)應該避免的(de)“七宗罪♥≤×λ”。
頁面加載緩慢(màn)：衆所周知(zhī)網頁加載速度 <是(shì)網站(zhàn)性能(néng)的(de)一≥♣≈ε(yī)項重要(yào)衡量指标，畢竟很(hěn)多(dπ$uō)時(shí)候用(yòng)戶并不(bù)總是(sh<♣σ ì)在WiFi狀态下(xià)浏覽網頁，所以加載緩慢(màn)✘β無疑是(shì)移動頁面七宗罪之首。移動網頁δσ≈在設計(jì)時(shí)應該避免集成過多(duō)高( §φ•gāo)分(fēn)辨率的(de)圖片以及累贅的(de≤♥♥)腳本文(wén)件(jiàn)。
排版淩亂：當網頁映入眼前，淩亂的(de)文(₩≥wén)字排版當然也(yě)是(shì)訪客難以忍受的(de)。就(ji$ù)像人(rén)們在現(xiàn)實生(shēn≠♥♥g)活中傾向于和(hé)思路(lù)清晰的(de)人(rén)交流一(yī)£樣，當用(yòng)戶和(hé)網頁“ε™&交流”時(shí)也(yě)希望能(né↔±ng)快(kuài)速找到(dào)自(zì™≈)己需要(yào)的(de)信息。所以雜(zá)亂的(de)排版同樣是(shìγ$ ≠)移動網頁應該避免的(de)設計(jì)誤區($×qū)之一(yī)。比如(rú)Eurosmartz的(de♣₽)移動版完全不(bù)像是(shì)為(wèi)移★¶動設備設計(jì)的(de)網頁。
導航功能(néng)不(bù)易使用(yòn≥ g)：随著(zhe)移動設備性能(néng)的(de↕✔)提升，很(hěn)多(duō)移動網頁設計(jπ¶ì)者傾向于在移動端堆疊更多(duō)的(de)♦≈內(nèi)容，這(zhè)時(shí)導航→λ功能(néng)就(jiù)變得(de)必不(bù)可(kě)少(shǎo♦™)了(le)。可(kě)諸多(duō)移動頁面在設計ε£®(jì)導航功能(néng)時(shí)≥♦'又(yòu)沒有(yǒu)足夠重視(shì)其可(kě)操控性，比如(r÷→ú)按鈕太過緊密、鏈接間(jiān)距過小(xiǎo)、≥→菜單過于隐蔽等等。各種社交網站(zhàn)的(de)點贊功能(néng)尤其容≈易在滑動網頁時(shí)誤點擊。蹩腳的(de)導航♥☆無疑嚴重影(yǐng)響了(le)用(yòn£™ g)戶和(hé)網頁“互動&rdqu★β≠o;的(de)過程，以至于有(yǒu)些(xiē)用 ↓¶(yòng)戶要(yào)“抱怨α<”自(zì)己手指太肥。
桌面端和(hé)移動端頁面風(fēng)格差異巨大(dà)：某些(™xiē)時(shí)候我們可(kě)能(néng)會(huì)遇到(dào&$↕)一(yī)些(xiē)桌面端和(hé)移動端頁面風(☆∑fēng)格差異巨大(dà)的(de)站(zhà♣→"n)點，比如(rú)Toybox。一(yīα∏ Ω)些(xiē)對(duì)此站(zhàn)點不(bù)熟悉的(de)用 ™§(yòng)戶在從(cóng)Toybox的(de)桌面端跳(tiào✘←)轉到(dào)移動端時(shí)，也(yě®Ω'£)許很(hěn)難意識到(dào)這(zhè)是(shì)同一(yī)₽λ☆∑個(gè)網站(zhàn)的(de)兩個(gè)不<∞(bù)同版本。雖然Toybox桌面端的(de↑♥π®)動态效果挺好(hǎo)，但(dàn)這(zhè)種會(huì)給用(yòng₽£)戶造成極大(dà)困惑的(de)設計(jì)明(mí✔¶★ng)顯難以得(de)到(dào)用(yòn$±g)戶的(de)喜愛(ài)。
彈窗(chuāng)：網頁彈窗(chuāng)在桌面端∞α已經令用(yòng)戶厭(yàn)煩不(bù)已，可λ(kě)不(bù)幸的(de)是(shì)一(yī)些(x•∏♣iē)移動端的(de)網頁設計(jì)者還☆π<(hái)是(shì)把其帶到(dào)了(le)移動頁面上(shàn±αg)。毫無疑問(wèn)由于移動設備屏幕尺寸的(de)限制(zhì)在移動端彈&✘窗(chuāng)明(míng)顯會(huì)有(yǒu)更好(hǎo)♥↔的(de)傳播效果，但(dàn)無疑也(yě)會(huì)遭©§受到(dào)用(yòng)戶更多(duō)的(de)厭(yàn)惡。
自(zì)動重定向：當用(yòng)戶使用(yòng)iPaφ¶λ®d訪問(wèn)某一(yī)個(gè)網站(zhàn)時(shí)将其自( zì)動重定向到(dào)适配iPad的(de)≠₹≤₩版本，這(zhè)聽(tīng)上(shàng)去(qù)的(de)↓φβ确是(shì)一(yī)個(gè)好(hǎo)想法，可(kě)在實際操作(zu<★÷>ò)中一(yī)樣會(huì)遇到(dào)問(wèn)題。↔∞Ω♠比如(rú)當一(yī)個(gè)網站(zhàn)的(de)移動版φ 由于以上(shàng)的(de)種種問(wèn)題讓用(yòng€φ)戶感到(dào)難以接受而想切換回桌面版時(shí)，自(zì)動重定向基本β"上(shàng)讓用(yòng)戶陷入了(✔×le)死循環。此外(wài)由于重定向而導緻浏覽器∞×$ (qì)無法打開(kāi)網頁的(de)現(xiàn)象也(yě)π時(shí)常出現(xiàn)。所以在使用(yòng£)自(zì)動重定向功能(néng)時(shí)應該三思而行(£✘π§xíng)。
橫幅廣告：作(zuò)為(wèi)用(yò €ng)戶當然可(kě)以理(lǐ)解網頁✔©♥σ開(kāi)發者在頁面上(shàng)設置一"×(yī)些(xiē)廣告，可(kě)橫幅形式的(de)廣告無疑應該被歸為(₩→×∞wèi)“七宗罪”之一(yī)。從(cón£☆g)互聯網的(de)發展曆程來(lái)看(kàn)，橫幅≥♦α 廣告的(de)思維好(hǎo)像還(hái)停留在1999年λ"↔€(nián)，可(kě)現(xiàn)在已經≠σ是(shì)2013年(nián)末尾了(±•✘$le)。
總結看(kàn)來(lái)，UmerMansoor列舉了(♣¥∏le)頁面加載緩慢(màn)、排版淩亂、導航功能(néng)不(bù)易使用(δ$'≥yòng)、桌面端和(hé)移動端頁面風(®↑fēng)格差異巨大(dà)、彈窗(chuāng)、自(zì)動₩ 重定向、橫幅廣告共七種讓移動頁面體(tǐ)驗糟糕的(de)&ldq$♥uo;罪惡”。如(rú)果自(zì)己設計(jì)的(d≥☆γe)頁面中包含這(zhè)其中的(de)某些(xiē)Ωφ項，也(yě)許是(shì)時(shí)候考慮做♠¶§λ(zuò)一(yī)些(xiē)改進了(le)。&>ε±
