Meni

Žičani okviri - trebaju li ih stvarno testirati? A ako da, kako?

wireframes should they really be tested

Isprobajte Naš Instrument Za Uklanjanje Problema

Ukrcali su se novi polaznici, a mi smo imali nastavu naučiti koncepte testiranja softvera . Nakon što sam (profesionalno) vidio ta oduševljena lica njihovih gotovo praznih umova, odlučio sam zaobići svoj rutinski trening.

Nakon kratkog uvoda, umjesto da razgovaram o testiranju softvera kao što to inače radim, bacio sam pitanje svježim umovima - ' Može li mi netko objasniti što do žičani okvir je? '

Odgovor je bio stanka i stoga smo odlučili raspraviti o tome. I tako je počelo - Ispitivanje žičanog okvira / prototipa :)

ispitivanje prototipa žičanog okvira

Tako, što je žičani okvir? Dopustite mi da to objasnim s nekoliko jednostavnih analogija:

  1. Dekorator interijera ne počinje stavljati namještaj i ukrašavati kuću nasumično. Svoj plan stavlja na papir (ili softver za dizajn), razgovara s kupcem, pokušava i modificira plan na najbolji praktičan način, a zatim ga provodi.
  2. Da bi shvatili koliko su ozbiljno ozlijeđeni dijelovi tijela, liječnici pregledavaju rentgen. RTG je u osnovi kostur našeg tijela i daje točne informacije o kostima i zglobovima.
  3. Krojač priprema papirnatu krpu (opet vrstu prototipa), radi sve potrebne izmjene i koristi je kao osnovno mjerenje dok sve ne bude točno i dok ne bude siguran da će krenuti sa stvarnim komadom koji šiva.

Mislim da su ti primjeri bili dovoljni da bilo tko shvati koncept žičanog okvira.

Žičani okviri su svojevrsni prototipovi:

Oni su ograničene prirode, što znači da mogu sadržavati prazne HTML stranice bez elemenata koji rade ili statične snimke zaslona koji su reprezentativni za stranicu / funkciju / element aplikacije i mogu nedostajati boja, grafika i drugi elementi stvarnog vizualnog dizajna.

Za izgradnju solidne aplikacije / web stranice potreban je čvrst okvir, a žičani okviri pomažu u pružanju okvira dajući prikaz izgleda stranice, cjelokupnog sučelja, navigacije i funkcionalnosti.

Evo nekoliko primjera žičanih okvira:

primjer žičanog okvira 2

primjer žičanog okvira 1

Zašto softverske tvrtke grade žičane okvire?

Iz potpuno istog razloga Krojač / dizajner interijera / liječnik odlučuje prvo isprobati stvari - kako bi izbjegao pogreške, uklonio nagađanja i uzeo odobrenje kupca prije nego što sve postavi u kamen. Pomaže u ranom prepoznavanju problema i davanju uvida u softver kakav bi se pojavio kad završi.

Što ćete naučiti:

Važnost žičanog okvira / ispitivanje prototipa:

Pa, zašto testirati nešto što je kostur i što korisnik neće vidjeti onako kako je sada? Drugim riječima - Zašto se zamarati posrednikom kad je to već lutka?

Jednostavno - za pomoć u prevenciji kvara - što je općeniti program QA timova (Osiguranje kvalitete = Prevencija nedostataka + Identifikacija nedostataka ).

Važnost ispitivanja žičanih okvira

Testiranje žičanih okvira može pomoći u sljedećem:

# 1) Utvrđivanje zahtjeva koji nedostaju:

Recimo ako zahtjevi navode da se u a stranicu za prijavu trebala bi postojati 2 polja za unos, odnosno ID za prijavu i lozinka i 3 gumba, OK-Cancel- Reset. Ako je žičani okvir sljedeći, lako možemo rano pronaći nedostajući gumb za poništavanje i uključiti ga u aplikaciju.

Vodi projekt, ima više od 10 godina iskustva u testiranju softvera.

# 2) Utvrđivanje dodatnih zahtjeva:

Obrnuto od gornje situacije može biti da zahtjev kaže da na stranici za prijavu trebaju postojati 2 polja za unos, ID za prijavu i lozinka te 2 gumba, U redu i Otkaži. Ako je žičani okvir sljedeći, lako možemo utvrditi da ima dodatni gumb Reset i tražiti potvrdu je li to stvarno potrebno.

ispitivanje žičanog okvira 2

# 3) Upotrebljivost:

Žičani okviri jedna su od najboljih opcija za testiranje upotrebljivosti proizvoda / aplikacije prije nego što se razvije.

Evo žičanog okvira za jedan od oblika:

ispitivanje žičanog okvira 3

Na prvi pogled čini se ok.

