Galbūt jūs matėte, kaip "iPhone" gali apversti ir išplėsti tinklalapius. Tai gali iš karto parodyti visą tinklalapį iš pirmo žvilgsnio arba priartinti, kad norimą tekstą būtų galima skaityti. Vienu prasme, kadangi "iPhone" naudoja "Safari", interneto dizaineriai neturėtų daryti nieko ypatingo, kad sukurtų tinklalapį, kuris dirbs "iPhone".
Bet ar tikrai norite, kad jūsų puslapis būtų tiesiog darbas? Dauguma dizainerių pageidauja jų puslapių!
Kai kuriate tinklalapį , turite galvoti apie tai, kas ketina jį peržiūrėti ir kaip jis ketina jį peržiūrėti. Kai kuriose geriausiose svetainėse atsižvelgiama į tai, kokio tipo įrenginys žiūri puslapyje, įskaitant skiriamąją gebą, spalvų parinktis ir galimas funkcijas. Jie ne tik pasikliauja įrenginiu, kad išsiaiškintų.
Bendrosios svetainės kūrimo gairės mobiliesiems įrenginiams
- Išbandykite tiek daug prietaisų, kiek galite. Pirmas dalykas, kurį turėtumėte padaryti, yra peržiūrėti savo svetainę "iPhone" ir tiek daug skirtingų mobiliųjų įrenginių ar emulatorių, kiek galite. Nors galite naudoti emulius visus bandymus, jie iš tiesų nesuteikia jums tokio paties jausmo kaip bandyti naršyti tinklalapyje mažame mažame ekrane, todėl kiek įmanoma išbandykite faktinius įrenginius.
- Padarykite, kad jūsų puslapiai graziai pablogėtų. Galite parašyti savo puslapius, kuriuose yra "Flash", plačiaekranių naršyklių, tačiau įsitikinkite, kad svarbi informacija matoma net mažame monitoriuje, kuris negali apdoroti jokių specialių funkcijų (pvz., Slapukų, "Ajax", "Flash", "JavaScript" ir tt). Viskas, išskyrus "XHTML Basic", bus už kai kurių mobiliųjų telefonų ribų. Nors dauguma išmaniųjų telefonų gali tvarkyti visus šiuos dalykus (išskyrus "Flash", žinoma, "iPhone"), kiti mobilieji įrenginiai negali.
- Sukurkite konkretų belaidį puslapį ir lengviau jį surasti. Jei ketinate kurti konkretų savo mobiliojo telefono ir belaidžių klientų puslapį, kad jis būtų prieinamas. Puikus būdas įdėti nuorodą į "Wireless" puslapį pačioje dokumento viršuje, tada paslėpti tą nuorodą iš ne delninių prietaisų, naudojant rankinį laikmenos tipą. Galų gale dauguma žmonių patenka į jūsų pagrindinį puslapį, net ir mobiliuosiuose telefonuose. Jei nėra nuorodų į jūsų bevielį tinklalapį, jie bus palikti, jei puslapis yra per sunkus.
"Smartphone" tinklalapio išdėstymas
Pirmas dalykas, kurį turėtumėte prisiminti, kai rašote puslapius išmaniųjų telefonų rinkos, yra tas, kad jūs neturite atlikti jokių pakeitimų, jei nenorite. Puikus dalykas daugumoje išmaniųjų telefonų yra tai, kad jie naudoja "Webkit" naršykles ("Safari" "iOS" ir "Chrome", skirtus "Android"), kad būtų rodomi tinklalapiai. Taigi, jei jūsų puslapis "Safari" ar "Chrome" atrodo gerai, tai atrodys gerai daugelyje išmaniųjų telefonų (tik daug mažesnių ) Tačiau yra keletas dalykų, kuriuos galite padaryti, kad naršymo įspūdis būtų malonesnis:
- Atminkite, kad ekranas yra mažas. "Smartphones" apims visus šiuos stulpelius į mažą langą, todėl juos labai sunku nuskaityti be priartinimo. Dauguma naudotojų naudojasi mastelio keitimo funkcijoms, bet tai gali būti varginanti. Vienas ilgas teksto stulpelis yra lengviau skaitomas.
- Padalinkite puslapius į mažesnes dalis. Galite būti sunku skaityti ilgus teksto segmentus mobiliajame telefone, todėl juos keliuose puslapiuose juos lengviau skaityti.
Ryšiai ir navigacija "iPhone"
- Kuo trumpesni URL, tuo geriau. Jei kada nors bandėte įvesti URL į mobilųjį telefoną, jūs sužinosite, kad tai skausmas (išskyrus galbūt paaugliams, kurie naudojami daugybei tekstinių pranešimų siuntimo). Net "iPhone", tai yra nuobodus įvesti ilgas URL. Laikyk juos trumpai.
- Tačiau ilgą nuorodos tekstą lengviau paliesti. Kai puslapyje, kuriame keli skirtingi žodžiai yra susieti su skirtingais straipsniais, viskas šalia vienas kito, gali būti labai sunku bakstelėti teisingą, be mastelio keitimo. Daugelis žmonių tiesiog atsisakys ir eik kur kitur. Jų nuorodose su 3-5 žodžiais lengviau spustelėti telefoną nei vienos žodžių nuorodos.
- Nejunkite navigacijos pačioje ekrano viršuje. Nėra nieko daugiau erzinančių nei poreikio per ekranus ir ekranus nuorodų rasti norimą informaciją. Jei pažvelgėte į tinklalapius, kurie buvo sukurti mobiliesiems telefonams, pamatysite, kad pirmieji rodyti dalykai yra turinys ir antraštė. Tada žemiau yra navigacija.
- Nebijokite paslėpti savo navigacijos. Paslėpti naršymo nuorodas su CSS ar JavaScript ir padaryti juos rodyti tik tada, kai vartotojas prašo, kad tai būtų būdas padaryti puslapį lengviau išmaniųjų telefonų naudotojams.
Patarimai vaizdams iš "Smartphones"
- Vaizdai turi būti nedideli. Taip, "Android" ir "iPhone" gali padidinti ir atkurti vaizdus , bet kuo mažesni jie yra tiek matmenyse, tiek atsisiuntimo metu, tuo laimingesni jūsų belaidžiai klientai bus. Vaizdų optimizavimas visada yra gera idėja, tačiau mobiliųjų telefonų puslapiuose tai yra labai svarbu.
- Vaizdai turi greitai atsisiųsti. Vaizdai užima daug vietos žiniatinklio puslapiuose, kai juos peržiūrite mobiliajame įrenginyje. Ir nors jie dažnai yra labai malonūs ir puslapiai geresni, kai žiūri per visą ekraną, jie dažnai patenka į mobilųjį įrenginį. Plius, kai "smartfon" vartotojas yra mobiliojo ryšio tinkle, paskutinis dalykas, kurį jie nori sumokėti, - tai atsisiųsti didelių vaizdų ar navigacijos piktogramų krūva.
- Nestatykite didelių vaizdų puslapio viršuje. Kaip ir navigacijos metu, gali būti labai nuobodus palaukti, kol vaizdas įkels 3-4 puslapius, kad būtų galima įkelti pačią puslapio viršuje. Ir tai yra labai dažnas tinklalapiuose. Vienintelė išimtis yra tai, kad skaitytojas žino, kad jie spustelėja paveikslėlį, sako foto galerijoje.
Ką išvengti projektuojant mobiliesiems
Kelių dalykų, kuriuos turėtumėte vengti kurdami tinkamą mobiliesiems puslapį, yra keletas dalykų. Kaip minėta pirmiau, jei jūs tikrai norite, kad jie būtų jūsų puslapyje, galite, bet įsitikinkite, kad svetainė veikia be jų.
- "Flash" - dauguma mobiliųjų telefonų nepalaiko "Flash", todėl nėra tikslinga įtraukti jį į savo belaidžius puslapius.
- Slapukai - daugelis mobiliųjų telefonų neturi slapukų. "iPhone" palaiko slapukus.
- Rėmeliai - net jei naršyklė juos palaiko, pagalvokite apie ekrano matmenis. Rėmeliai tiesiog neveikia mobiliuosiuose įrenginiuose - juos labai sunku arba neįmanoma perskaityti.
- Lentelės - nenaudokite išdėstymo lentelių mobiliojo puslapio. Ir pabandykite išvengti stalų apskritai. Jie nėra palaikomi kiekviename mobiliajame telefone (nors "iPhone" ir kiti "smartphonach" juos palaiko), o jūs galite susidurti su keistais rezultatais.
- Lentelės, kuriose yra lizdų - jei turite naudoti lentelę, įsitikinkite, kad jos nėra įtrauktos į kitą lentelę. Tai yra sunku, jei stalinių kompiuterių naršyklės palaiko, ir, geriausiu atveju, puslapio įkėlimas lėčiau.
- Absoliučios priemonės - kitaip tariant, nenustato objektų matmenų absoliučiais dydžiais (pvz., Pikseliais, milimetrais ar coliais). Jei apibrėžiate kažką kaip 100 piks. Pločio, viename mobiliajame įrenginyje, kuris gali būti pusiau ekrano, o kitame - dvigubai didesnis plotis. Santykiniai dydžiai (pvz., Ems ir procentai) geriausiai veikia.
- Šriftai. Nepriimkime, kad bet kuris šriftas, kuriame jūs naudojatės prieiga, bus mobiliuosiuose telefonuose.
Skaityti daugiau
- Kaip padaryti jūsų svetainę mobiliuoju naudojant PHP