Šanse su da ste videli kako iPhone može da flipuje i proširi web stranice. Može vam pokazati cijelu web stranicu na prvi pogled ili uvećati kako bi tekst koji vas zanima čitljiv. U jednom smislu, pošto iPhone koristi Safari, web dizajneri ne bi trebali uraditi ništa posebno za kreiranje web stranice koja će raditi na iPhone-u.
Ali stvarno želite da vaša stranica jednostavno radi? Većina dizajnera želi da svoje stranice sijaju!
Kad izgradite web stranicu , treba razmisliti o tome ko će ga pregledati i kako će ga pregledati. Neke od najboljih sajtova uzimaju u obzir vrstu uređaja na kojoj se gleda, uključujući rezoluciju, opcije boja i dostupne funkcije. Oni se ne oslanjaju samo na uređaj kako bi to shvatili.
Opšte smernice za izgradnju sajta za mobilne uređaje
- Testirajte na što više uređaja koliko možete. Prva stvar koju treba da uradite je da pogledate svoju web lokaciju na iPhone i što više različitih mobilnih uređaja ili emulatora koliko možete. Iako možete koristiti emulatore za sva vaša testiranja, oni vam stvarno ne pružaju isti osećaj kao pokušaj navigacije preko web stranice na sitnom malom ekranu, tako da testirate na stvarnim uređajima što je više moguće.
- Učinite da se vaše stranice degradiraju. Možete da upišete svoje stranice za brze pregledače sa širokim ekranom, ali proverite da li su kritične informacije vidljive čak i na malom monitoru koji ne može da se nosi sa posebnim funkcijama (kao što su kolačići, Ajax, Flash, JavaScript itd.). Bilo šta izvan XHTML Basic će biti izvan nekih mobilnih telefona. Iako većina pametnih telefona može da reši sve te stvari (osim Flasha na iPhone-u, naravno), drugi mobilni uređaji ne mogu.
- Izgradite specifičnu stranicu za bežičnu mrežu i olakšavajte ga. Ako ćete napraviti određenu stranicu za svoj mobilni telefon i bežične kupce, učinite je dostupnim. Odličan način je postaviti vezu na bežičnu stranicu na samom vrhu dokumenta, a zatim sakriti tu vezu sa ne-ručnih uređaja pomoću ručnog tipa medija. Na kraju krajeva, većina ljudi dolazi na vašu početnu stranicu, čak i na mobilnim telefonima - a ako nema veze sa vašom bežičnom stranom, oni će napustiti stranicu ako je stranica teška za korištenje.
Izgled web stranice za pametne telefone
Prva stvar koju treba da zapamtite kada pišete stranice za pametne telefone jeste da ne morate da pravite promene ako ne želite. Odlična stvar kod većine pametnih telefona je da koriste Webkit pretraživače (Safari na iOS-u i Chrome-u na Android-u) da bi prikazali web stranice, tako da ako vaša stranica izgleda dobro u Safari-u ili Chrome-u, na većini smart telefona će izgledati dobro (samo mnogo manje ). Ali postoje stvari koje možete učiniti kako bi iskustvo pretraživanja bilo prijatno:
- Zapamtite da je ekran mali. Pametni telefoni će kondenzovati sve te kolone u mali prozor i to ih može učiniti vrlo teškim za čitanje bez zumiranja. Većina korisnika koristi se za zumiranje, ali može postati zamorno. Jedna dugačka kolona teksta je lakša za čitanje.
- Podijelite stranice u manje dijelove. Može biti teško čitati duge segmente teksta na mobilnom telefonu, tako da ih stavljanje na više stranica čini lakšim za čitanje.
Linkovi i navigacija na iPhone-u
- Što su kraći URL-ovi, to je bolje. Ako ste ikada pokušali da unesete URL adresu na mobilni telefon, znaćete da je to bol (osim možda za tinejdžere koji su navikli da šalju mnogo tekstualnih poruka). Čak i na iPhone-u, dosadno je unošenje dugih URL-ova. Držite ih kratki.
- Ali tekst dugog linka je lakši za dodir. Kada se na stranici gde je nekoliko odvojenih reči povezano sa različitim člancima, odmah pored jedne druge, može biti veoma teško dodirivati tačan bez zumiranja. Mnogi ljudi će samo odustati i otići negde drugde. Veze sa 3-5 reči u njima je lakše klikati na telefon nego veze od 1 reči.
- Ne postavljajte navigaciju na sam vrh ekrana. Ne postoji ništa više neprijatno nego što je potrebno da pretražujete ekrane i ekrane veza kako biste pronašli željene informacije. Ako ste pogledali web stranice koje su dizajnirane za mobilne telefone, videćete da su prve stvari koje se pojavljuju sadržaj i naslov. Zatim, ispod toga je navigacija.
- Ne bojte se da sakrijete navigaciju. Povezivanje navigacionih veza sa CSS ili JavaScript-om i njihovo pojavljivanje samo kada korisnik zatraži je način da olakšava korisnicima pametne stranice.
Savjeti za slike na pametnim telefonima
- Slike moraju biti male. Da, Android i iPhone uređaji mogu zumirati i unzoom na slikama , ali što su manji u oba dimenzija i vrijeme za preuzimanje, to će biti srećniji vaši bežični korisnici. Optimizacija slika je uvijek dobra ideja, ali za stranice mobilnog telefona, to je kritično.
- Slike se moraju brzo preuzeti. Slike zauzimaju dosta prostora na web stranicama kada ih gledate sa mobilnog uređaja. I dok su često veoma lepe i čine da stranice izgledaju bolje kada se gledaju na web pregledaču na celom ekranu, često se nalaze na mobilnom uređaju. Plus, kada je korisnik mobilne mreže na mobilnoj mreži, poslednja stvar koju oni žele da plaćaju je preuzimanje gomile velikih slika ili navigacionih ikona.
- Nemojte stavljati velike slike na vrh stranice. Kao i kod navigacije, može biti vrlo dosadno čekati na sliku koja zauzima 3-4 ekrana za učitavanje na samom vrhu stranice. I to je vrlo često na web stranicama. Jedini izuzetak od ovoga je ako čitatelj zna da će dobiti sliku kada kliknu, recimo u galeriji fotografija.
Šta izbegavati prilikom dizajniranja za mobilne uređaje
Postoji nekoliko stvari koje biste trebali izbjeći prilikom izgradnje stranice koja je prijateljska za mobilne uređaje. Kao što je već pomenuto, ako stvarno želite da ih imate na vašoj stranici, možete, ali se pobrinite da sajt funkcioniše bez njih.
- Flash - većina mobilnih telefona ne podržava Flash, tako da nije dobra ideja da je uključite na svoje bežične stranice.
- Kolačići - mnogi mobilni telefoni nemaju podršku za kolačiće. iPhone ima podršku za kolačiće.
- Okviri - čak i ako ih pregledač podržava, razmislite o dimenzijama ekrana. Okviri jednostavno ne funkcionišu na mobilnim uređajima - vrlo je teško ili nemoguće čitati.
- Tabele - ne koristite tabele za postavljanje na stranici za mobilne uređaje. I pokušajte izbjeći tabele uopšte. Oni nisu podržani na svakom mobilnom telefonu (iako ih podržavaju iPhone i drugi smartfoni) i možete završiti sa čudnim rezultatima.
- Ugrađene tabele - ako morate koristiti tabelu, uverite se da ga ne gnežite u drugoj tabeli. To je teško za desktop pregledače da podrže i, u najboljem slučaju, učini naplatu stranica sporije.
- Apsolutne mere - drugim riječima, ne definirajte dimenzije objekata u apsolutnim veličinama (kao pikseli, milimetri ili inči). Ako definišete nešto kao širinu od 100px, na jednom mobilnom uređaju koji može biti pola ekrana, a na drugom, može biti dvostruko veći od širine. Relativne veličine (kao ems i procenti) najbolje funkcionišu.
- Fontovi - nemojte pretpostavljati da će bilo koji od fontova za koji ste navikli da imate pristup dostupan na mobilnim telefonima.
Čitaj više
- Kako napraviti vašu web stranicu prijateljsku pomoću PHP-a