Hjem Sosiale medier Utfør HTML-klikkbar brukbarhetstesting på et nytt nettsted - dummies

Utfør HTML-klikkbar brukbarhetstesting på et nytt nettsted - dummies

Video: 10 Extreme Weather Vehicles for Dominating the Snow and Ice 2024

Video: 10 Extreme Weather Vehicles for Dominating the Snow and Ice 2024
Anonim

Den visuelle utformingen av et nettsted har en stor innvirkning på hvordan brukerne identifiserer interaktive elementer og forstår hvordan man navigerer gjennom et nettsted. Så det er en god ide å mocke opp noen sider i det valgte utseendet for å illustrere en brukers sti gjennom en nøkkeloppgave som å kjøpe en bursdagsgave.

Sett sammen disse få nøkkelsidene i en HTML klikk gjennom . Klikk-gjennom ser virkelig ut og inneholder alle sidene som brukerne ville se om de skulle gjennomgå en oppgave med hell. Hvert av sidene kan være en mock-up lagret som en enkelt JPEG og plassert på en HTML-side. Du kan utvide på dine første designretninger for å lage din første testprototype.

Kreditt: © Gi Commerce, Inc.

For prøvingsformål må du ikke oppheve bare halvparten av siden og la resten være tom. Under testen vil brukerne spørre om disse forsømte områdene. Selv om du gir dem en forklaring, er de tvunget til å bruke sin fantasi for å fylle inn hullene. Dette kan skje deres lesing av siden. Brukere må se siden i full kontekst for å gi deg den mest nøyaktige tilbakemeldingen.

For testformål bør HTML-kodingen for hver klikk-side være akkurat nok til å plassere spotbildet på siden og bruke noen få hotspots til interaktive områder som kobler til neste side i oppgavesekvensen. På dette punktet vil du bare se om visuell og interaksjonsdesign fungerer som du hadde tenkt.

Hvis du utformet siden vist, kan du legge til et par funksjoner for å gi brukerne flere grunner til å kjøpe:

  • En sorteringsfunksjon for å rangere valg etter pris og andre brukervalgte kriterier.

  • En rullegardinmeny ved siden av "for henne" slik at brukerne kan bla gjennom gaver på noen av de "6 måtene" På hjemmesiden nevnes

    Kreditt: © Provide Commerce, Inc.

På testdagen kan du vurdere å ha noen designalternativer for hånden til brukerne. Når du begynner å stille spørsmål, kan du presentere alternative måter å visualisere den samme siden på - med forskjellige knappbehandlinger eller layouter, for eksempel - og be brukerne å sammenligne hvilken måte de foretrekker.

I testfasen kan brukerne tilby forslag til hvordan grensesnittet kan bli bedre eller annerledes. Tross alt er hele poenget med brukertesting å åpne designprosessen til nye ideer som bedre tjener sluttbrukeren. Hvis du allerede har investert mye designtid for å få nettstedet til å fungere på en bestemt måte, kan du være motvillig til å endre den uten en god grunn. Brukertester kan gi en.

Utfør HTML-klikkbar brukbarhetstesting på et nytt nettsted - dummies

Redaktørens valg

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Velger et tema i PowerPoint setter temafonter, opprette en skrift for overskriftene dine og en annen for din kroppstekst. Hvis du ikke vil bruke temafonter knyttet til temaet du har valgt, følger du disse trinnene:

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

PowerPoint Handout Master inneholder formateringsinformasjon som er brukes automatisk til PowerPoint-presentasjonen. Du kan endre Handout Master for å dekke dine behov.

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Redusert bilde av PowerPoint-lysbildet, og eventuelle notater som går sammen med lysbildet. Når det skrives ut, formateres sider formatert i henhold til Notes Master. Pass på at du legger til sidetall i høyttalervennene dine. På den måten, hvis du slipper en stabel med notasider, vil du ...

Redaktørens valg

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 gir deg mange måter å interagere med dokumentet. Det er flere tastaturgenveier som kan være en flott tidsbesparende. Med disse hurtigtastene kan du øke hastigheten på tekstredigering og formatering. For å gjøre dette Med tastaturet Start en ny linje i samme avsnitt Shift + Enter Sett inn en sideskift Ctrl + Enter Sett inn ...

Word 2016 Se snarveier - dummier

Word 2016 Se snarveier - dummier

Noensinne føler at du bare ikke har det rette perspektivet? Vel, Word 2016 gjør det enkelt å endre dokumentvisningen slik at du kan få et annet perspektiv. Med disse hurtigtastene kan du bytte mellom ulike visninger i Word 2016. Bytt til denne visningen Med tastaturet Utskriftsoppsett Alt + Ctrl + P Utkast Alt + Ctrl + O Utkast ...

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Den mest grunnleggende typen Programmering, i Word 2016 eller et annet program, er kode som spretter ut en enkel melding på skjermen. Faktisk begynner de aller nybegynnere programmeringsbøkene med et prøveprogram for å vise teksten Hello, World! Word-makroer er ikke forskjellige. Følgende makro, message_popup1, viser en dialogboks ...

Redaktørens valg

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Adobe Creative Suite 5 (AdobeCS5) Illustrator lar deg å plassere tekst inni eller på banen til en lukket form. Disse alternativene er et betydelig tillegg til tekstformatering verktøykassen. Opprette tekst i lukket form Når du legger inn tekst i en form, kan du legge til et spunk i et oppsett. Med denne funksjonen kan du skreddersy ...

Adobe CS5 Illustrator Area Type Tool - dummies

Adobe CS5 Illustrator Area Type Tool - dummies

En enkel og praktisk måte å lage rader og kolonner med tekst på er å bruk områdestypealternativer i Adobe Creative Suite (Adobe CS5) Illustrator. Denne funksjonen lar deg lage rader og kolonner fra et hvilket som helst tekstområde. Du kan bare ha rader eller bare kolonner (som kolonner av tekst i en avis) ...

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe Creative Suite 5 (Adobe CS5) Illustrator inkluderer Clipping Mask funksjonalitet. I likhet med å peering gjennom et hull i et stykke papir til gjenstandene under den, tillater en utklippsmaske et øverste objekt å definere de valgte figurene under den; Med en kappemaske er området rundt den definerende formen imidlertid gjennomsiktig. ...