30 Essential UX Tools
Når udviklere bygger websites, fokuserer de ofte på layout og tekniske funktioner, men forsømmer et meget vigtigt aspekt - hvordan brugeren oplever webstedet. Hvis brugerne har svært ved at finde ud af, hvordan de skal nå deres mål, vil de se andre steder og ikke komme tilbage. En behagelig brugeroplevelse kan derimod skabe et gunstigt og varigt indtryk, der adskiller et websted fra sin konkurrence.
Derfor er det så vigtigt at overveje, hvad brugere oplever, når de besøger dit websted. Du skal spørge dig selv: Indeholder denne side de oplysninger, som brugeren forventer? Som med mange ting kan de mindste detaljer gøre den største forskel i brugerens oplevelse.
I dette indlæg vil jeg introducere 30 fremragende værktøjer og tjenester til at skabe websites med bedre brugervenlighed.
Mind maps, flow diagrammer og sitemaps
Grundlaget for et brugbart websted er en god plan. Hvis du ikke har en grundlæggende ide om, hvor dit projekt er på vej, er det usandsynligt, at du kommer til det rigtige sted. Mind maps, flow diagrammer og sitemaps er effektive værktøjer til at skabe de diagrammer, du har brug for. Mind maps er gode til at generere og organisere ideer, mens flowdiagrammer hjælper med at visualisere og planlægge trinene i en proces. Sitemaps kan bruges til at identificere navigationsstrukturen på et websted. Her er nogle programmer, der kan hjælpe dig med disse opgaver:
XMind (fra gratis)
XMind er et open source mind mapping program til Windows, Mac OS X og Linux.
ConceptDraw Office (fra $ 199)
Et kraftfuldt diagrammeringsværktøj, ConceptDraw Office giver support til flowcharts og mind maps på Windows og Mac.
OmniGraffle ($ 69,99)
Mac OS X og iPad brugere kan vælge OmniGraffle at oprette flowdiagrammer, organisationsdiagrammer og mange andre typer diagrammer.
Gliffy (fra gratis)
Gliffy er en web-baseret diagramapplikation med support til flowdiagrammer og sitemaps.
Trådrammer og prototyper
Før den egentlige kodning begynder, giver det ofte mening at gøre nogle prototyper. Prototyper giver dig mulighed for at spille med forskellige ideer og afdække mulige problemer uden at investere meget tid i kodning og design. Du kan starte med low-fidelity wireframes i gråtoner og senere oprette visuelle mockups og high-fidelity funktionelle prototyper.
PowerMockup (fra $ 59,99)
Brug PowerMockup at oprette wireframes med PowerPoint.
Blyant (gratis)
Fås på flere platforme, denne open source software giver GUI prototyper.
Mogups (fra $ 9 / month)
Moqups er en online wireframing og mockup værktøj.
Justinmind Prototyper (fra $ 19 / month)
Denne ansøgning til wireframing web og mobile apps kører på Windows og Mac OS X.
FileSquare (fra gratis)
FileSquare er et web-baseret værktøj til oprettelse af klik-prototyper ved at forbinde sammen uploadede mockup-billeder.
Håndværk (fra $ 19 / måned)
håndværk er et samarbejde HTML / CSS / JavaScript prototyping værktøj.
Bruger test og feedback
Når du har noget konkret at vise, bør du få det ud foran de faktiske brugere, samle feedback og handle på det. De programmer og tjenester, der er angivet nedenfor hjælper dig med at udføre brugervenlighedstest og organisere brugerfeedback.
IntuitionHQ (fra gratis)
Denne fjernbetjeningstestningstjeneste giver dig mulighed for at køre forskellige brugertest på dine designs og få øjeblikkelig feedback.
Bekræft (fra $ 19 / måned)
Denne online ansøgning indsamler og analyserer brugerfeedback på skærme og mockups.
Polldaddy (fra gratis)
Polldaddy er en webapplikation til oprettelse og offentliggørelse af undersøgelser og afstemninger.
Koncept Feedback (gratis)
Besøg dette online fællesskab at udveksle feedback om design.
Fivesecondtest (fra gratis)
Denne tjeneste samler feedback ved at bede brugerne om at genkalde elementerne på et websted efter at have set det i kun fem sekunder.
PickFu (fra $ 20)
Denne crowdsourcing service giver hurtig feedback via enkle A / B afstemninger.
UserTesting (fra $ 49)
UserTesting lader dig "se over skuldrene" af folk, der surfer på dit websted.
UsabilityTools (fra $ 39 / month)
Denne samling af værktøjer tilbyder brugerundersøgelser, herunder undersøgelser, kort sortering og feedback formularer.
Morae (fra $ 402 ca.)
Denne stationære software registrerer brugerinteraktioner (tastatur / mus input, eye tracking, lyd osv.) og analyserer resultaterne.
BugHerd (fra $ 29 / måned)
BugHerd er en online fejltracker, der er specielt designet til webudviklingsprojekter.
A / B split test
A / B-test er enkel: Du opretter to variabler (A og B) på en side og derefter bestemmer, hvilken der producerer bedre resultater målt i indkøb, nyhedsbrev tilmelding eller andre faktorer, du værdiansætter, hvilket afspejler en bedre brugeroplevelse. . Disse to tjenester kan hjælpe dig med det:
Optimistisk (fra $ 17 / måned)
Dette A / B split testværktøj kan hjælpe dig med at finde den mest effektive måde at øge konverteringer på din hjemmeside.
Visuel Website Optimizer (fra gratis)
Ligesom Optimizely, Visuel Website Optimizer understøtter A / B-test, multivariat test, målretning mod adfærd og meget mere.
Analytics
Webanalyser giver værdifuld indsigt i, hvordan folk bruger dit websted. De kan fortælle dig, hvordan besøgende typisk navigerer gennem hjemmesiden, hvor længe de bliver på hver side, når de forlader webstedet og meget mere. Disse oplysninger kan være yderst hjælpsomme til at identificere brugervenlighedsproblemer og deres årsager.
Crazy Egg (fra $ 9 / month)
Denne webanalyseservice visualiserer brugeradfærd med varmekort, rullekort og konfetti rapporter.
Inspektør (fra gratis)
Et andet webanalyseværktøj, Inspectlet giver varmekort, real-timeanalyser og skærmoptagelser af besøgendes adfærd.
Mixpanel (fra gratis)
Mixpanel er en analytikplatform til sporing af brugerdefinerede begivenheder i mobil- og webapplikationer.
Validering, link kontrol og hastighedstest
For en positiv brugeroplevelse er det også vigtigt, at den tekniske side af et websted fungerer som det er beregnet. Intet er mere frustrerende end links, der peger på ikke-eksisterende sider, websites, der tager for evigt at indlæse eller brudte sider på grund af HTML- og JavaScript-fejl.
W3C Markup Validation Service (gratis)
Denne onlinetjeneste kontrollerer, om koden på en webside er gyldig (X) HTML.
Dr. Link Check (gratis)
Denne webapp kontrollerer et websted for brudte og sortlistede links.
Pingdom Full Page Test (gratis)
Brug dette værktøj at teste og analysere, hvor længe det tager din webside at indlæse.
Google PageSpeed (gratis)
Denne Google-tjeneste analyserer en webside og giver forslag til, hvordan man kan forbedre sin belastningstid.
CrossBrowserTesting (fra $ 29,95 / måned)
Denne tjeneste giver virtuelle maskiner til at teste et websted i forskellige browsere på forskellige operativsystemer.
Bruger du et af disse værktøjer? Har vi savnet noget, som du stoler på? Lad os vide i kommentarerne.