Verjetno ste videli, kako iPhone lahko preklopi in razširi spletne strani. Lahko vam prikaže celotno spletno stran na kratko ali povečava, da besedilo, ki vas zanima, bere čitljivo. V enem smislu, ker iPhone uporablja Safari, spletnih oblikovalci ne bi smeli storiti ničesar posebnega, da bi ustvarili spletno stran, ki bo delala na iPhoneu.
Ali res želite, da vaša stran deluje? Večina oblikovalcev želi, da bodo njihove strani sijale!
Ko ustvarite spletno stran , morate razmišljati o tem, kdo jo bo pregledal in kako ga bodo videli. Nekatere najboljše strani upoštevajo, kakšno vrsto naprave gledate na strani, vključno z ločljivostjo, barvnimi možnostmi in razpoložljivimi funkcijami. Niso samo zanašali na napravo, da ugotovimo.
Splošne smernice za izdelavo spletne strani za mobilne naprave
- Preizkusite na čim več napravah. Prva stvar, ki jo morate storiti, je ogled vaše spletne strani na iPhoneu in čim več različnih mobilnih naprav ali emulatorjev, kot lahko. Medtem ko lahko uporabite emulatorje za vse vaše testiranje, vam res ne dajejo enak občutek, kot se trudite po spletni strani na majhnem malem zaslonu, zato testirajte na dejanskih napravah, kolikor je le mogoče.
- Naredite, da se vaše strani lepo razkropijo. Svoje strani lahko napišete za brskalnike s širokim zaslonom, ki omogočajo Flash, vendar pa so ključni podatki vidni tudi na majhnem monitorju, ki ne more ravnati s posebnimi funkcijami (npr. Piškotki, Ajax, Flash, JavaScript itd.). Vse, kar je zunaj XHTML Basic, bo zunaj nekaterih mobilnih telefonov. Medtem ko večina pametnih telefonov omogoča vse te stvari (razen Flash na iPhoneu, seveda), druge mobilne naprave ne morejo.
- Izdelajte določeno stran za brezžično povezavo in jo preprosto najti. Če boste za svoj mobilni telefon in brezžične stranke zgradili določeno stran, jo dajte na voljo. Odličen način je, da povezavo na brezžično stran postavite na sam vrh vašega dokumenta, nato pa skrijte to povezavo z neprenosnimi napravami s pomočjo ročnega tipa medija. Konec koncev, večina ljudi prihaja na vašo domačo stran, tudi na 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 jo morate zapomniti pri pisanju strani za trg pametnih telefonov, je, da vam ni treba spreminjati, če ne želite. Velika stvar pri večini pametnih telefonov, ki so na voljo, je uporaba spletnih brskalnikov (Safari na iOS in Chrome v sistemu Android), da bi prikazali spletne strani, tako da če vaša stran izgleda v Safari ali Chrome, bo v večini pametnih telefonov izgledala v redu (samo veliko manjše ). Ampak obstajajo stvari, ki jih lahko naredite, da bi bila izkušnja brskanja prijetnejša:
- Ne pozabite, da je zaslon majhen. Pametni telefoni kondenzirajo vse te stolpce navzdol v majhno okno, kar lahko zelo težko preberete brez povečave. Večina uporabnikov se uporablja za povečavo, vendar je lahko zapletena. En dolg stolpec besedila je lažje brati.
- Razdelite strani v manjše koščke. Težko je prebrati dolge segmente besedila na mobilnem telefonu, zato jih lahko na več strani olajšate branje.
Povezave in navigacija na telefonih iPhone
- Čim krajši so URL-ji, bolje. Če ste kdaj poskusili vnesti URL v mobilni telefon, boste vedeli, da je to bolečina (razen morda za tiste, ki se uporabljajo za pošiljanje veliko besedilnih sporočil). Tudi na iPhonu je dolgčas, da vnesete dolge URL-je. Naj bodo kratki.
- Toda besedilo z dolgim povezavam se lažje dotakne. Ko je na strani, kjer je več ločenih besed povezanih z različnimi členi, vse tik ob drugem, se lahko zelo težko dotakne pravilne brez povečave. Mnogi ljudje bodo samo odnehali in odšli nekam drugam. Povezave z 3-5 besedami v njih je lažje klikniti na telefon kot povezave 1-besedo.
- Ne postavljajte navigacije na sam vrh zaslona. Ni nič več nadležno, kot da bi morali stran prek zaslona in zaslona povezav, da bi našli želene informacije. Če ste pogledali spletne strani, ki so bile oblikovane za mobilne telefone, boste videli, da so prve stvari, ki se pojavljajo, vsebina in naslov. Nato je pod njim navigacija.
- Ne bojte se, da bi skrili vašo navigacijo. Skrivanje navigacijskih povezav s CSS ali JavaScriptom in njihovo prikazovanje samo, ko uporabnik zahteva, da je to lažja stran za uporabnike pametnih telefonov.
Nasveti za slike na pametnih telefonih
- Slike morajo biti majhne. Da, lahko Android in iPhoni povečajo in unzoom na slikah , vendar bodo manjši, tako v obeh dimenzijah kot tudi v času prenosa, srečnejši od vaših brezžičnih uporabnikov. Optimizacija slik je vedno dobra ideja, vendar je za strani mobilnega telefona ključnega pomena.
- Slike se morajo hitro prenesti. Slike si na spletnih straneh zajemajo veliko prostora, ko jih gledate iz mobilne naprave. In čeprav so pogosto zelo prijazni in so strani videti boljše, ko si jih ogledujejo v celotnem spletnem brskalniku, pogosto pridejo na pot na mobilni napravi. Plus, ko je uporabnik pametnega telefona v mobilnem omrežju, zadnja stvar, ki jo želijo plačati, je nalaganje kup velikih slik ali navigacijskih ikon.
- Na vrh strani ne postavljajte velikih slik. Tako kot pri navigaciji je lahko zelo dolgočasno čakati na sliko, ki zajema 3-4 zaslonov, ki se naložijo na sam vrh strani. In to je zelo pogosto na spletnih straneh. Edina izjema pri tem je, če bralec ve, da bo dobil sliko, ko kliknejo, recimo v galeriji fotografij.
Kaj se je treba izogniti pri načrtovanju za mobilne naprave
Ob izdelavi strani, ki je prijazna do mobilnih naprav, se morate izogibati več stvarem. Kot že omenjeno, če res želite imeti na svoji strani, lahko, vendar se prepričajte, da stran deluje brez njih.
- Flash - večina mobilnih telefonov ne podpira Flash, zato ni dobra ideja, da jo vključite na brezžične strani.
- Piškotki - številni mobilni telefoni nimajo podpore za piškotke. iPhoni podpirajo piškotke.
- Okvirji - tudi če jih brskalnik podpira, razmislite o dimenzijah zaslona. Okviri ne delujejo na mobilnih napravah - zelo težko ali nemogoče je brati.
- Tabele - ne uporabljajte tabel za postavitev na strani za mobilne naprave. In poskušajte preprečiti tabele na splošno. Niso podprti na vseh mobilnih telefonih (čeprav jih podpirajo telefoni iPhone in drugi pametni telefoni), na koncu pa lahko prideš do čudnih rezultatov.
- Vgnezdene tabele - če morate uporabiti tabelo, se prepričajte, da ne gnezdite v drugo tabelo. To je težko za podporo brskalnikov na namizju in v najboljšem primeru počasneje obremenitev strani.
- Absolutni ukrepi - z drugimi besedami, ne določajte dimenzij predmetov v absolutnih velikostih (kot so piksli, milimetri ali palcev). Če določite nekaj kot širino 100 pik, na eni mobilni napravi, ki je lahko polovica zaslona, in na drugem, bi lahko bila dvakrat večja od širine. Relativne velikosti (npr. Ems in odstotki) najbolje delujejo.
- Pisave - ne predpostavljajte, da bo katera od pisav, ki ste jih uporabljali za dostop, na voljo na mobilnih telefonih.
Preberi več
- Kako narediti svojo spletno stran prijazno z uporabo PHP