Sada mislite kao krajnji korisnik, korisnik koji će popuniti podatke u obrascu. Mislite li da postoji način da ovaj obrazac bude jednostavniji za upotrebu? Pa, sigurno mislim.

  • Navedite simbol kalendara i ograničite korisnika da bira datum iz kalendara. To bi bilo korisno za korisnika jer se neće morati brkati oko toga koji format datuma treba slijediti, a odabir datuma iz kalendara bilo bi nešto, što bi svaki korisnik više volio.
  • Savjet koji objašnjava što svako polje znači bio bi sjajan.
  • Naziv stranice kao naslov potreban je da bi se razumio žičani okvir i povezala polja.
  • Obavezna polja trebaju biti označena znakom * ili bilješkom ' Sva polja su obavezna ”Treba biti vidljivo.
  • Oznaka prvog polja trebala bi biti 'Naziv kampanje', a ne samo 'Ime', kako bi se izbjegla zabuna kod korisnika.

# 4) Rano funkcionalno testiranje:

neovisne nepristrane recenzije besplatnog 64-bitnog vatrozida

U samom gornjem primjeru, iz dijagrama možemo pretpostaviti način na koji bi funkcionalnost mogla funkcionirati. Ako ne, barem će dovesti do daljnjeg iskopavanja i boljeg razumijevanja zahtjeva.

  • Na primjer : Što ako korisnik želi dodati više ID-ova rezervacije? Hoće li aplikacija zamijeniti prethodni unos ili će dopustiti više unosa? Kako će to riješiti i upravljati njime?

Kao što se može vidjeti iz gornjih primjera, ispitivanje žičnih okvira stvarno pomaže ranom prepoznavanju problema kroz statički žičani okvir i sprječava prodiranje nedostataka u stvarnu primjenu. To je vrlo korisno jer znamo da su kvarovi rano otkriveni u procesu razvoja jeftiniji za otklanjanje od onih kasnije otkrivenih.

Alati za žičano postavljanje:

Na tržištu je dostupno mnogo alata, ali alat treba koristiti prema prikladnosti konteksta. Iako je većina alata poput Axure, Power mockup, Simulify, Balsamiq itd. Plaćena, ima nekoliko korisnih besplatni alati za žičano postavljanje isto:

  1. Kakao : Cacoo je user friendly mrežni alat za crtanje koji korisniku omogućuje stvaranje različitih dijagrama kao što su zemljovidi mjesta, žičani okviri, UML i mrežne karte.
  1. MockupBuilder : MockupBuilder pomaže korisniku da svoje ideje brzo prikaže na ekranu. To je BESPLATNA web aplikacija koju pokreće Silverlight.
  1. Projekt olovka : Pencil Project je besplatan i jednostavan za naučiti. Može se pokretati kao dodatak za Firefox ili samostalno.

Kada se može (ili može) testiranje žičanih okvira:

  • Prije razvoja proizvoda: To može pomoći u identificiranju praznina ili nedostajućih zahtjeva, pogrešaka u dizajnu, pitanja upotrebljivosti itd .- Prevencija kvarova
  • Post razvoj: U tom se slučaju žičani okviri mogu koristiti kao reference za provjeru valjanosti prijave. - Identifikacija nedostataka.

U slučaju testiranja upotrebljivosti Wireframe-a obično se radi ručno i većinu vremena uključuju korisnici u stvarnom vremenu. Pitaju se niza pitanja kako bi razumjeli njihovo iskustvo ili povratne informacije ili im se pružaju interaktivni žičani okviri za hvatanje povratnih informacija.

Da bi imali detaljnu analizu žičanih okvira, ponekad su uključeni i stručnjaci za predmet.

Usluge poput testiranje korisnika može biti vrlo korisno, gdje se može postaviti veza žičanih okvira, a nakon testiranja žičanih okvira generiraju se rezultati zajedno sa sljedećim bodovi za povratne informacije:

  • Videozapis zaslona svakog korisnika koji testira vaš žičani okvir.
  • Zvuk korisnika koji govori kako izvršava zadatke.
  • Vrijedne povratne informacije o tome kako poboljšati svoje web mjesto.

Rezultat ispitivanja prototipa:

Rezultati ispitivanja žičanih okvira vrlo su korisni u smislu razumijevanja dizajna, navigacije, jednostavnosti za korisnika, ukupnog tijeka rada i funkcionalnosti. U osnovi, nakon testiranja žičanih okvira, žičani okviri postaju jasniji i izvedivi.

Zaključak:

Da rezimiramo, ispitivanje žičanih okvira djeluje kao proaktivna radnja i može biti vrlo korisno u pronalaženju rupa u dizajnu i upotrebljivosti u fazi razrade aplikacije.

Ovim završavam temu u nadi da će me čitatelji navesti da napišem još jedan post o tome postavljanjem pitanja i davanjem povratnih informacija.

O autoru: Ovaj članak napisao je član STH tima Bhumika. Vodi projekt, ima više od 10 godina iskustva u testiranju softvera.

Sretno testiranje, kao i obično :)

Preporučena literatura

^