Garums: 5862 simboli



Autors: Labi
Bloga ID=308

Kā jāizskatās mūsdienīgai WAP lapai?


Ieslēdz attēlus!

      Lai izveidotu smuku WAP lapu nākas krietni pasvīst, jo atšķirībā no WEB lapu dizaina, kuru mūsdienās ierobežo tikai savietojamība ar pārlūkiem un dizainera zināšanu līmenis, veidojot WAP jeb mobilā WEB dizainu jāpatur prātā arī lietotāja ierīces ekrāna izmēri, grafikas un satura daudzums lapā, ierīces specifiskās īpašības (skārienjūtīgs ekrāns vai ar pogām vadāms pārlūks), kā arī interneta ātrums un izmaksas, kas pieejams lietotājiem. Šajā ziņā WAP blogus nevarētu uzskatīt par mūsdienīgu WAP lapu, jo mobilā versija ir veidota tā, lai to varētu viegli un ātri atvērt arī ar 5-7 gadus vecu telefonu, tāpēc tur netiek izmantoti sareģīti CSS izkārtojumi un pilnībā noignorēta grafika.

Vecā WAPa standarti
      WAP lapu būvēšanai nepastāv rakstīti standarti, tomēr ir vairāki ieteikumi, pie kuriem jāpieturās, lai izveidotu mobilajiem pārlūkiem saprotamu mājaslapu. Pirms 3G interneta un vietelefonu parādīšanās, mobilās mājaslapas tika veidotas tā, lai tās būtu ērti apskatīt telefonos gan ar 128×128 pikseļu, gan ar 176x220 pikseļu un lielāku izšķirtspēju. HTML struktūrā nav ieteicams izmantot <IFRAME> un <FRAME> tagus, ļoti labi ja vientes izkārtojumu var izveidot bez <TABLE> elementiem, jo ar tiem arī var būt problēmas vecākajos telefonos, tā vietā labāk izmantot <P> un <DIV>, kā arī jāizvairās no JavaScript un Flash lietošanas, jo šo valodu atbalsts bija tikai advancētākajās pirms iPhone ēras ierīcēs. Lietotājiem, protams, patīk vietnes, kurās ir daudz grafisko objektu, taču tie palēnina lapas ielādes laiku, tāpēc vienā lapā ieteicams izvietot ne vairāk kā 1-2 attēlus un ja nepieciešams, pāris grafiskās ikonas. Kopumā jāpieturas pie vienkārša izkārtojuma, ja vientē ir garš teksts, tad tas jāsadala vairākās lappusēs, lapas navigācija jāizvieto tā, lai ietotājs bez liekas ritināšanas un pēc iespējas mazāk klikšķiem varētu nokļūt tur kur vēlas. Ja lietotāja ir pārlūks to pieļauj, tad ļoti labi, ja ir iespēja "saspiest" vietnes saturu ar Gzip ((WEB) -http://php.net/manual/en/function.ob-gzhandler.php) kompresijas palīdzību. Vecā stila vietņu piemēri ir http://wapblogs.eu (no telefona) un http://wap.amigo.lv

WAP lapas priekš telefoniem ar skārienjūtīgu ekrānu
      Kopš parādījās pirmais iPhone telefons, attieksme pret mobilo internetu mainījās uz labo pusi, jo pēkšņi kļuva modīgi ar pirkstu bakstīt telefona ekrānu, kurā liela daļa pakalpojumu bija pieejami caur internetu. Kopš tā laika visiem populārākajiem interneta portāliem goda lieta ir izveidot portāla WAP versiju un/vai mobilo aplikāciju. Tiek pielabotas arī mobilās vietnes, kuras eksistēja līdz skārienjūtīgo telefonu ērai. Šobrīd mobilās mājaslapas vēlams optimizēt ierīcēm, kuru izšķirtspēja ir sākot no 240 x 320 pikseļiem līdz 640x960 pikeļiem un lielākiem ekrāniem. "Būvējot" jaunā tipa WAP vietni, vajadzētu pievērst uzmanību arī telefonu operētājsistēmu un tajās izmantoto pārlūkprogrammu īpatnībām. Līdz ar 3G ieviešanu un mobilā interneta cenu samazināšanos, WAP lapu ielādes laiks ir krietni palielinājies, tāpēc mobilajās vietnēs tiek izmantots vairāk grafikas un lietoti lapu fona attēli (background-image), kā arī sarežģītāki HTML un CSS izkārtojumi. Tā kā skārienjūtīgajos telefonos navigācija pa linkiem notiek ar pirkstu palīdzību, tad, veidojot WAP lapu, galvenā uzmanība jāpievērš pietiekami lieliem objektiem uz kuriem var viegli trāpīt ar "ķepu", tie var būt gan <DIV> elementi, gan grafiskas ikonas. Šādās lapās garie teksti nav jādala vairākās lapās, ja vien tas nav eposs "Lāčplēsis". Ir lielākas iespējas izmantot JavaScript un Flash, taču neesmu redzējis pārāk daudz vietņu kurās šīs valodas tiek pielietotas. Tā vietā šobrīd aktuālāk ir veidot Offline aplikācijas uz HTML5, manuprāt, labākais piemērs tam ir http://mobile.twitter.com, par kuru jau rakstīju šeit. Kopumā var teikt, ka mūsdienīga WAP lapa daudz neatšķiras no WEB lapām, ja nu vienīgi ar reklāmu daudzumu un mobilo vietņu raksturīgāko iezīmi - vienkāršību un ērtumu. Mūsdienīgu WAP lapu piemērus var apskatīties augšējā attēlā, kā arī jau minētajā Twitter mobilajā vietnē un http://iphone.draugiem.lv
      Ja ir vēlme pamēģināt izveidot kaut ko savām rokām, tad šeit (WEB) - http://www.mobileawesomeness.com/mobile-web-resources/ var palasīt vairāk par mobilā WEB dizainu, bet šeit (WEB) - http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/ ir iPhone telefoniem paredzētas lapas piemērs.

iPad mājaslapu dizains?
      Neesmu daudz turējis rokā iPad'veidīgās ierīces, taču spriežot pēc to ekrānu lielajiem izmēriem varētu domāt, ka planšetdatoriem piemērotākas varētu būt WEB mājaslapas, tāču tiem ir viedtelefonu operētājsistēmas un pārlūki, kuriem ir mazliet lielāki ierobežojumi nekā datora pārlūkiem. Kura mājaslapas versija ir piemērotāka planšetdatoriem? - uz šo jautājumu es pašreiz nezinu atbildi, taču domāju, ka var izmantot abas versijas, ja pārlūks to atļauj. Izskatās, ka nākotnē vainu radīsies trešais mājaslapu veids, kas būs predzēts tieši planšētdatoriem vainu HTML5 vai kāda cita tehnoloģija ļaus veidot vietnes, kuras būs vienlīdz ērti lietot no jebkuras ierīces.


Uzrakstīts: 17:27 23-01-12
Raksts lasīts 5510 reizi(es)
Patīk [216+] / Nepatīk [457-]

Ielādēt PDF(385)Komentāri(0)

Raksta QR kods vai
Adrese:
« Labi blogi [248]
« WAP blogi
2010-2017, [0.1035]