Líklega hefur þú séð hvernig iPhone getur flett og stækkað vefsíður. Það getur sýnt þér alla vefsíðuna í fljótu bragði eða zoomið inn til að gera textann sem þú hefur áhuga á að lesa. Í einum skilningi, þar sem iPhone notar Safari, ættu vefhönnuðir ekki að þurfa að gera neitt sérstakt til að búa til vefsíðu sem mun vinna á iPhone.
En viltu virkilega að síðunni þinni bara virki? Flestir hönnuðir vilja síður sínar að skína!
Þegar þú býrð til vefsíðu þarftu að hugsa um hverjir eru að skoða það og hvernig þeir eru að skoða það. Sumir af the bestur staður taka mið af hvaða tegund af tæki síðunni er skoðað á, þar á meðal upplausn, litarvalkostir og tiltækar aðgerðir. Þeir treysta ekki bara á tækið til að reikna það út.
Almennar leiðbeiningar um að byggja upp vefsvæði fyrir farsíma
- Prófaðu á eins mörgum tækjum og þú getur. Það fyrsta sem þú ættir að gera er að skoða síðuna þína á iPhone og eins mörgum mismunandi farsímum eða emulators eins og þú getur. Þó að þú getir notað emulators fyrir allar prófanirnar þínar, þá gefa þeir þér ekki sömu tilfinningu og að reyna að fletta í gegnum vefsíðu á litlum skjánum, svo prófaðu á raunverulegum tækjum eins mikið og mögulegt er.
- Gerðu síðurnar þínar skemmtilegar. Þú getur skrifað síðurnar þínar fyrir vafra, vafra með breiðskjánum, en vertu viss um að gagnrýnin upplýsingar séu sýnileg, jafnvel í litlu skjái sem ekki er hægt að meðhöndla sérstakar aðgerðir (eins og smákökur, Ajax, Flash, JavaScript, osfrv.). Nokkuð umfram XHTML Basic mun vera fyrirfram sumum farsímum. Þó að flestir snjallsímar geti séð alla þá hluti (nema Flash á iPhone, að sjálfsögðu), geta aðrir farsímar ekki.
- Búðu til þráðlaust tiltekna síðu og auðveldaðu þér að finna. Ef þú ert að fara að byggja upp ákveðna síðu fyrir farsímann þinn og þráðlausa viðskiptavini skaltu gera það tiltækt. Frábær leið er að setja hlekkinn á þráðlausa blaðið efst á skjalinu þínu og þá fela þessi hlekkur frá ótengdum tækjum með handheldum fjölmiðlum. Eftir allt saman koma flestir á heimasíðuna þína, jafnvel á farsímum - og ef tengilinn á þráðlausa síðuna þína er ekki þarna, fara þeir af stað ef síðunni er of erfitt að nota.
Vefsíður fyrir Smartphones
Það fyrsta sem þú ættir að muna þegar þú skrifar síður fyrir smartphone markaðinn er að þú þarft ekki að gera neinar breytingar ef þú vilt ekki. The mikill hlutur óður í flestum smartphones boði er að þeir nota Webkit vafra (Safari á IOS og Chrome á Android) til að birta vefsíður, þannig að ef vefsíðan þín lítur í lagi í Safari eða Chrome, mun það líta vel út á flestum snjallsímum (bara mun minni ). En það eru hlutir sem þú getur gert til að gera vafraupplifunin skemmtilegri:
- Mundu að skjárinn er lítill. Snjallsímar munu þakka öllum þessum dálkum niður í litla gluggann, og þetta getur gert þau mjög erfitt að lesa án þess að hysa. Flestir notendur eru notaðir til að súmma, en það getur orðið þreytandi. Einn langur dálkur textans er auðveldara að lesa.
- Skiptu síðum í smærri klumpur. Það getur verið erfitt að lesa lengra hluta texta á farsíma, þannig að setja þau á margar síður gerir þeim auðveldara að lesa.
Tenglar og flakk á iPhone
- Því styttri vefslóðirnar eru, því betra. Ef þú hefur einhvern tíma reynt að slá inn slóð á farsímanum, muntu vita að það er sársauki (nema ef til vill fyrir unglinga sem eru vanir að senda margar textaskilaboð). Jafnvel á iPhone, það er leiðinlegt að slá inn langar vefslóðir. Haltu þeim stuttum.
- En langur tengilinn texti er auðveldara að smella á. Þegar á síðu þar sem nokkrir aðskildar orð eru tengdir mismunandi greinum, allt í lagi við hliðina á hvort öðru, getur verið mjög erfitt að tappa á réttan hátt án aðdráttar. Margir munu bara gefast upp og fara annars staðar. Tenglar með 3-5 orð í þeim eru auðveldara að smella á símann en 1-orð tenglar.
- Ekki setja leiðsögnina þína efst á skjánum. Það er ekkert meira pirrandi en að þurfa að fara í gegnum skjái og skjár af tenglum til að finna þær upplýsingar sem þú vilt. Ef þú hefur skoðað vefsíður sem voru hönnuð fyrir farsímar, muntu sjá að fyrstu hlutirnir sem birtast eru efni og fyrirsögn. Þá, fyrir neðan það er siglingar.
- Ekki vera hræddur við að fela siglingar þínar. Fela siglingar tengla við CSS eða JavaScript og láta þær birtast aðeins þegar notandinn biður um að það sé leið til að auðvelda síðunni fyrir notendur snjallsímans.
Ábendingar um myndir á smartphones
- Myndirnar verða að vera litlar. Já, Android og iPhone geta súmma og unzoom inn á myndum , en því minni sem þeir eru, bæði í stærð og niðurhals tíma, mun hamingjusamari þráðlausir viðskiptavinir þínir vera. Hagræðing á myndum er alltaf góð hugmynd, en fyrir símasíður er mikilvægt.
- Myndir verða að hlaða niður fljótt. Myndir taka upp mikið pláss á vefsíðum þegar þú skoðar þau úr farsímanum. Og meðan þeir eru oft mjög góðir og gera síðurnar kleift að líta betur út þegar þær eru skoðaðir á fullri skjávafra, þá koma þeir oft í veg fyrir farsíma. Auk þess þegar snjallsíminn notandi er á farsímakerfinu er það síðasta sem þeir vilja borga fyrir að hlaða niður fullt af stórum myndum eða flakkáknum.
- Ekki setja stórar myndir efst á síðunni. Rétt eins og með leiðsögn, getur það verið mjög leiðinlegt að bíða eftir mynd sem tekur 3-4 skjámyndir til að hlaða efst á síðunni. Og þetta er mjög algengt á vefsíðum. Eina undantekningin er að lesandinn veit að þeir eru að fara að fá mynd þegar þeir smella á, segðu í myndasafni.
Hvað á að forðast þegar Hönnun fyrir farsíma
Það eru nokkrir hlutir sem þú ættir að forðast þegar þú ert að byggja upp farsíma-vingjarnlegur síðu. Eins og fram kemur hér að framan, ef þú vilt virkilega að hafa þetta á síðunni þinni, getur þú, en vertu viss um að vefsvæðið virkar án þeirra.
- Flash - flestir farsímar styðja ekki Flash, þannig að það er ekki góð hugmynd að setja það á þráðlausa síðurnar þínar.
- Kökur - margir farsímar hafa ekki kex stuðning. iPhones hafa kex stuðning.
- Rammar - jafnvel þótt vafrinn styður þá skaltu hugsa um stærð skjásins. Rammar virka bara ekki við farsíma - þau eru mjög erfitt eða ómögulegt að lesa.
- Töflur - ekki nota töflur fyrir skipulag á farsíma síðu. Og reyndu að forðast töflur almennt. Þau eru ekki studd á hverjum farsíma (þótt iPhone og önnur smartphones styðja þá) og þú getur endað með undarlegum árangri.
- Nested töflur - ef þú verður að nota borð, vertu viss um að hreiður ekki í öðru borði. Þetta er erfitt fyrir skjáborðið til að styðja, og í besta falli, að blaðsíða hlaða hægar.
- Algerar ráðstafanir - með öðrum orðum, ekki skilgreina mál hlutar í algerum stærðum (eins og punktar, millimetrar eða tommur). Ef þú skilgreinir eitthvað sem 100 punkta breitt, á einu farsími sem gæti verið helmingur skjásins og á annan gæti það verið tvöfalt breidd. Hlutfallslegar stærðir (eins og ems og prósentur) virka best.
- Skírnarfontur - ekki ráð fyrir að einhver leturgerðin sem þú ert vanur að hafa aðgang að sé í boði á farsímum.
Lestu meira
- Hvernig á að gera vefsíðuna þína Mobile Friendly Using PHP