Mājaslapa telefonā vakar darbojās nevainojami, bet šodien pieteikuma poga paslēpusies aiz paziņojuma, galvenais attēls ielādējas lēni un forma kļuvusi neērta. Šādām problēmām ne vienmēr vajadzīga liela pārbūve. Pietiek ar jaunu reklāmas skriptu, apjomīgu fotogrāfiju vai papildu lauku, lai iepriekš ērta lapa kļūtu apgrūtinoša.

Tāpēc mājaslapas ātrums un mobilā pieredze nav tikai sākotnējās izstrādes uzdevums. Tā ir kvalitāte, kas jāsaglabā arī pēc publicēšanas. Šajā rakstā uzmanība pievērsta izmaiņu kontrolei: kā pārbaudīt svarīgākās darbības, salīdzināt rezultātus un nepieļaut, ka ikdienas satura papildinājumi traucē klientam sazināties ar uzņēmumu.

1. Izvēlies klienta uzdevumu, nevis tikai pārbaudāmo lapu

Ja pārbaudē tikai atver sākumlapu un paskaties, vai viss izskatās pareizi, būtiskas problēmas var palikt nepamanītas. Apmeklētājs neienāk mājaslapā, lai novērtētu tās ielādi. Viņš vēlas atrast pakalpojumu, saprast piedāvājumu, piezvanīt vai nosūtīt pieprasījumu. Pārbaudei jāatkārto šis ceļš no sākuma līdz beigām.

Izvēlies vienu galveno darbību un dažus papildu scenārijus. Pakalpojumu uzņēmumam tas var būt cenas pieprasījums, darba laika atrašana un zvans. Ja vietnē ir katalogs, pārbaudi arī navigāciju no kategorijas uz konkrētu piedāvājumu. Svarīgi sākt tur, kur patiešām nonāk apmeklētājs, piemēram, atsevišķā pakalpojuma lapā.

• Atver pakalpojuma lapu no tiešas saites, nevis tikai sākumlapas izvēlnes.
• Atrodi galveno ieguvumu un nākamo darbību bez ilgas meklēšanas.
• Aizpildi formu telefonā un pārbaudi kļūdu paziņojumus.
• Pārliecinies, ka pēc nosūtīšanas redzams skaidrs apstiprinājums.
• Pārbaudi, vai pieprasījums sasniedz paredzēto saņēmēju vai sistēmu.

Fiksē sākuma stāvokli pirms izmaiņām. Saglabā svarīgāko ekrānu attēlus, pārbaudes datumu un novērotās aizķeršanās. Ja vēlāk parādīsies problēma, būs vieglāk saprast, vai to izraisījis jaunais saturs vai tā pastāvējusi jau iepriekš. Vienkāršs pārbaudes pieraksts bieži ir vērtīgāks par atmiņā saglabātu iespaidu.

2. Salīdzini ātrumu vienādos apstākļos

Ātruma pārbaudes rezultāts nav nemainīga mājaslapas īpašība. To ietekmē ierīce, savienojums, servera atbildes laiks, kešatmiņa un ārējie pakalpojumi. Tāpēc viena rezultāta pasliktināšanās vēl nepierāda, ka pēdējais labojums ir neveiksmīgs. Salīdzināšanai vajadzīgi līdzīgi apstākļi un vairāki atkārtoti mērījumi.

Google PageSpeed Insights palīdz apskatīt laboratorijas analīzi un, ja pieejams pietiekams datu apjoms, arī reālo lietotāju pieredzes rādītājus. Laboratorijas tests noder iespējamo cēloņu meklēšanai. Savukārt lauka dati rāda pieredzi ilgākā periodā, tādēļ tikko publicēta izmaiņa tajos neatspoguļosies uzreiz.

Ko vērot ārpus kopējā vērtējuma

• LCP raksturo lielākā redzamā satura elementa ielādes laiku. Bieži uzmanība jāpievērš galvenajam attēlam vai lielam teksta blokam.
• INP raksturo lapas atsaucību uz lietotāja darbībām. Pārbaudi, vai izvēlne, pogas un citi vadības elementi reaģē bez jūtamas kavēšanās.
• CLS raksturo negaidītas izkārtojuma nobīdes. Vēro, vai ielādes laikā teksts un pogas nepārvietojas.

Neuztver augstu kopējo punktu skaitu kā pierādījumu, ka mobilā pieredze ir nevainojama. Arī ātri ielādētā lapā var būt nesalasāms teksts vai aizsegta poga. Savukārt laboratorijas pārbaudē ne visi reālās lietošanas apstākļi ir atkārtojami. Automātisku mērījumu vienmēr papildini ar praktisku darbību īstā telefonā.

Pieraksti pārbaudīto adresi, izvēlēto režīmu un rezultātus pirms un pēc labojuma. Vienā reizē maini pēc iespējas mazāk elementu. Ja vienlaikus nomainīti attēli, fonti un forma, būs grūtāk noteikt, kurš labojums uzlabojis vai pasliktinājis darbību.

3. Pārbaudi papildinājumus, kas nemanāmi palēnina lapu

Mājaslapas kvalitāti bieži pasliktina nevis viena acīmredzama kļūda, bet vairāki nelieli papildinājumi. Jauna fotogrāfiju galerija, video, karte un čata rīks katrs atsevišķi var šķist pamatots. Kopā tie palielina lejupielādējamo datu apjomu un pārlūkprogrammas darbu, īpaši pieticīgākā telefonā.

