30 Essential UX Tools
Når utviklere bygger nettsteder, fokuserer de ofte på layout og tekniske funksjoner, men forsømmer et svært viktig aspekt - hvordan brukeren opplever nettstedet. Hvis brukerne har det vanskelig å finne ut hvordan de skal oppnå sine mål, vil de se andre steder og ikke komme tilbake. En hyggelig brukeropplevelse, derimot, kan skape et gunstig og varig inntrykk som skiller et nettsted fra konkurransen.
Derfor er det så viktig å nøye vurdere hva brukerne opplever når de besøker nettstedet ditt. Du må spørre deg selv: Gir denne siden informasjonen brukeren forventer? Som med mange ting, kan de minste detaljene gjøre den største forskjellen i brukerens opplevelse.
I dette innlegget vil jeg introdusere 30 gode verktøy og tjenester for å skape nettsteder med bedre brukervennlighet.
Mind maps, flytskjemaer og sitemaps
Grunnlaget for et brukbart nettsted er en god plan. Hvis du ikke har en grunnleggende ide om hvor prosjektet ditt er på vei, er det usannsynlig at du kommer til riktig sted. Mindkart, flytskjemaer og nettstedskart er effektive verktøy for å lage de diagrammene du trenger. Mind maps er gode for å generere og organisere ideer, mens flytdiagrammer hjelper visualisere og planlegge trinnene i en prosess. Sitemaps kan brukes til å identifisere navigasjonsstrukturen til et nettsted. Her er noen programmer som kan hjelpe deg med disse oppgavene:
XMind (fra gratis)
XMind er et open source-kartleggingsprogram for Windows, Mac OS X og Linux.
ConceptDraw Office (fra $ 199)
Et kraftig diagramverktøy, ConceptDraw Office gir støtte for flytskjemaer og tankekart på Windows og Mac.
OmniGraffle ($ 69,99)
Mac OS X og iPad-brukere kan velge OmniGraffle å lage flytdiagrammer, organisasjonsdiagrammer og mange andre typer diagrammer.
Gliffy (fra gratis)
Gliffy er et nettbasert diagramapplikasjon med støtte for flytdiagrammer og sitemaps.
Wireframes og prototyper
Før den faktiske kodingen begynner, er det ofte fornuftig å gjøre noen prototyper. Prototyper lar deg spille med ulike ideer og avdekke mulige problemer uten å investere mye tid i koding og design. Du kan starte med low-fidelity wireframes i gråtoner og senere lage visuelle mockups og high-fidelity funksjonelle prototyper.
PowerMockup (fra $ 59,99)
Bruk PowerMockup å lage wireframes med PowerPoint.
Blyant (gratis)
Tilgjengelig på flere plattformer, denne open source-programvaren gir GUI prototyping.
Mogups (fra $ 9 / måned)
Moqups er en online wireframing og mockup verktøy.
Justinmind Prototyper (fra $ 19 / måned)
Denne søknaden for nettverks- og mobilapps for trådfremstilling kjører på Windows og Mac OS X.
FileSquare (fra gratis)
FileSquare er et nettbasert verktøy for å lage klikk-gjennom prototyper ved å koble sammen opplastede mockup-bilder.
Håndverk (fra $ 19 / måned)
Håndarbeids er et samarbeidende HTML / CSS / JavaScript prototypingsverktøy.
Brukertesting og tilbakemelding
Når du har noe konkret å vise, bør du få det ut foran faktiske brukere, samle tilbakemelding og handle på det. Applikasjonene og tjenestene som er oppført nedenfor, hjelper deg med å utføre brukervennlighetstester og organisere tilbakemeldinger fra brukerne.
IntuitionHQ (fra gratis)
Denne fjerntliggende testen for brukervennlighet lar deg kjøre ulike brukertester på designene dine og få øyeblikkelig tilbakemelding.
Bekreft (fra $ 19 / måned)
Denne online applikasjonen samler og analyserer bruker tilbakemelding på skjermer og mockups.
Polldaddy (fra gratis)
Polldaddy er et webprogram for å lage og publisere undersøkelser og avstemninger.
Konsept Tilbakemelding (gratis)
Besøk dette nettsamfunnet å utveksle tilbakemelding på design.
Fivesecondtest (fra gratis)
Denne tjenesten samler tilbakemelding ved å be brukerne om å huske elementene på et nettsted etter å ha sett det i bare fem sekunder.
PickFu (fra $ 20)
Denne crowdsourcing tjenesten gir rask tilbakemelding via enkle A / B-undersøkelser.
UserTesting (fra $ 49)
UserTesting lar deg "se over skuldrene" av folk som surfer på nettstedet ditt.
UsabilityTools (fra $ 39 / måned)
Denne samlingen av verktøy tilbyr brukerundersøkelser, inkludert spørreundersøkelser, kort sortering og tilbakemeldingsskjemaer.
Morae (fra $ 402 ca.)
Denne stasjonære programvaren registrerer brukerinteraksjoner (tastatur / musinngang, øye-sporing, lyd, etc.) og analyserer resultatene.
BugHerd (fra $ 29 / måned)
BugHerd er en online bug-tracker som er spesielt utviklet for webutviklingsprosjekter.
A / B deltestester
A / B-testing er enkel: Du lager to variasjoner (A og B) på en side og deretter bestemmer hvilken som gir bedre resultater målt i forhold til kjøp, nyhetsbrev påmelding eller andre faktorer du verdsetter, noe som reflekterer en bedre brukeropplevelse. . Disse to tjenestene kan hjelpe deg med det:
Optimistisk (fra $ 17 / måned)
Dette A / B delt testing verktøy kan hjelpe deg med å finne den mest effektive måten å øke konverteringer på nettstedet ditt.
Visual Website Optimizer (fra gratis)
Like Optimizely, Visual Website Optimizer gir støtte for A / B-testing, multivariate testing, oppførsel målretting og mer.
Analytics
Webanalyse gir verdifull innsikt i hvordan folk bruker nettstedet ditt. De kan fortelle deg hvordan besøkende vanligvis navigerer gjennom nettstedet, hvor lenge de blir på hver side, når de forlater nettstedet, og mye mer. Denne informasjonen kan være svært nyttig for å identifisere bruksproblemer og deres årsaker.
Crazy Egg (fra $ 9 / month)
Denne webanalysetjenesten visualiserer brukeradferd med varmekart, rullekart og konfetti rapporter.
Inspektør (fra gratis)
Et annet webanalyseværktøy, Inspectlet gir varmekart, sanntidsanalyser og skjermopptak av besøkendes oppførsel.
Mixpanel (fra gratis)
Mixpanel er en analyseplattform for sporing av tilpassede hendelser i mobil- og webapplikasjoner.
Validering, koblingskontroller og hastighetstester
For en positiv brukeropplevelse er det også viktig at den tekniske siden til et nettsted fungerer som beregnet. Ingenting er mer frustrerende enn koblinger som peker på ikke-eksisterende sider, nettsteder som tar evig tid å laste eller ødelagte sider på grunn av HTML- og JavaScript-feil.
W3C Markup Validation Service (gratis)
Denne onlinetjenesten sjekker for å finne ut om koden til en nettside er gyldig (X) HTML.
Dr. Link Check (gratis)
Denne web-appen sjekker et nettsted for ødelagte og svartelagte koblinger.
Pingdom Full Page Test (gratis)
Bruk dette verktøyet å teste og analysere hvor lang tid det tar at nettsiden din lastes inn.
Google PageSpeed (gratis)
Denne Google-tjenesten analyserer en nettside og gir forslag til hvordan du kan forbedre belastningstiden.
CrossBrowserTesting (fra $ 29,95 / måned)
Denne tjenesten gir virtuelle maskiner for å teste et nettsted i forskjellige nettlesere på forskjellige operativsystemer.
Bruker du noen av disse verktøyene? Har vi savnet noe du stoler på? Gi oss beskjed i kommentarene.