Menu

Drôtové modely - mali by byť skutočne testované? A ak áno, ako?

wireframes should they really be tested

Na palubu prišli noví účastníci a mali sme školiacu triedu naučiť sa koncepty testovania softvéru . Potom, čo som (profesionálne) videl tieto nadšené tváre s ich takmer prázdnymi mysľami, rozhodol som sa, že si urobím obchádzku k svojmu rutinnému tréningu.

Po krátkom úvode som namiesto toho, aby som hovoril o testovaní softvéru, ako to robím bežne, hodil novú otázku do úvahy - ‘ Môže mi niekto vysvetliť čo do drôtený model je? „

Odpoveďou bola pauza, a preto sme sa rozhodli o nej diskutovať. A takto to začalo - Testovanie drôtov / prototypov :)

testovanie prototypov drôtového modelu

Takže čo je to drôtový model? Vysvetlím to niekoľkými jednoduchými analógiami:

  1. Interiérový dekorátor nezačne náhodne vkladať nábytok a zdobiť dom. Plán naloží na papier (alebo na návrhový softvér), prediskutuje ho so zákazníkom, vyskúša a upraví plán najlepším praktickým spôsobom a potom ho implementuje.
  2. Aby lekári pochopili, ako vážne je poranená časť tela, pozerajú sa na röntgen. Röntgen je v podstate kostra nášho tela a poskytuje správne informácie o kostiach a kĺboch.
  3. Krejčí pripraví papierovú tkaninu (opäť akýsi prototyp), urobí akékoľvek úpravy, ktoré sú potrebné, a použije ju ako základné meranie, kým nebude všetko presné a bude si istý, že bude pokračovať so skutočným kusom, ktorý šije.

Myslím si, že tieto príklady stačili na to, aby ktokoľvek pochopil pojem drôtový model.

Drôtové modely sú svojho druhu prototypy:

Majú obmedzený charakter, čo znamená, že môžu obsahovať prázdne stránky HTML bez fungujúcich prvkov alebo statické snímky obrazovky, ktoré sú reprezentatívne pre stránku / funkciu / prvok aplikácie a môžu postrádať farbu, grafiku a ďalšie prvky skutočného vizuálneho dizajnu.

Na vytvorenie spoľahlivej aplikácie / webovej stránky je potrebný solídny rámec a drôtové rámce pomáhajú pri poskytovaní rámca tým, že poskytujú rozloženie stránky, celkové rozhranie, navigáciu a funkcie.

Tu je niekoľko príkladov drôtových modelov:

drôtový model príklad 2

drôtový model príklad 1

Prečo softvérové ​​spoločnosti vytvárajú drôtové modely?

Z rovnakého dôvodu sa krajčír / interiérový dizajnér / lekár rozhodne vyskúšať veci ako prvé - vyhnúť sa chybám, vylúčiť hádanie, nechať súhlas zákazníka a až potom všetko vytesať do kameňa. Pomáha pri včasnej identifikácii problémov a umožňuje nahliadnuť do softvéru, ako by sa javil po dokončení.

Čo sa dozviete:

Dôležitosť testovania drôtových rámov / prototypov:

Prečo teda testovať niečo, čo je kostra a čo používateľ nebude vidieť tak, ako je to teraz? Inými slovami - prečo sa trápiť so sprostredkovateľom, keď je to ešte atrapa?

Jednoducho - na pomoc pri prevencii chýb - čo je celková agenda tímov zabezpečovania kvality (Zabezpečenie kvality = Prevencia chýb + Identifikácia chyby ).

Dôležitosť skúšania drôtového modelu

Testovanie drôtových modelov môže pomôcť v nasledujúcich prípadoch:

# 1) Identifikácia chýbajúcich požiadaviek:

Povedzme, ak požiadavky uvádzajú, že v a prihlasovacia stránka mali by existovať 2 vstupné polia, prihlasovacie ID a heslo a 3 tlačidlá, OK-Zrušiť-Obnoviť. Ak je drôtový model nasledovný, môžeme ľahko nájsť chýbajúce tlačidlo Reset na začiatku a začleniť ho do aplikácie.

Je vedúcou projektu a má viac ako 10 rokov skúseností s testovaním softvéru.

# 2) Identifikácia ďalších požiadaviek:

Opakom vyššie uvedenej situácie môže byť, že požiadavka uvádza, že na prihlasovacej stránke by mali byť 2 vstupné polia, prihlasovacie ID a heslo a 2 tlačidlá OK a Zrušiť. Ak je drôtový model nasledujúci, ľahko zistíme, že má extra tlačidlo Reset a vyhľadáme potvrdenie, či je alebo nie je skutočne potrebný.

drôtové testovanie 2

# 3) Použiteľnosť:

Drátové modely sú jednou z najlepších možností na otestovanie použiteľnosti produktu / aplikácie pred jej vývojom.

Tu je skeletový model pre jednu z foriem:

drôtové testovanie 3

Na prvý pohľad sa zdá, že je to v poriadku.

