Iespējams, ka esat redzējis, kā iPhone var pārlūkot un paplašināt tīmekļa lapas. Tas var jums uzreiz parādīt visu tīmekļa lapu vai tuvināt, lai padarītu jūs interesējošu tekstu lasāmu. Vienā ziņā kopš iPhone izmanto Safari, tīmekļa dizaineriem nevajadzētu darīt neko īpašu, lai izveidotu tīmekļa lapu, kas darbotos ar iPhone. Bet vai jūs patiešām vēlaties, lai jūsu lapa vienkārši darbotos - vai izceltos un spīdētu?
Kad jūs izveidot tīmekļa lapu, jums ir jādomā par to, kurš to skatīsies un kā viņi to skatīsies. Dažās labākajās vietnēs tiek ņemta vērā, kāda veida ierīcē lapa tiek skatīta, ieskaitot izšķirtspēju, krāsu opcijas un pieejamās funkcijas. Viņi to paļaujas ne tikai uz ierīci.
Vispārīgas vadlīnijas vietnes izveidei mobilajām ierīcēm
- Pārbaudiet pēc iespējas vairāk ierīcēs. Pirmā lieta, kas jums jādara, ir apskatīt vietni iPhone tālrunī un tik daudz dažādu mobilās ierīces vai emulatori, kā jūs varat. Lai gan visu testu veikšanai varat izmantot emulatorus, tie patiešām nedod tādu pašu sajūtu kā mēģinot pārvietoties pa vietni mazajā mazajā ekrānā. Cik vien iespējams, jums jāpārbauda uz faktiskajām ierīcēm.
- Padariet savas lapas graciozi degradētas. Jūs varat rakstīt savas lapas Flash iespējota, platekrāna pārlūkprogrammas, taču pārliecinieties, ka kritiskā informācija ir redzama pat mazā monitorā, kas nespēj apstrādāt īpašas funkcijas (piemēram, sīkfailus, Ajax, Flash, JavaScript utt.). Viss, kas pārsniedz XHTML Basic, būs ārpus dažiem mobilajiem tālruņiem. Lai gan lielākā daļa viedtālruņu var tikt galā ar visām šīm lietām, citas mobilās ierīces to nevar.
- Izveidojiet bezvadu tīkla lapu un padariet to viegli atrodamu. Ja jūs gatavojaties izveidot noteiktu lapu savam mobilajam telefonam un bezvadu klientiem - dariet to pieejamu. Lielisks veids ir ievietot saiti uz bezvadu lapu pašā dokumenta augšdaļā un pēc tam slēpt šo saiti no ierīcēm, kas nav rokas, izmantojot rokas multivides veidu. Galu galā lielākā daļa cilvēku apmeklē jūsu mājas lapu, pat izmantojot mobilos tālruņus - un, ja saite uz jūsu bezvadu lapu nav, viņi pamet, ja lapu ir pārāk grūti izmantot.
Tīmekļa lapas izkārtojums viedtālruņiem
Pirmā lieta, kas jums jāatceras, rakstot lapas viedtālruņu tirgum, ir tā, ka, ja nevēlaties, jums nav jāveic nekādas izmaiņas. Lielākā daļa pieejamo viedtālruņu ir tā, ka viņi izmanto Webkit pārlūkus (Safari iOS un Chrome Android ierīcēs) parādīt tīmekļa lapas, tādēļ, ja pārlūkprogrammā Safari vai Chrome jūsu lapa izskatās labi, tā lielākajā daļā viedtālruņu izskatīsies labi (tikai daudz mazāks). Tomēr, lai pārlūkošanas pieredzi padarītu patīkamāku, varat rīkoties šādi:
- Atcerieties, ka ekrāns ir niecīgs. Viedtālruņi visas šīs kolonnas kondensēs mazajā logā, un tas var padarīt tos ļoti grūti lasāmus bez tālummaiņas. Lielākā daļa lietotāju ir pieraduši pie tālummaiņas, taču tas var kļūt nogurdinošs. Vienu garu teksta kolonnu ir vieglāk nolasīt.
- Sadaliet lapas mazākos gabalos. Mobilajā tālrunī var būt grūti nolasīt garus teksta segmentus, tāpēc, ievietojot tos uz vairākām lapām, tos ir vieglāk lasīt.
Saites un navigācija iPhone tālruņos
- Jo īsāki ir URL, jo labāk. Ja kādreiz esat mēģinājis ievadīt vietrādi URL mobilajā tālrunī, jūs zināt, ka tas ir sāpes (izņemot varbūt pusaudžus, kuri ir pieraduši sūtīt daudz īsziņu). Pat iPhone tālrunī ir garlaicīgi ierakstīt garus URL. Turiet tos īsus.
- Bet garās saites tekstu ir vieglāk pieskarties. Atrodoties lapā, kurā vairāki atsevišķi vārdi ir saistīti ar dažādiem rakstiem, visi tieši blakus viens otram, var būt ļoti grūti pieskarties pareizajam bez tālummaiņas. Daudzi cilvēki vienkārši padosies un dosies kaut kur citur. Saites, kurās ir 3 līdz 5 vārdi, ir vieglāk noklikšķināt uz tālruņa nekā saites ar 1 vārdu.
- Nenovietojiet navigāciju ekrāna pašā augšdaļā. Nav nekas kaitinošāks par nepieciešamību pārlūkot ekrānus un saišu ekrānus, lai atrastu vajadzīgo informāciju. Ja esat apskatījis tīmekļa lapas, kas paredzētas mobilajiem tālruņiem, redzēsit, ka vispirms tiek parādīts saturs un virsraksts. Tad zem tā ir navigācija.
- Nebaidieties paslēpt navigāciju.Navigācijas saišu slēpšana ar CSS vai JavaScript un padarīt tās parādītas tikai tad, kad lietotājs to lūdz, tas ir veids, kā padarīt lapu vieglāku viedtālruņu lietotājiem.
Padomi attēliem viedtālruņos
- Attēliem jābūt maziem. Jā, Android un iPhone var tuvināt un tālināt attēlus, taču jo mazāki tie ir gan izmēros, gan lejupielādes laikā, jo laimīgāki būs jūsu bezvadu klienti. Attēlu optimizēšana vienmēr ir laba ideja, taču mobilo tālruņu lapām tā ir kritiska.
- Attēli ir ātri jālejupielādē. Attēli tīmekļa lapās aizņem daudz vietas, kad tos skatāt no mobilās ierīces. Un, lai gan tie bieži ir ļoti jauki un lapas izskatās labāk, ja tās skatās pilnekrāna tīmekļa pārlūkprogrammā, tās bieži traucē mobilajā ierīcē. Turklāt, kad viedtālruņa lietotājs ir mobilajā tīklā, pēdējā lieta, par kuru viņi vēlas maksāt, ir daudz milzīgu attēlu vai navigācijas ikonu lejupielāde.
- Nelieciet lielus attēlus lapas augšdaļā. Gluži tāpat kā navigācijas gadījumā, var būt ļoti nogurdinoši gaidīt, kamēr attēls, kas aizņem 3–4 ekrānšāviņus, tiks ielādēts pašā lapas augšdaļā. Un tas ir ārkārtīgi izplatīts tīmekļa lapās. Vienīgais izņēmums ir tas, ja lasītājs zina, ka noklikšķinot, piemēram, fotoattēlu galerijā, viņš iegūs attēlu.
Ko vajadzētu izvairīties, izstrādājot mobilajām ierīcēm
Veidojot mobilajām ierīcēm piemērotu lapu, jums vajadzētu izvairīties no vairākām lietām. Kā jau minēts iepriekš, ja jūs patiešām vēlaties, lai tie būtu jūsu lapā, varat, taču pārliecinieties, ka vietne darbojas bez tām.
- Zibspuldze: Lielākā daļa mobilo tālruņu neatbalsta Flash, tāpēc nav ieteicams to iekļaut savās bezvadu lapās.
- Sīkdatnes: Daudziem mobilajiem tālruņiem nav sīkdatņu atbalsta. iPhone ir sīkdatņu atbalsts.
- Rāmji: Pat ja pārlūkprogramma tos atbalsta, padomājiet par ekrāna izmēriem. Rāmji vienkārši nedarbojas mobilajās ierīcēs - tos ir ļoti grūti vai neiespējami nolasīt.
- Galdi: Neizmantojiet tabulas izkārtojumam mobilajā lapā. Un mēģiniet vispār izvairīties no tabulām. Tie netiek atbalstīti visos mobilajos tālruņos (lai gan iPhone un citi viedtālruņi tos atbalsta), un jūs varat iegūt dīvainus rezultātus.
- Ligzdotas tabulas: Ja jums ir jāizmanto tabula, pārliecinieties, ka tā nav ievietota citā tabulā. Tos ir grūti atbalstīt darbvirsmas pārlūkprogrammās, un labākajā gadījumā lapa tiek ielādēta lēnāk.
- Absolūti pasākumi: Citiem vārdiem sakot, nenosakiet objektu izmērus absolūtos izmēros (piemēram, pikseļos, milimetros vai collās). Ja kaut ko definējat kā 100 pikseļu platumu, vienā mobilajā ierīcē, kas var būt puse no ekrāna, bet citā - divas reizes platāks. Vislabāk darbojas relatīvie izmēri (piemēram, ems un procenti).
- Fonti: Nedomājiet, ka kāds no fontus esat pieradis, ka piekļuve būs pieejama mobilajos tālruņos.