Meny

Trådramar - borde de verkligen testas? Och i så fall, hur?

wireframes should they really be tested

Prova Vårt Instrument För Att Eliminera Problem

Nya praktikanter kom ombord och vi hade en utbildningskurs att göra lära sig programvarutestningskoncept . Efter att ha sett de entusiastiska ansikten med sina nästan tomma skiffer (professionellt) bestämde jag mig för att ta en omväg till min rutinmässiga träning.

Efter en kort introduktion, istället för att prata om programvarutestning som jag brukar göra, kastade jag en fråga till de friska hjärnorna - ' Kan någon förklara mig vad till trådram är? ''

Svaret var en paus och därför bestämde vi oss för att diskutera det. Och så började det - Trådram / testning av prototyp :)

wireframe-prototyptestning

Så, vad är en trådram? Låt mig förklara det med några enkla analogier:

  1. Inredaren börjar inte sätta in möblerna och dekorera huset slumpmässigt. Han lägger på sin plan på papper (eller designprogramvara), diskuterar den med kunden, försöker och modifierar planen på bästa möjliga sätt och genomför sedan den.
  2. För att förstå hur allvarligt en kroppsdel ​​skadas tittar läkare på en röntgen. Röntgen är i grunden ett skelett i vår kropp och ger korrekt information om ben och leder.
  3. En skräddare förbereder pappersduken (en slags prototyp igen), gör vad som helst som behövs och använder den som basmätning tills allt är korrekt och han är säker på att gå vidare med den faktiska biten han / hon syr.

Jag tror att dessa exempel räckte för vem som helst att förstå begreppet trådram.

Trådramar är prototyper av olika slag:

De är begränsade till sin natur, vilket innebär att de kan innehålla tomma HTML-sidor utan element som fungerar eller statiska skärmdumpar som är representativa för en sida / funktion / element i applikationen och kan sakna färg, grafik och andra element i den faktiska visuella designen.

För att bygga en solid applikation / webbplats krävs ett gediget ramverk och trådramar hjälper till att tillhandahålla ramverket genom att ge en bild av sidlayout, övergripande gränssnitt, navigering och funktioner.

Här är några exempel på trådramar:

trådramsexempel 2

trådramsexempel 1

Varför bygger programvaruföretag trådramar?

Av exakt samma skäl bestämmer skräddaren / inredningsarkitekten / läkaren att testa saker först - för att undvika misstag, eliminera gissningar, ta kundgodkännande innan allt sätts i sten. Det hjälper till att identifiera problem tidigt och ge en glimt av programvaran som den skulle se ut när den är klar.

Vad du kommer att lära dig:

Betydelsen av trådramar / prototyptestning:

Så varför testa något som är ett skelett och som inte kommer att ses av användaren som det är nu? Med andra ord - Varför bry sig med mellanhänder när det är en dummy ännu?

Enkelt - för att hjälpa till med förebyggande av defekter - vilket är den övergripande agendan för QA-team (Quality assurance = Defect prevention + Felidentifiering ).

Betydelsen av trådtestning

Trådramstestning kan hjälpa till med följande:

# 1) Identifiera saknade krav:

Låt oss säga om kraven står i a login sida det ska finnas två inmatningsfält, inloggnings-ID respektive lösenord och de tre knapparna, OK-Avbryt- Återställ. Om trådramen är som följer kan vi enkelt hitta den saknade återställningsknappen tidigt och införliva den i applikationen.

Hon är projektledare och har 10+ års erfarenhet av programvarutestning.

# 2) Identifiera extra krav:

Det motsatta av ovanstående situation kan vara att kravet anger att det på en inloggningssida ska finnas två inmatningsfält, inloggnings-ID respektive lösenord och 2-knapparna, OK & Avbryt. Om trådramen är som följer kan vi lätt hitta att den har en extra återställningsknapp och söka bekräftelse på om det verkligen krävs.

trådramstestning 2

# 3) Användbarhet:

Trådramar är ett av de bästa alternativen för att testa användbarheten av produkten / applikationen innan den utvecklas.

Här är trådramen för en av formerna:

Trådramstestning 3

Vid en första anblick verkar det ok.

