Malamang na nakita mo kung paano maaaring i-flip at palakihin ng iPhone ang mga web page. Maaari itong ipakita sa buong web page sa isang sulyap o mag-zoom in upang gawin ang teksto na interesado ka sa nababasa. Sa isang kahulugan, dahil ang iPhone ay gumagamit ng Safari, ang mga taga-disenyo ng web ay hindi dapat gumawa ng anumang bagay na espesyal upang lumikha ng isang web page na gagana sa iPhone.
Ngunit gusto mo ba talagang gumana ang iyong pahina? Karamihan sa mga designer gusto ang kanilang mga pahina upang lumiwanag!
Kapag nagtatayo ka ng isang web page , kailangan mong mag-isip tungkol sa kung sino ang pagpunta sa tingnan ito at kung paano nila ito makikita. Tinitingnan ng ilan sa mga pinakamahusay na site kung anong uri ng device ang tiningnan ng pahina, kabilang ang resolution, mga pagpipilian sa kulay, at magagamit na mga pag-andar. Hindi lamang sila umaasa sa device upang malaman ito.
Pangkalahatang Mga Alituntunin para sa Pagbuo ng isang Site para sa Mga Mobile Device
- Subukan ang maraming mga aparato hangga't maaari. Ang unang bagay na dapat mong gawin ay tingnan ang iyong site sa isang iPhone at maraming iba't ibang mga mobile device o emulator hangga't maaari. Habang maaari mong gamitin ang mga emulator para sa lahat ng iyong pagsubok, hindi nila talaga binibigyan ka ng parehong pakiramdam habang sinusubukang i-navigate sa pamamagitan ng isang website sa maliit na maliit na screen, kaya subukan sa aktwal na mga device hangga't maaari.
- Gawin ang iyong mga pahina pababain nang maganda. Maaari mong isulat ang iyong mga pahina para sa mga browser ng malawak na screen na pinagana, ngunit tiyakin na ang kritikal na impormasyon ay makikita kahit na sa isang maliit na monitor na hindi maaaring pangasiwaan ang anumang mga espesyal na tampok (tulad ng mga cookies, Ajax, Flash, JavaScript, atbp.). Anumang bagay na lampas sa XHTML Basic ay higit sa ilang mga cell phone. Habang ang karamihan sa mga smartphone ay maaaring hawakan ang lahat ng mga bagay na iyon (maliban sa Flash sa iPhone, siyempre), ang iba pang mga aparatong mobile ay hindi maaaring.
- Gumawa ng isang wireless na tukoy na pahina-at gawing madaling mahanap. Kung magtatayo ka ng isang tukoy na pahina para sa iyong cell phone at wireless na mga customer-gawin itong magagamit. Ang isang mahusay na paraan ay upang ilagay ang link sa wireless na pahina sa pinakadulo ng iyong dokumento, at pagkatapos ay itago ang link na iyon mula sa mga hindi aparatong aparato gamit ang handheld media type. Matapos ang lahat, ang karamihan sa mga tao ay pumunta sa iyong home page, kahit na sa mga cell phone-at kung ang link sa iyong wireless na pahina ay hindi naroroon, mag-iiwan sila kung masyadong mahirap gamitin ang pahina.
Layout ng Web Page para sa Mga Smartphone
Ang unang bagay na dapat mong tandaan kapag nagsusulat ng mga pahina para sa merkado ng smartphone ay hindi mo kailangang gumawa ng anumang mga pagbabago kung ayaw mo. Ang magandang bagay tungkol sa karamihan ng mga smartphone na magagamit ay ang paggamit nila ng mga Webkit browser (Safari sa iOS at Chrome sa Android) upang ipakita ang mga web page, kaya kung mukhang okay ang iyong pahina sa Safari o Chrome, magiging maganda ang hitsura nito sa karamihan ng mga smartphone (mas maraming mas maliit ). Ngunit may mga bagay na maaari mong gawin upang gawing mas kaaya-aya ang karanasan sa pagba-browse:
- Tandaan na ang screen ay maliit. Papayagan ng mga smartphone ang lahat ng mga hanay na iyon sa maliit na window, at ito ay maaaring maging mahirap na basahin nang walang pag-zoom. Karamihan sa mga gumagamit ay ginagamit upang mag-zoom, ngunit maaari itong makakuha ng nakakapagod. Mas madaling basahin ang isang mahabang haligi ng teksto.
- Hatiin ang mga pahina sa mas maliliit na chunks. Mahirap basahin ang mahabang mga bahagi ng teksto sa isang cell phone, kaya ang paglalagay sa mga ito sa maramihang mga pahina ay ginagawang mas madaling basahin.
Mga Link at Pag-navigate sa Mga iPhone
- Ang mas maikli ang mga URL, mas mabuti. Kung sakaling sinubukan mong i-type ang isang URL sa isang cell phone, malalaman mo na ito ay isang sakit (maliban marahil para sa mga kabataan na ginagamit sa pagpapadala ng maraming mga text message). Kahit na sa iPhone, nakakapagod na mag-type sa mahabang mga URL. Panatilihing maikli ang mga ito.
- Ngunit mas mahaba ang tapik na teksto ng pag-link. Kapag sa isang pahina kung saan maraming mga magkahiwalay na salita ay naka-link sa iba't ibang mga artikulo, ang lahat ng mga karapatan sa tabi ng bawat isa, maaari itong maging mahirap upang i-tap ang tamang isa nang walang pag-zoom. Maraming tao ang magbabalik at pumunta sa ibang lugar. Ang mga link na may 3-5 na mga salita sa kanila ay mas madaling mag-click sa telepono kaysa sa 1-salita na mga link.
- Huwag ilagay ang iyong pag-navigate sa pinakamataas na bahagi ng screen. Wala nang mas nakakainis kaysa sa pagkakaroon ng pahina sa pamamagitan ng mga screen at mga screen ng mga link upang mahanap ang impormasyong gusto mo. Kung tumingin ka sa mga pahina ng web na idinisenyo para sa mga cell phone, makikita mo na ang mga unang bagay na nagpapakita ay ang nilalaman at headline. Pagkatapos, sa ibaba ay nabigasyon.
- Huwag matakot na itago ang iyong nabigasyon. Ang pagtatago ng mga link sa nabigasyon sa CSS o JavaScript at ginagawa itong lumabas lamang kapag hiniling ng user para dito ay isang paraan upang gawing mas madali ang pahina para sa mga gumagamit ng smartphone.
Mga Tip para sa Mga Larawan sa Mga Smartphone
- Ang mga imahe ay dapat maliit. Oo, maaaring mag-zoom at mag-zoom ang mga Android at iPhone sa mga larawan , ngunit ang mas maliit na mga ito, sa parehong dimensyon at oras ng pag-download, ay magiging mas masaya ang iyong mga wireless na customer. Ang pag-optimize ng mga imahe ay palaging isang magandang ideya, ngunit para sa mga pahina ng cell phone, ito ay kritikal.
- Dapat i-download nang mabilis ang mga imahe. Ang mga imahe ay tumatagal ng maraming espasyo sa mga web page kapag tinitingnan mo ang mga ito mula sa isang mobile device. At habang ang mga ito ay madalas na napakabuti at gumawa ng mga pahina ng mas mahusay na hitsura kapag tiningnan sa isang full-screen na web browser, kadalasan ay nakakakuha sila sa paraan sa isang mobile device. Dagdag pa kapag ang isang smartphone user ay nasa cellular network, ang huling bagay na nais nilang bayaran ay pag-download ng isang grupo ng mga malalaking larawan o mga icon ng nabigasyon.
- Huwag maglagay ng mga malalaking larawan sa tuktok ng pahina. Tulad ng sa pag-navigate, maaari itong maging lubhang nakakapagod upang maghintay para sa isang imahe na tumatagal ng 3-4 screenfuls upang i-load sa pinakadulo tuktok ng pahina. At karaniwan ito sa mga web page. Ang tanging pagbubukod dito ay kung alam ng mambabasa na makakakuha sila ng isang imahe kapag nag-click sila, sabihin sa isang photo gallery.
Ano ang Iwasan Kapag Pagdidisenyo para sa Mobile
Mayroong ilang mga bagay na dapat mong iwasan kapag pagbuo ng isang mobile-friendly na pahina. Tulad ng nabanggit sa itaas, kung gusto mo talagang magkaroon ng mga ito sa iyong pahina, maaari mong, ngunit siguraduhin na ang site ay gumagana nang wala ang mga ito.
- Flash - karamihan sa mga mobile phone ay hindi sumusuporta sa Flash, kaya hindi magandang ideya na isama ito sa iyong mga wireless na pahina.
- Cookies - maraming mga cell phone ay walang suporta sa cookie. Ang mga iPhone ay may suporta sa cookie.
- Mga frame - kahit na sinusuportahan ng browser ang mga ito, isipin ang mga sukat ng screen. Hindi gumagana ang mga frame sa mga mobile device - napakahirap o imposible itong mabasa.
- Mga Table - huwag gumamit ng mga talahanayan para sa layout sa isang mobile na pahina. At subukan upang maiwasan ang mga talahanayan sa pangkalahatan. Hindi sinusuportahan ang mga ito sa bawat cellphone (bagaman sinusuportahan sila ng mga iPhone at iba pang mga smartphone) at maaari kang magwakas sa mga kakaibang resulta.
- Nested na mga talahanayan - kung kailangan mong gumamit ng isang talahanayan, siguraduhin na huwag itong ilagay sa ibang talahanayan. Ang mga ito ay mahirap para sa mga browser ng desktop upang suportahan, at, sa pinakamainam, gawing mas mabagal ang pag-load ng pahina.
- Ang mga absolute na panukala - sa ibang salita, ay hindi tumutukoy sa mga sukat ng mga bagay sa ganap na laki (tulad ng mga pixel, milimetro, o pulgada). Kung tinutukoy mo ang isang bagay bilang 100px ang lapad, sa isang aparatong mobile na maaaring kalahati sa screen at sa isa pang maaaring ito ay dalawang beses ang lapad. Ang mga kamag-anak na sukat (tulad ng em at mga porsyento) ay pinakamahusay na gumagana.
- Mga Font - huwag ipalagay na ang alinman sa mga font na ginamit mo sa pagkakaroon ng access sa ay magagamit sa mga cell phone.
Magbasa pa
- Paano Gumawa ng Iyong Website Mobile Friendly Paggamit ng PHP