Iespējams, ka esat redzējis, kā iPhone var pārslēgt un izvērst tīmekļa lapas. Tas var īslaicīgi parādīt visu tīmekļa lapu vai tuvināt, lai teksts, kuru jūs interesē, būtu lasāms. Vienā ziņā, tā kā iPhone izmanto Safari, tīmekļa izstrādātājiem nevajadzētu darīt neko īpašu, lai izveidotu tīmekļa lapu, kas darbosies iPhone.
Bet vai tiešām vēlaties, lai jūsu lapa darbotos vienkārši? Lielākā daļa dizaineru vēlas, lai viņu lapas spīdētu!
Veidojot tīmekļa lapu , jums ir jādomā par to, kas to redzēs un kā to redzēs. Dažās no labākajām vietnēm ir ņemta vērā, kāda veida ierīce tiek skatīta lapā, ieskaitot izšķirtspēju, krāsu opcijas un pieejamās funkcijas. Viņi ne tikai paļaujas uz ierīci, lai to izdomātu.
Vispārīgas pamatnostādnes vietnes izveidei mobilajām ierīcēm
- Pārbaudiet pēc iespējas vairāk ierīcēm. Pirmā lieta, kas jums jādara, ir skatīties jūsu vietni iPhone un tik daudz dažādu mobilo ierīču vai emulatoru, cik vien iespējams. Kamēr jūs varat izmantot emulatorus visu savu testēšanu, tie patiešām nedod jums tādu pašu sajūtu kā mēģināt virzīties uz vietni tiny mazā ekrāna, tāpēc pārbaudiet uz faktiskajām ierīcēm, cik vien iespējams.
- Padariet savas lapas graciozi pazemināties. Jūs varat rakstīt savas lapas par Flash iespējotajām platekrāna pārlūkprogrammām, taču pārliecinieties, ka kritiskā informācija ir redzama arī nelielā monitorā, kas nevar apstrādāt īpašas funkcijas (piemēram, sīkfailus, Ajax, Flash, JavaScript uc). Nekas, kas pārsniedz XHTML Basic, būs ārpus dažiem mobilajiem tālruņiem. Lai gan lielākā daļa viedtālruņu, protams, var apstrādāt visas šīs lietas (izņemot zibspuldzi iPhone tīklā), citas mobilās ierīces to nevar.
- Veidojiet bezvadu īpašo lapu un atrodiet to viegli. Ja jūs plānojat izveidot konkrētu lapu savam mobilajam tālrunim un bezvadu klientiem, padariet to pieejamu. Lielisks veids ir ievietot saiti uz bezvadu lapu jūsu dokumenta augšdaļā un pēc tam paslēpt šo saiti no neautomātiskajām ierīcēm, izmantojot rokas multivides veidu. Galu galā lielākā daļa cilvēku nonāk jūsu mājas lapā, pat mobilajos tālruņos, un, ja saitei uz jūsu bezvadu lapu nav, viņi pamet, ja lapa ir pārāk grūti izmantot.
Web lapu izkārtojums viedtālruņiem
Pirmā lieta, kas jums vajadzētu atcerēties, rakstot lapas viedtālruņu tirgum, ir tas, ka jums nav jāmaina izmaiņas, ja nevēlaties to izdarīt. Lielākā daļa pieejamo viedtālruņu ir tā, ka Webkit pārlūkprogrammām (Safari operētājsistēmās iOS un Chrome Android ierīcēs) tiek parādīti tīmekļa lapas, tādēļ, ja lapa izskatās labi Safari vai Chrome, lielākajai daļai viedtālruņu tas izskatās labi (tikai daudz mazāks ) Bet ir vairākas lietas, ko varat darīt, lai padarītu pārlūkošanas pieredzi patīkamāku:
- Atcerieties, ka ekrāns ir niecīgs. Viedtālruņi visas šīs kolonnas būs kondensējušās tiny logu, un tas var padarīt tos ļoti grūti lasīt bez tālummaiņas. Lielākajai daļai lietotāju tiek izmantota tālummaiņa, taču tā var būt nogurdinoša. Viena garā teksta sleja ir vieglāk lasāma.
- Sadaliet lapas mazākos gabaliņos. Tas var būt grūti lasīt garus teksta segmentus mobilajā telefonā, tāpēc to ievietošana vairākās lapās padara tos vieglāk lasāmu.
Saites un navigācija iPhone ierīcēs
- Jo īsāks URL, jo labāk. Ja jūs kādreiz esat mēģinājis ievadīt URL mobilajā telefonā, jūs zināt, ka tā ir sāpīga (izņemot, iespējams, tīņi, kuri tiek izmantoti, lai sūtītu daudz īsziņu). Pat iPhone, ir garlaicīgi ievadīt garus URL. Saglabājiet tos īsos.
- Taču garās saites tekstu ir vieglāk pieskarties. Ja lapā, kurā ir vairāki atsevišķi vārdi, ir saistīti ar dažādiem rakstiem, viss blakus viens otram, var būt ļoti grūti pieskarties pareizajam, bez tālummaiņas. Daudzi vienkārši pamet un aiziet kaut kur citur. Tajos saites ar 3-5 vārdiem ir vieglāk noklikšķināt uz tālruņa nekā viena vārda saites.
- Nenovietojiet navigāciju pašā ekrāna augšējā daļā. Nav nekas vairāk kaitinošas nekā pārlūkošana caur ekrāniem un saites, lai atrastu nepieciešamo informāciju. Ja esat paskatījis tīmekļa lapas, kas tika izstrādātas mobilajiem tālruņiem, jūs redzēsiet, ka pirmās parādās ir satura un virsraksta ziņas. Tad zemāk ir navigācija.
- Nebaidieties slēpt savu navigāciju. Slēpjas navigācijas saites ar CSS vai JavaScript un tie tiek parādīti tikai tad, kad lietotājs prasa, lai tas būtu veids, kā viedtālruņu lietotājiem padarīt vieglāku.
Padomi attēliem viedtālruņos
- Attēliem jābūt maziem. Jā, Android un iPhones var palielināt un palielināt attēlu apjomu , taču, jo mazāks tas ir abos aspektos un lejupielādes laikā, jo laimīgākos būs jūsu bezvadu klienti. Attēlu optimizēšana vienmēr ir laba ideja, bet mobilo tālruņu lapās tas ir kritisks.
- Attēli jāielādē ātri. Attēlos ir daudz vietas tīmekļa lapās, kad tos skatāties mobilajā ierīcē. Un, lai gan viņi bieži vien ir ļoti jauki un padara lapas labākas, kad skatās uz pilnekrāna pārlūkprogrammas, viņi bieži vien nokļūst mobilajā ierīcē. Piemēram, ja viedtālruņa lietotājs atrodas mobilajā tīklā, pēdējā lieta, ko viņi vēlas maksāt, lejupielādē lielu attēlu vai navigācijas ikonu ķekars.
- Nelieciet lielus attēlus lapas augšdaļā. Tāpat kā navigācijas laikā, var būt ļoti garlaicīgi gaidīt attēlu, kas aizņem 3-4 ekrānus, lai ielādētu lapas augšdaļā. Un tas ir ļoti izplatīts tīmekļa lapās. Vienīgais izņēmums ir tas, ja lasītājs zina, ka viņi, noklikšķinot, sāks attēlu, teikt foto galerijā.
Ko izvairīties, izstrādājot mobilo ierīci
Veidojot mobilajām ierīcēm draudzīgu lapu, ir jāizvairās no vairākām lietām. Kā minēts iepriekš, ja jūs patiešām vēlaties, lai tie būtu jūsu lapā, varat, bet pārliecinieties, vai vietne darbojas bez tām.
- Flash - lielākā daļa mobilo tālruņu neatbalsta zibspuldzi, tāpēc nav ieteicams to iekļaut savās bezvadu lapās.
- Sīkfaili - daudziem mobilajiem tālruņiem nav sīkfailu atbalsta. iPhones ir sīkfailu atbalsts.
- Frames - pat ja pārlūks tos atbalsta, domā par ekrāna izmēriem. Frames nedarbojas mobilajās ierīcēs - tās ir ļoti grūti vai neiespējami lasīt.
- Tabulas - nelietojiet tabulas izkārtojumam mobilajā lapā. Un mēģiniet izvairīties no tabulām kopumā. Tie netiek atbalstīti katrā mobilajā telefonā (lai gan iPhones un citi viedtālruņi to atbalsta), un jūs varat iegūt dīvainus rezultātus.
- Novietotās tabulas - ja jums ir jāizmanto tabula, pārliecinieties, ka tā nav ievietota citā tabulā. Datora pārlūkprogrammām tas ir grūti atbalstīt, un, labākajā gadījumā, lappusi ielādēt lēnāk.
- Absolūti pasākumi - citiem vārdiem sakot, objektu izmēri nav definēti absolūtos lielumos (piemēram, pikseļi, milimetri vai collas). Ja jūs definējat kaut ko par 100 pikseļu platumu, vienā mobilajā ierīcē, kas varētu būt puse no ekrāna, un citā tā var būt divas reizes lielāka par platumu. Relatīvie izmēri (piemēram, ems un procenti) vislabāk darbojas.
- Fonti - nepieļauj, ka kāds no fontiem, ar kuriem jūs izmantojat piekļuvi, būs pieejams mobilajos tālruņos.
Lasīt vairāk
- Kā padarīt jūsu vietni mobili, izmantojot PHP