Paano Nakakaiba ang Mga Pahina ng Web ng Mga Web mula sa Mga Karaniwang Pahina sa Web?

Ang mga web page ng mobile ay isang natatanging hayop. Hindi tulad ng desktop-friendly na mga web page, na idinisenyo para sa mga malalaking screen at tumpak na pag-click ng mouse, ang mga web page ng mobile ay sized para sa mas maliliit na screen at hindi wasto ang pag-tap ng daliri. Bukod pa rito, ang mga modernong website ay obligadong mag-publish sa parehong desktop at mobile na mga format, na epektibong nangangailangan ng bawat pahina ng web na malikha nang dalawang beses.

01 ng 08

Laki ng Screen at 'Real Estate' ay Iba't Ibang

Ito ang pinaka-halata pagkakaiba sa pagitan ng desktop at mobile na mga web page . Habang ang karamihan sa mga monitor ng monitor ay 19-inch sa 24-inch na laki ng dayagonal, ang mga tablet ay karaniwang 10 pulgada sa dayagonal. Ang mga smartphone ay 4 pulgada sa dayagonal. Ang simpleng pag-zoom-out ay hindi matagumpay na nag-convert ng isang web page sa pagiging mobile-friendly, dahil ginagawa lamang nito ang hindi nababasa ng teksto. Sa katulad na paraan, ang pagpindot sa daliri ay nagiging imposible na gawin nang tumpak sa isang naka-zoom na web page. Kailangan ng mga web designer ng web na baguhin ang kanilang buong diskarte sa layout ng pahina. Karaniwan, kailangan ng mga designer na tanggalin ang mga sidebars at hindi kinakailangang mga larawan, pumili ng mas maliit na mga larawan, dagdagan ang laki ng font, at pagbagsak ng nilalaman sa napapalawak na mga widget. Ang limitasyon ng real estate na ito ay nagpapatakbo ng isang buong iba't ibang uri ng pag-iisip sa gitna ng mga web designer.

02 ng 08

Mga Widget at 'Mga Slider' Sigurado Sa; Ang mga Sidebar at Whitespace ay Out

Maaari mong asahan na ang karamihan sa mga pahina na madaling gamitin sa mobile ay mag-aalis ng ilang o lahat ng kanilang mga link sa nabigasyon sa sidebar, at palitan ang mga ito ng mga collapsible / gastusin na mga widget ng menu. Katulad nito, asahan na walang blangko ang puwang sa kaliwa at kanan ng nilalaman, at higit na mas mababa ang mga puwang ng mga designer na nagsisikap upang mapakinabangan ang paggamit ng tablet at smartphone real estate.

03 ng 08

Ang Pag-tap ng Daliri ay Mas Precise Than Mouse Clicking

Iba't ibang pag-tap ang daliri ay mula sa pag-click ng mouse:.

Hindi tulad ng isang tukoy na pointer ng mouse sa iyong desktop, ang daliri ng tao ay isang patak, at ang pag- tap ng daliri ay nangangailangan ng mga malalaking target sa screen para sa mga hyperlink. Inaasahan upang makita ang higit pang mga malaking hugis-parihaba tapikin ('tile') sa mga mobile na pahina sa web, at mas kaunting teksto na nakabatay sa mga hyperlink. Bukod pa rito, ang mga menu ay kadalasang mapapalitan ng malalaking mga pindutan at mga malalaking tab upang mapaunlakan ang kawalan ng katalinuhan ng mga taps ng daliri.

04 ng 08

Iba't ibang URL ng Mobile Page

Iba't ibang URL ng mobile na pahina.

Karaniwang kinabibilangan ng mga web-friendly na pahina ng web ang 'm' na titik bilang isang mahalagang bahagi ng address nito. (mag-click dito para sa isang halimbawa) Ang mobile URL ay kadalasang pinili para sa iyo awtomatikong kapag nag-surf ka gamit ang isang mobile tablet o smartphone. Sa ilang mga kaso, makakakita ka ng isang link na tappable na nagpapahintulot sa iyo na lumipat sa regular na desktop na bersyon ng pahina.

05 ng 08

Ang Advertising ay Pinabababa o Inalis

Ang advertising ay madalas na nabawasan sa mga mobile na pahina.

Oo, ito ay kahanga-hanga para sa mga mambabasa ngunit isang tunay na namamagang point sa mga web advertiser. Dahil may pinababang kuwarto sa isang tablet o smartphone, ang paglalagay ng karamihan ng naka-sponsor na mga link at malalaking mga banner ad ay hindi gumagana. Sa halip, asahan na makita ang mga espesyal na mas maliit na mga pop-up na uri ng mga ad sa mga web page ng mobile, madalas sa ibaba ng iyong screen. Ang iba pang mga matalinong uri ng mas maliit na laki ng advertising ay ginagaya bilang mga mobile device mature.

06 ng 08

Ang mga checkbox at Maliit na Mga Link ay magiging nakakabigo

Kapag ang mga publisher ng web ay hindi gumagawa ng isang kumpletong pagbabago ng disenyo ng kanilang nilalaman para sa mga maliliit na screen, kadalasan ay pinipilit nila kami at ako na gamitin ang aming mga daliri ng patak na patak upang mag-click sa mga maliliit na maliit na checkbox. Pinipilit nito ang mga gumagamit na gumamit ng trial-and-error o pinch-zooming upang tumpak na i-tap ang mga checkbox.

07 ng 08

Ang Mga Pag-login ng Password ay Maaaring Mapanglaw o Masyadong-Maliit

Ang mga pag-login ng password ay kadalasang nakakabigo upang mai-type sa mga mobile web page.

Oo, ito ay isang modernong pagkayamot sa maraming mga web page ng mobile. Dahil maraming mga publisher sa web ang nag-iisip sa mga tuntunin ng 22-inch na screen, itatayo ka nila para sa dalawang nakakainis na mga karanasan sa mobile: ang iyong mga patlang ng login at password ay magiging maliit at mahirap i-tap, at sasaklaw sa iyong mga pag-slide ng mobile na keyboard ang iyong mga login at password field . Kakailanganin mong iakma sa pamamagitan ng paggamit ng pinch-zooming upang gawin ang mga patlang ng pag-login nakikita, at kailangan mong mag-scroll sa screen at i-off ang keyboard upang alisan ng takip ang mga nakatagong mga pindutan sa pag-login. Sana, ang mga modernong publisher ng web ay makakahanap ng isang matalino na paraan sa paligid ng kaguluhan na ito sa lalong madaling panahon.

08 ng 08

Ang mga Larawan ay Maging Mas Makapangyarihang

Iba't iba ang mga larawan sa mga mobile na pahina.

Karaniwan, ang mga larawan ay bumagsak upang magkasya sila sa mas maliliit na screen. Sa ilang mga bihirang kaso, ang mga larawan ay talagang pinalawak upang punan ang lapad ng tablet o smartphone display.