Menu

Drátové modely - měly by být skutečně testovány? A pokud ano, jak?

wireframes should they really be tested

Vyzkoušejte Náš Nástroj Pro Odstranění Problémů

Na palubu přišli noví účastníci a my jsme měli výcvikovou třídu naučit se koncepty testování softwaru . Poté, co jsem viděl tyto nadšené tváře s jejich téměř prázdnou myslí (profesionálně), rozhodl jsem se odbočit na můj rutinní trénink.

Po krátkém úvodu jsem místo toho, abych hovořil o testování softwaru, jaké běžně dělám, hodil novou otázku na otázku - „ Může mi někdo vysvětlit co na drátový model je? ''

Odpověď byla pauza, a proto jsme se rozhodli o ní diskutovat. A tak to začalo - Drátový model / testování prototypů :)

testování prototypu drátového modelu

Tak, co je drátový model? Vysvětlím to několika jednoduchými analogiemi:

  1. Interiérový dekorátor nezačne náhodně vkládat nábytek a zdobit dům. Svůj plán položí na papír (nebo návrhový software), prodiskutuje ho se zákazníkem, vyzkouší a nejlépe praktickým způsobem upraví plán a poté jej provede.
  2. Abychom pochopili, jak vážně je část těla zraněna, lékaři se podívají na rentgen. Rentgen je v podstatě kostra našeho těla a poskytuje správné informace o kostech a kloubech.
  3. Krejčí připraví papírovou látku (opět jakýsi prototyp), provede jakékoli úpravy, které jsou požadovány, a použije ji jako základní měření, dokud není vše přesné a je si jistý, že bude pokračovat se skutečným kusem, který šije.

Myslím, že tyto příklady stačily na to, aby kdokoli pochopil koncept drátového modelu.

Drátové modely jsou svého druhu prototypy:

Mají omezenou povahu, což znamená, že mohou obsahovat prázdné stránky HTML bez funkčních prvků nebo statické snímky obrazovky, které jsou reprezentativní pro stránku / funkci / prvek aplikace a mohou postrádat barvu, grafiku a další prvky skutečného vizuálního designu.

K vytvoření solidní aplikace / webu je potřeba solidní framework a wireframes pomáhají při zajišťování framework tím, že zobrazují rozložení stránky, celkové rozhraní, navigaci a funkce.

Zde je několik příkladů drátových modelů:

drátový model příklad 2

drátový model příklad 1

Proč softwarové společnosti vytvářejí drátové modely?

Ze stejného důvodu se Krejčí / interiérový designér / lékař rozhodne nejprve vyzkoušet věci - vyhnout se chybám, eliminovat hádání, přijmout souhlas zákazníka, než vše zafixujete do kamene. Pomáhá při včasné identifikaci problémů a poskytuje pohled na software tak, jak by vypadal po dokončení.

Co se naučíte:

Důležitost testování drátových modelů / prototypů:

Proč tedy testovat něco, co je kostra a co uživatel neuvidí tak, jak je to teď? Jinými slovy - proč se obtěžovat s prostředníkem, když je to ještě figurína?

Jednoduše - na pomoc při prevenci defektů - což je celková agenda týmů QA (Zajištění kvality = Prevence defektů + Identifikace vady ).

Důležitost testování drátového modelu

Testování drátových modelů může pomoci v následujících případech:

# 1) Identifikace chybějících požadavků:

Řekněme, pokud požadavky stanoví, že v a přihlašovací stránka měla by existovat 2 vstupní pole, přihlašovací ID a heslo a 3 tlačítka, OK-Storno-Reset. Pokud je drátový model následující, můžeme snadno najít chybějící tlačítko Reset brzy a začlenit ho do aplikace.

Je vedoucí projektu a má více než 10 let zkušeností s testováním softwaru.

# 2) Určení dalších požadavků:

Opakem výše uvedené situace může být, že požadavek uvádí, že na přihlašovací stránce by měla být 2 vstupní pole, přihlašovací ID a heslo a 2 tlačítka OK a Storno. Pokud je drátový model následující, můžeme snadno zjistit, že má další tlačítko Reset a hledat potvrzení, zda je nebo není skutečně vyžadováno.

testování drátového modelu 2

# 3) Použitelnost:

Drátové modely jsou jednou z nejlepších možností, jak otestovat použitelnost produktu / aplikace před jejím vývojem.

Zde je drátový model pro jednu z forem:

testování drátového modelu 3

Na první pohled to vypadá dobře.