Attēli un video

Pirms augšupielādes pielāgo attēla izmērus tā izmantošanas vietai. Nelielai kartītei nav vajadzīgs drukas kvalitātes oriģināls. Ja platforma to atbalsta, izmanto modernus attēlu formātus un dažādiem ekrāniem piemērotus izmērus. Attēlam paredzēta vieta izkārtojumā palīdz novērst satura lēkāšanu ielādes laikā.

Atliktā ielāde ir noderīga attēliem, kas atrodas zem sākotnēji redzamās ekrāna daļas. Taču galvenā attēla ielādes atlikšana var pasliktināt pirmo iespaidu. Video gadījumā apsver priekšskatījuma attēlu un atskaņošanu pēc lietotāja pieprasījuma, nevis smaga atskaņotāja automātisku ielādi.

Ārējie rīki un vizuālie efekti

Katram papildu rīkam pajautā: kādu klienta uzdevumu tas atrisina? Ja karte vajadzīga tikai kontaktu sadaļā, nav obligāti to ielādēt visās lapās. Ja animācija kavē pogas parādīšanos, tā traucē galvenajai darbībai. Arī nevajadzīgu fontu variantu samazināšana var mazināt resursu apjomu.

Pēc jaunas integrācijas pārbaudi ne tikai sākotnējo ielādi, bet arī ritināšanu, izvēlnes atvēršanu un teksta ievadi. Rīks var netraucēt pirmajam ekrānam, bet vēlāk noslogot ierīci. Ja iespējams, salīdzini darbību ar ieslēgtu un izslēgtu papildinājumu, lai nepiedēvētu problēmu nepareizajam cēlonim.

4. Izmēģini mobilo pieredzi neērtos apstākļos

Darba datorā ar ātru internetu gandrīz jebkura lapa var šķist pietiekami ērta. Klients to var atvērt kustībā, ar vienu roku un mainīgu savienojumu. Tāpēc pārbaudi lapu gan bezvadu tīklā, gan mobilajā internetā. Ja pieejams, izmanto arī vecāku telefonu un vairākas pārlūkprogrammas.

Īpašu uzmanību pievērs ekrāna tastatūrai. Kad tā atveras, redzamā lapas daļa būtiski samazinās. Pārbaudi, vai joprojām saprotams, kurš lauks jāaizpilda, vai kļūdas paziņojums nepazūd un vai nosūtīšanas pogu neaizsedz fiksēta josla. Tālruņa un e-pasta laukiem jāizmanto atbilstošs ievades veids.

• Palielini teksta izmēru un pārliecinies, ka saturs netiek nogriezts.
• Pārbaudi, vai lapai nav nevajadzīgas horizontālas ritināšanas.
• Izmēģini blakus esošās pogas, lai pārliecinātos, ka tās var nospiest atsevišķi.
• Atver un aizver paziņojumus, izvēlni un čata logu.
• Ievadi kļūdainus datus un pārbaudi, vai norādes palīdz kļūdu izlabot.

Pārbaudes pieprasījumus skaidri atzīmē kā testus, lai tie nesajauktos ar klientu pieteikumiem. Ja forma kļūdas dēļ neizdodas, lietotājam nevajadzētu zaudēt visu ievadīto informāciju. Savukārt veiksmīgai nosūtīšanai jābeidzas ar nepārprotamu ziņu, kas paskaidro nākamo soli, nesolot uzņēmuma neapstiprinātu atbildes termiņu.

5. Ievies īsu pārbaudi pēc katras būtiskas izmaiņas

Kvalitātes kontrolei nav jākļūst par sarežģītu projektu. Izveido īsu sarakstu, ko izpildīt pēc galvenā attēla nomaiņas, formas pārveides, jauna rīka pievienošanas vai navigācijas labojuma. Sarakstā iekļauj galveno klienta darbību, izkārtojuma pārbaudi telefonā un atkārtotu ātruma mērījumu, ja mainīti ielādējamie resursi.

Nosaki arī atbildīgo: kurš publicē, kurš pārbauda un kurš lemj par labojuma atsaukšanu. Vispirms risini problēmas, kas bloķē saziņu vai pieteikšanos, pēc tam būtisku gausumu un tikai tad nelielas vizuālas nepilnības. Šāda secība palīdz ieguldīt darbu tur, kur tas klientam visvairāk nepieciešams.

99web.lv profesionāla mājaslapa pieejama par 9,99 €/mēn. ar PVN; cenā iekļauts hostings, SSL, uzturēšana un MI rediģēšanas kredīti. Lapu vari būvēt pats ar MI vai izvēlēties no kataloga. Projektu vadītājs pieejams jebkurā brīdī, lai pārrunātu nepieciešamās izmaiņas. Arī MI veidoti papildinājumi pirms publicēšanas jāpārbauda reālā lietošanā.

Ātra un ērta mobilā mājaslapa rodas ne tikai palaišanas dienā, bet arī ikdienas lēmumos par saturu un funkcijām. Izmēģini 99web.lv un jau sākumā ievies skaidru pārbaudes kārtību. Lai sāktu veidot savu lapu, vari reģistrēties.