Tänk nu som slutanvändare, användaren som ska fylla i information i formuläret. Tror du, det finns ett sätt, det här formuläret kan vara mer användarvänligt? Jag tror verkligen det.

  • Ange kalendersymbol och begränsa användaren att välja datum från kalendern. Detta skulle vara till hjälp för användaren eftersom han inte behöver vara förvirrad över vilket datumformat han ska följa och att välja datum från kalendern skulle vara något, varje användare föredrar.
  • Ett verktygstips som förklarar vad varje fält betyder skulle vara bra.
  • Sidnamn som titel krävs för att förstå trådramen och samrelatera fälten.
  • Obligatoriska fält ska markeras med * -tecken eller en anteckning som säger ” alla fält är obligatoriska ”Ska vara synlig.
  • Etiketten för det första fältet bör vara ”Kampanjnamn” snarare än ”Namn” för att undvika förvirring för användarna.

# 4) Tidig funktionstestning:

vilket verktyg kan du använda för att visuellt representera och analysera en databas?

I själva exemplet ovan kan vi från diagrammet gissa hur funktionaliteten kan fungera. Om inte, kommer det åtminstone att leda till ytterligare grävning och en bättre förståelse av applikationen.

  • Till exempel : Vad händer om användaren vill lägga till flera boknings-ID? Kommer applikationen att skriva över den tidigare posten eller kommer den att tillåta flera poster? Hur kommer det att hantera och hantera det?

Som kan ses från ovanstående exempel hjälper testning av trådramar verkligen till tidig identifiering av problem genom en statisk trådram och förhindra att defekterna sipprar in i den faktiska applikationen. Detta är mycket fördelaktigt eftersom vi vet att defekter som identifierats tidigt i utvecklingsprocessen är billigare att åtgärda än de som hittades senare.

Verktyg för trådramning:

Det finns många verktyg tillgängliga på marknaden men man bör använda verktyget enligt sammanhangets lämplighet. Medan de flesta verktyg som Axure, Power mockup, Simulify, Balsamiq etc är betalda, finns det några användbara gratis wireframing-verktyg för:

  1. Cacoo : Cacoo är ett användarvänligt ritningsverktyg online som gör det möjligt för användaren att skapa en mängd olika diagram som webbplatskartor, trådramar, UML och nätverksdiagram.
  1. MockupBuilder : MockupBuilder hjälper användaren att snabbt få sina idéer på skärmen. Det är en GRATIS Silverlight-driven webbapp.
  1. Pennprojekt : Pencil Project är gratis och lätt att lära sig. Det kan köras som ett Firefox-tillägg eller på egen hand.

När kan (eller sker) Wireframes-testning:

  • Före produktutveckling: Detta kan hjälpa till att identifiera luckor eller saknade krav, designfel, användbarhetsfrågor etc. - Förebyggande av defekter
  • Inläggsutveckling: I det här fallet kan trådramarna användas som referenser för att validera applikationen. - Felidentifiering.

Vid Wireframe-testning för användbarhet görs det vanligtvis manuellt och oftast är realtidsanvändare inblandade. De får antingen en serie frågor för att förstå deras upplevelse eller feedback eller förses med interaktiva trådramar för att fånga feedback.

För att få en detaljerad analys av trådramar är ibland ämnesexperter också inblandade.

Tjänster som användartest kan vara till stor hjälp, där man kan lägga upp en länk med trådramar och efter testning av trådramar genereras resultaten tillsammans med följande återkopplingspunkter:

  • En video av varje användares skärm som testar din trådram.
  • Ljud av användaren som pratar igenom hur han slutför uppgifterna.
  • Värdefull feedback om hur du kan förbättra din webbplats.

Produktion av prototyptestning:

Resultaten av wireframes-testning är till stor hjälp när det gäller att förstå design, navigering, användarvänlighet, övergripande arbetsflöde och funktioner. I grund och botten, efter wireframes-testning, blir wireframes tydligare och implementerbara.

Slutsats:

Sammanfattningsvis fungerar wireframes-testning som en proaktiv åtgärd och kan vara till stor hjälp för att hitta användbarhet och utforma kryphål i applikationsförutvecklingsfasen.

Med detta sammanfattar jag ämnet, i hopp om att läsarna kommer att fresta mig att skriva ett annat inlägg om detta genom att ställa frågor och ge feedback.

Om författaren: Denna artikel är skriven av STH-teammedlem Bhumika. Hon är projektledare och har 10+ års erfarenhet av programvarutestning.

Lycklig testning, som vanligt :)

Rekommenderad läsning

^