Nyní uvažujte jako koncový uživatel, uživatel, který vyplní informace ve formuláři. Myslíte si, že existuje způsob, jak může být tento formulář uživatelsky přívětivější? Určitě si to myslím.

  • Zadejte symbol kalendáře a omezte uživatele na výběr data z kalendáře. To by bylo užitečné pro uživatele, protože nebude muset být zmatený, jaký formát data by měl dodržovat, a výběr data z kalendáře by byl něco, co by každý uživatel preferoval.
  • Popis, který vysvětluje, co znamená každé pole, by byl skvělý.
  • Název stránky jako název je nutný k pochopení drátového modelu a vzájemnému propojení polí.
  • Povinná pole by měla být označena znakem * nebo poznámkou „ Všechna pole jsou povinná “By mělo být viditelné.
  • Štítek prvního pole by měl být spíše „Název kampaně“ než „Název“, aby nedošlo k záměně uživatelů.

# 4) Včasné funkční testování:

anime stránky ke sledování anime zdarma v angličtině dabovaný

V samotném výše uvedeném příkladu z diagramu můžeme odhadnout, jak by tato funkce mohla fungovat. Pokud ne, bude to přinejmenším vést k dalšímu rozkopávání a lepšímu porozumění žádosti.

  • Například : Co když chce uživatel přidat více ID rezervace? Přepíše aplikace předchozí záznam nebo umožní více záznamů? Jak to bude řešit a spravovat?

Jak je patrné z výše uvedených příkladů, testování drátových modelů opravdu pomáhá včasné identifikaci problémů prostřednictvím statického drátového modelu a zabrání prosakování defektů do skutečné aplikace. To je velmi přínosné, protože víme, že vady zjištěné na začátku vývojového procesu jsou levněji opravitelné než ty, které se objeví později.

Nástroje pro drátové rámování:

Na trhu je k dispozici mnoho nástrojů, ale jeden by měl používat tento nástroj podle vhodnosti kontextu. Zatímco většina nástrojů jako Axure, Power mockup, Simulify, Balsamiq atd. Je placená, existují některé užitečné bezplatné nástroje pro drátové rámování také:

  1. Kakao : Cacoo je uživatelsky přívětivý online kreslící nástroj, který uživateli umožňuje vytvářet různé diagramy, jako jsou mapy webů, drátové modely, UML a síťové mapy.
  1. MockupBuilder : MockupBuilder pomáhá uživateli rychle dostat své nápady na obrazovku. Je to ZDARMA webová aplikace využívající Silverlight.
  1. Projekt tužka : Pencil Project je zdarma a snadno se učí. Může běžet jako doplněk Firefoxu nebo samostatně.

Kdy může (nebo bude) probíhat testování drátových modelů:

  • Před vývojem produktu: To může pomoci identifikovat mezery nebo chybějící požadavky, konstrukční chyby, problémy s použitelností atd. - Prevence defektů
  • Příspěvek: V tomto případě lze drátové modely použít jako odkazy k ověření aplikace. - Identifikace vady.

V případě testování použitelnosti drátového modelu se obvykle provádí ručně a většina uživatelů v reálném čase je zapojena. Dostávají buď sérii otázek, aby pochopili své zkušenosti nebo zpětnou vazbu, nebo jsou jim poskytnuty interaktivní drátové modely, které zpětnou vazbu zachycují.

Abychom mohli provést podrobnou analýzu drátových modelů, jsou někdy zapojeni i odborníci na tematické oblasti.

Služby jako usertesting může být velmi užitečné, když lze přidat odkaz na drátové modely a po testování drátových modelů se výsledky generují spolu s následujícími body zpětné vazby:

  • Video z obrazovky každého uživatele testující váš drátový model.
  • Zvuk uživatele, který mluví o tom, jak plní úkoly.
  • Cenná zpětná vazba o tom, jak vylepšit svůj web.

Výstup testování prototypů:

Výsledky testování drátových modelů jsou velmi užitečné, pokud jde o pochopení designu, navigace, uživatelské přívětivosti, celkového pracovního toku a funkcí. V zásadě po testování drátových modelů budou drátové modely jasnější a implementovatelnější.

Závěr:

Abychom to shrnuli, testování drátových modelů funguje jako proaktivní akce a může být velmi užitečné při hledání použitelnosti a návrhových mezer ve fázi před vývojem aplikace.

Tímto tématem končím a doufám, že mě čtenáři budou svádět, abych k tomu napsal další příspěvek kladením otázek a poskytnutím zpětné vazby.

O autorovi: Tento článek napsal člen týmu STH Bhumika. Je vedoucí projektu a má více než 10 let zkušeností s testováním softwaru.

Šťastné testování, jako obvykle :)

Doporučené čtení

^