Teraz si myslite, že ako koncový používateľ je užívateľ, ktorý vyplní informácie vo formulári. Myslíte si, že existuje spôsob, ako môže byť tento formulár užívateľsky príjemnejší? No určite si to myslím.

  • Zadajte symbol kalendára a obmedzte používateľa na výber dátumu z kalendára. To by bolo užitočné pre používateľa, pretože nebude musieť byť zmätený, aký formát dátumu by mal dodržiavať, a výber dátumu z kalendára by bol niečo, čo by každý užívateľ uprednostňoval.
  • Popis, ktorý by vysvetľoval, čo znamená každé pole, by bol skvelý.
  • Názov stránky ako nadpis je potrebný na pochopenie drôtového modelu a vzájomné prepojenie polí.
  • Povinné polia by mali byť označené znakom * alebo poznámkou „ Všetky polia sú povinné ”By malo byť viditeľné.
  • Štítok prvého poľa by mal byť skôr „Názov kampane“, ako iba „Názov“, aby nedošlo k zámene používateľov.

# 4) Skoré funkčné testovanie:

V samotnom vyššie uvedenom príklade môžeme z diagramu hádať, ako by funkčnosť mohla fungovať. Ak nie, prinajmenšom to povedie k ďalšiemu vykopávaniu a lepšiemu pochopeniu žiadosti.

  • Napríklad : Čo ak chce používateľ pridať viac ID rezervácií? Prepíše aplikácia predchádzajúci záznam alebo umožní viac záznamov? Ako to zvládne a zvládne?

Ako je zrejmé z vyššie uvedených príkladov, testovanie drôtových modelov skutočne pomáha včasnej identifikácii problémov pomocou statického drôtového modelu a zabráni presakovaniu chýb do skutočnej aplikácie. To je veľmi výhodné, pretože vieme, že chyby zistené na začiatku vývojového procesu sú opraviteľné lacnejšie ako chyby zistené neskôr.

Nástroje na rámovanie drôtov:

Na trhu je k dispozícii veľa nástrojov, ale jeden by mal používať tento nástroj podľa vhodnosti kontextu. Zatiaľ čo väčšina nástrojov ako Axure, Power mockup, Simulify, Balsamiq atď. Je platená, existujú niektoré užitočné bezplatné nástroje na rámovanie drôtov tiež:

  1. Kakao : Cacoo je užívateľsky prívetivý online nástroj na kreslenie, ktorý umožňuje používateľovi vytvárať rôzne diagramy, ako sú mapy miest, drôtové rámy, UML a sieťové mapy.
  1. MockupBuilder : MockupBuilder pomáha používateľovi rýchlo získať jeho nápady na obrazovke. Je to BEZPLATNÁ webová aplikácia využívajúca Silverlight.
  1. Ceruzkový projekt : Ceruzkový projekt je zadarmo a dá sa ľahko naučiť. Môže bežať ako doplnok Firefox alebo samostatne.

Kedy môže (alebo môže) dôjsť k testovaniu Wireframes:

  • Pred vývojom produktu: To môže pomôcť zistiť medzery alebo chýbajúce požiadavky, chyby návrhu, problémy s použiteľnosťou - Prevencia defektov
  • Príspevok: V takom prípade môžu byť drôtové rámy použité ako referencie na overenie žiadosti. - Identifikácia chyby.

V prípade testovania použiteľnosti Wireframe sa to zvyčajne robí manuálne a väčšina používateľov v reálnom čase je zapojená. Dostávajú buď sériu otázok, aby pochopili svoje skúsenosti alebo spätnú väzbu, alebo sú im poskytnuté interaktívne drôtové modely na zachytenie spätnej väzby.

Na podrobnú analýzu drôtových modelov sú niekedy zapojení aj odborníci na dané oblasti.

Služby ako napr usertesting môže byť veľmi užitočné, keď je možné umiestniť odkaz na drôtové modely a po vyskúšaní drôtových modelov sa vygenerujú výsledky spolu s nasledujúcimi body spätnej väzby:

  • Video z obrazovky každého používateľa testujúce váš drôtový model.
  • Zvuk používateľa, ktorý hovorí, ako dokončí úlohy.
  • Cenná spätná väzba o tom, ako vylepšiť svoje webové stránky.

Výstup testovania prototypov:

Výsledky testovania wireframes sú veľmi užitočné z hľadiska porozumenia dizajnu, navigácie, užívateľskej prívetivosti, celkového toku práce a funkcií. V zásade je to po testovaní drôtových modelov prehľadnejšie a implementovateľnejšie.

Záver:

Ak to zhrnieme, testovanie wireframes funguje ako proaktívna akcia a môže byť veľmi užitočné pri hľadaní použiteľnosti a návrhových medzier vo fáze pred vývojom aplikácie.

Týmto zhŕňam tému v nádeji, že ma čitatelia budú lákať k napísaniu ďalšieho príspevku v tejto oblasti kladením otázok a poskytovaním spätnej väzby.

O autorovi: Tento článok je napísaný členom tímu STH Bhumika. Je vedúcou projektu a má viac ako 10 rokov skúseností s testovaním softvéru.

Príjemné testovanie, ako obvykle :)

aký typ testu sa používa na overenie, či všetky programy v aplikácii spolupracujú správne

Odporúčané čítanie

^