Aukerak ikus ditzakezu iPhoneek web orrialdeak irauli eta zabaltzeko. Web orrialde osoa erakuts dezakezu begirada batean edo handitu irakurgarrian interesatzen zaizun testua erakusteko. Zentzu batean, iPhoneak Safari erabiltzen duenez, web diseinatzaileek ez dute ezer egin iPhonean lan egingo duen web orri bat sortzeko.
Baina benetan nahi duzu zure orria lanean egotea? Diseinatzaile gehienek nahi dituzte beren orriak distira!
Web orri bat eraikitzen ari zarenean, nor den ikustera eta nola ikusiko duen pentsatu behar duzu. Gune onenetariko batzuk kontuan hartzen dira zein motatako orrialdea ikusten ari den, bereizmenean, kolorearen aukeretan eta eskuragarri dauden funtzioetan. Ez dute gailuan konfiguratzen soilik irudikatzen.
Gailu mugikorren gunea eraikitzeko jarraibide orokorrak
- Probatu ahalik eta gailu guztietan. Egin behar duzun lehenengo gauza ikusi zure webgunea iPhone batean eta hainbat gailu mugikor edo emuladorerik ahal den guztietan. Emulatzaileak erabil ditzakezun proba guztietarako, ez daukat oso sentikorra izaten pantailan pixka bat pantailan web orri batera nabigatzen saiatzea, beraz, probatu gailu errealetan ahalik eta gehien.
- Egin zure orriak modu egokian degradatzen. Zure orriak Flash-gaitzeko, pantailako nabigatzaile zabalak idatz ditzakezu, baina ziurtatu informazio kritikoa ikusgai dagoela, nahiz eta ezaugarri berezirik ez duten kontrolatzen duen monitore txiki batean (cookieak, Ajax, Flash, JavaScript, etab.). XHTML Oinarriaren gainetik ezer ez da telefono mugikorren bat baino gehiago izango. Smartphone gehienek gauza horiek guztiak kudeatzen dituzten bitartean (iPhonean Flash izan ezik, noski), beste gailu mugikorrek ezin dute.
- Haririk gabeko orrialde zehatz bat eraiki eta erraz aurkitu. Zure telefono mugikorra eta haririk gabeko bezeroentzako orrialde zehatz bat eraiki nahi baduzu, erabil ezazu. Oso modu bikaina da haririk gabeko orriaren estekan zure dokumentuaren goialdean jartzea eta eskuko gailu mota erabiliz gailu ez-eskulibretako esteka ezkutatzea. Azken finean, jende gehienak zure etxeko orrira joaten dira, baita telefono mugikorretan ere; eta zure haririk gabeko orriko esteka ez badago, orrialdea oso zaila izango da erabiltzeko.
Web-orrien diseinua smartphoneentzat
Lehenik eta behin telefono mugikorreko orrialdeak idazten ari zarenean gogoratu beharko zenuke ez duzula aldaketak egin nahi ez baduzu. Smartphone gehienetan erabilgarriena da Webkit arakatzaileek (Safari iOS eta Chrome Androiden) erabiltzen dituztela web orriak bistaratzeko, beraz, zure orrialdean Safari edo Chrome ondo bistaratzen badira, smartphone gehienetan ondo moldatuko da (askoz ere txikiagoa da ). Baina gauzak arakatu ahal izango dituzu atsegina izateko.
- Gogoratu pantaila txikia dela. Smartphonesek zutabe horiek guztiak txikituko dituzte leiho txiki batean, eta horrek zaildu egiten du zooma handirik gabe irakurtzeko. Erabiltzaile gehienak zooma handitzeko erabiltzen dira, baina nekagarriak dira. Testu zutabe luze bat errazagoa da irakurtzea.
- Zatitu orriak zati txikiagoetan. Zailagoa da telefonoaren testu zati segidako luzeak irakurtzea, beraz, orri anitzetan jartzea errazagoa da irakurtzea.
IPhonearen estekak eta nabigazioa
- Gutxiago URLak dira, hobeto. Inoiz idatzi baduzu telefono mugikorreko URL batean, jakingo duzu hori dela mingarria (agian testu mezuak bidaltzeko erabiltzen diren nerabeentzat izan ezik). IPhonean ere, URL luzeak idatzi nahian dabil. Mantendu laburrak.
- Esteka testu luzeagoa errazagoa da. Noiz hainbat hitz bereizi artikulu ezberdinekin lotzen diren orrialde batean, bata bestearen ondoan, oso zaila da zooma handirik gabe ukitzea. Jende askok amore eman eta beste nonbait joango. Loturak dituzten 3-5 hitz hauei esker, errazago telefonoan klik egitea 1 hitzen arteko loturak baino.
- Ez jarri zure nabigazioa pantailaren goialdean. Ez dago ezer gogaikarririk, pantailen eta esteken pantailen bidez orririk edukitzea nahi duzun informazioa bilatzeko. Telefono mugikorretarako diseinatutako web orrialdeak begiratuz gero, ikusgai dauden edukiak eta titularrak izango dira. Ondoren, behean nabigazioa da.
- Ez izan beldurrik zure nabigazioa ezkutatzeko. Nabigazioko estekak ezkutatzea CSS edo JavaScript-rekin eta erabiltzaileari eskatzen diotenean soilik ezkutatzeko, telefonoak erabiltzeko errazagoa den orria errazten du.
Smartphones irudiak aholkuak
- Irudiak txikiak izan behar du. Bai, Android eta iPhones-ek irudiak eta zoomak gehi ditzakete irudietan , baina txikiagoak dira, bi dimentsiotan eta deskargen denbora, haririk gabeko haririk gabeko bezeroak izango dira. Irudiak optimizatzea ideia ona da beti, baina telefono mugikorreko orrialdeetarako, kritikoa da.
- Irudiak azkar deskargatu behar dira. Irudiak leku asko hartzen ditu web orrialdeetan gailu mugikorretik ikusten ari zarenean. Eta maiz oso polita izaten ari dira eta orriek itxura hobea ematen dute pantailako web-arakatzailean ikusitakoan, sarritan mugikorrean sartzen dira. Gainera, smartphone-erabiltzaileak sare mugikorrean dagoenean, ordaindu beharreko azken gauza irudiak edo nabigazio-ikono sortak deskargatzea da.
- Ez jarri irudi handiak orriaren goialdean. Nabigazioan bezala, oso aspergarria izan daiteke 3-4 pantailetara eramaten duen irudi bat itxarotea orriaren goiko aldean kargatzeko. Eta hori oso ohikoa da web orrialdeetan. Salbuespen bakarra hau da: irakurleak badaki irudi bat lortuko dutela klik egiten dutenean, esan argazki galeria batean.
Mugikorrerako Diseinuan saihestu beharrekoa
Mugikorreko orri bat eraikitzeko orduan saihestu behar dituzu hainbat gauza. Goian aipatu bezala, zure orrietan horiek nahi badituzu, ezin duzu ziurtatu webgunea beraiekin funtzionatzen ez duzula.
- Flash - telefono mugikor gehienek ez dute Flash onartzen, beraz, ez da ideia ona hari gabeko orrialdeetan sartzea.
- Cookieak - telefono mugikor askok ez dute cookie euskarririk. iPhones cookie euskarria dute.
- Markoak - nabigatzaileak onartzen dituen arren, pantailaren dimentsioak pentsatu. Markoak ez dira gailu mugikorretan soilik funtzionatzen; oso zaila edo ezinezkoa da irakurtzea.
- Mahaiak - mahai mugikorraren diseinuan maulen erabilera ez erabili. Eta saiatzen mahai orokorrak saihesteko. Ez dira telefono mugikorretan onartzen (iPhones eta beste smartphones onartzen badituzte ere) eta emaitza bitxiak bukatu ditzakezu.
- Habiaratutako taulak - mahai bat erabili behar baduzu, ziurtatu beste habiaratu ez duzula. Hauek zailak dira mahaigaineko arakatzaileei laguntzeko, eta, hobeto esanda, orrialde kargatu gehiago poliki-poliki.
- Neurri absolutuak, hau da, tamaina ez-absolututan objektuak (pixeletan, milimetroetan edo hazbetetan bezala) zehazten dira. 100px zabalera duen zerbait zehazten baduzu, pantailaren erdia izan daitekeen mugikorreko gailu batean eta bestean bi aldiz zabalera izan daiteke. Tamaina erlatiboak (ems eta ehunekoak bezalakoak) hobeto funtzionatzen dute.
- Letra-tipoak - ez duzu bere gain hartzen telefono mugikorrean sarbidea izatea nahi dituzun letra tipoak erabilgarri egongo direnik.
Irakurri gehiago
- Nola egin zure webgunea Mobile Friendly PHP erabiliz