Verjetno ste že videli, kako lahko iPhone obrača in širi spletne strani. Naenkrat vam lahko prikaže celotno spletno stran ali poveča, da bo besedilo, ki vas zanima, berljivo. V nekem smislu, od iPhone uporablja Safari, spletni oblikovalci ne bi smeli narediti ničesar posebnega, da bi ustvarili spletno stran, ki bo delovala na iPhonu. Toda ali res želite, da vaša stran samo deluje - ali izstopa in sije?
Ko ti izdelati spletno stran, morate razmisliti, kdo si ga bo ogledal in kako si ga bo ogledal. Nekatera najboljša spletna mesta upoštevajo, na kateri vrsti naprave si stran ogleduje, vključno z ločljivostjo, barvnimi možnostmi in razpoložljivimi funkcijami. Ne zanašajo se samo na napravo, da bi jo ugotovili.
Splošne smernice za izdelavo spletnega mesta za mobilne naprave
- Preskusite na čim več napravah. Prva stvar, ki jo morate storiti, je, da si ogledate spletno mesto v iPhonu in na toliko različnih mobilne naprave ali emulatorji, kot lahko. Čeprav lahko za vse preizkuse uporabljate emulatorje, vam resnično ne dajo enakega občutka, kot da poskušate krmariti po spletnem mestu na majhnem majhnem zaslonu. Preizkusite na dejanskih napravah, kolikor je le mogoče.
- Poskrbite, da se bodo vaše strani graciozno poslabšale. Za svoje strani lahko pišete Omogočena bliskavica, širokozaslonski brskalniki, vendar poskrbite, da bodo ključne informacije vidne tudi na majhnem monitorju, ki ne more obvladati nobenih posebnih funkcij (kot so piškotki, Ajax, Flash, JavaScript itd.). Vse, kar presega XHTML Basic, bo preseglo nekatere mobilne telefone. Medtem ko večina pametnih telefonov zmore vse te stvari, druge mobilne naprave ne.
- Ustvarite stran, specifično za brezžično omrežje - in jo olajšajte. Če boste sestavili določeno stran za stranke mobilnega telefona in brezžičnega omrežja, jo dajte na voljo. Odličen način je, da postavite povezavo do brezžične strani na sam vrh dokumenta in jo nato skrijete pred ročnimi napravami, ki uporabljajo vrsto ročnega medija. Navsezadnje večina ljudi pride na vašo domačo stran, tudi v mobilnih telefonih - in če povezave do vaše brezžične strani ni, bodo odšli, če je stran pretežka za uporabo.
Postavitev spletne strani za pametne telefone
Prva stvar, ki si jo morate zapomniti pri pisanju strani za trg pametnih telefonov, je, da vam ni treba spreminjati, če tega ne želite. Odlična stvar večine pametnih telefonov, ki so na voljo, je, da za uporabo uporabljajo brskalnike Webkit (Safari v iOS in Chrome v Androidu) prikažite spletne strani, tako da, če je vaša stran v Safariju ali Chromu videti dobro, bo v večini pametnih telefonov videti v redu (le veliko manjši). Vendar lahko nekaj naredite, da bo brskanje bolj prijetno:
- Ne pozabite, da je zaslon majhen. Pametni telefoni bodo zgostili vse te stolpce v majhno okno, zaradi česar jih je zelo težko brati brez povečave. Večina uporabnikov je navajena na povečavo, vendar je lahko dolgočasno. En dolg stolpec besedila je lažje prebrati.
- Strani razdelite na manjše kose. V mobilnem telefonu je težko brati dolge segmente besedila, zato jih je na več straneh lažje brati.
Povezave in navigacija na telefonih iPhone
- Čim krajši so URL-ji, tem bolje. Če ste kdaj poskusili vtipkati URL v mobilni telefon, boste vedeli, da je to bolečina (razen morda za najstnike, ki so vajeni pošiljanja veliko besedilnih sporočil). Tudi v iPhonu je dolgočasno vnašati dolge URL-je. Naj bodo kratke.
- Toda besedilo dolge povezave je lažje tapkati. Ko se na strani, kjer je več ločenih besed povezanih z različnimi članki, tik ob drugi, lahko zelo težko tapnete pravilno, ne da bi jo povečali. Marsikdo se bo preprosto odpovedal in odšel nekam drugam. Povezave s 3 do 5 besedami v telefonu lažje kliknete kot povezave z eno besedo.
- Navigacije ne postavljajte na sam vrh zaslona. Ni nič bolj sitnega, kot če bi morali po strani in zaslonih povezav listati informacije, ki jih želite. Če ste si ogledali spletne strani, zasnovane za mobilne telefone, boste videli, da se najprej prikažejo vsebina in naslov. Nato je spodaj navigacija.
- Ne bojte se skriti navigacije.Skrivanje navigacijskih povezav s CSS ali JavaScript in omogočanje, da se prikažejo le, ko uporabnik to zahteva, je način, ki uporabnikom olajša stran.
Nasveti za slike na pametnih telefonih
- Slike morajo biti majhne. Da, Android in iPhone lahko povečata in pomanjšata slike, toda manjše kot so v dimenzijah in času prenosa, bolj srečne bodo vaše brezžične stranke. Optimizacija slik je vedno dobra ideja, toda za strani mobilnih telefonov je ključnega pomena.
- Slike se morajo hitro prenesti. Slike si na spletnih straneh zasedejo veliko prostora, ko jih gledate iz mobilne naprave. In čeprav so pogosto zelo prijazne in omogočajo, da so strani videti boljše, če jih gledate v celozaslonskem spletnem brskalniku, jih pogosto ovirajo v mobilni napravi. Poleg tega, ko je uporabnik pametnega telefona v mobilnem omrežju, je zadnja stvar, ki jo želi plačati, prenos ogromnih slik ali ikon za krmarjenje.
- Na vrh strani ne postavljajte velikih slik. Tako kot pri navigaciji je lahko zelo dolgočasno čakati, da se slika, ki traja 3 do 4 zaslone, naloži na samem vrhu strani. In to je izjemno pogosto na spletnih straneh. Izjema je le, če bralec ve, da bo ob kliku dobil sliko, recimo v fotogaleriji.
Čemu se izogibati pri oblikovanju za mobilne naprave
Pri ustvarjanju mobilne strani prijazne strani se morate izogibati več stvarem. Kot smo že omenili, če jih res želite imeti na svoji strani, lahko, vendar poskrbite, da spletno mesto deluje brez njih.
- Flash: Večina mobilnih telefonov ne podpira Flash, zato ni dobro, da ga vključite na svoje brezžične strani.
- Piškotki: Številni mobilni telefoni nimajo podpore za piškotke. iPhoni so podpora za piškotke.
- Okvirji: Tudi če jih brskalnik podpira, pomislite na dimenzije zaslona. Okvirji preprosto ne delujejo na mobilnih napravah - zelo težko ali nemogoče jih je prebrati.
- Mize: Ne uporabljajte tabel za postavitev na mobilni strani. In poskušajte se izogibati tabelam na splošno. Niso podprti na vseh mobilnih telefonih (čeprav jih podpirajo telefoni iPhone in drugi pametni telefoni), na koncu pa lahko dobite nenavadne rezultate.
- Vgnezdene tabele: Če morate uporabiti tabelo, pazite, da je ne gnezdi v drugo tabelo. Te jih namizni brskalniki težko podpirajo in v najboljšem primeru počasneje nalagajo stran.
- Absolutni ukrepi: Z drugimi besedami, ne določite dimenzij predmetov v absolutnih velikostih (na primer slikovnih pik, milimetrov ali palcev). Če določite nekaj kot širino 100 slikovnih pik, je na eni mobilni napravi to lahko polovica zaslona, na drugi pa dvakrat večja širina. Relativne velikosti (na primer ems in odstotki) najbolje delujejo.
- Pisave: Ne domnevajte, da kateri koli od pisave do katerega ste vajeni, bo na voljo na mobilnih telefonih.