30 viktiga UX-verktyg
När utvecklare bygger webbplatser fokuserar de ofta på layout och tekniska funktioner men försummar en mycket viktig aspekt - hur användaren upplever webbplatsen. Om användare har svårt att ta reda på hur man uppnår sina mål, kommer de att leta någon annanstans och inte komma tillbaka. En trevlig användarupplevelse kan å andra sidan skapa ett gynnsamt och varaktigt intryck som skiljer en plats från konkurrensen.
Därför är det så viktigt att noga överväga vad användarna upplever när de besöker din webbplats. Du måste fråga dig själv: Ger den här sidan den information som användaren förväntar sig? Som med många saker kan de minsta detaljerna göra den största skillnaden i användarens upplevelse.
I det här inlägget introducerar jag 30 utmärkta verktyg och tjänster för att skapa webbplatser med bättre användbarhet.
Mind maps, flödesdiagram och webbplatskartor
Grunden för en användbar webbplats är en bra plan. Om du inte har en grundläggande uppfattning om var ditt projekt är på väg är det osannolikt att du kommer fram till rätt ställe. Mind maps, flödesdiagram och webbplatskartor är effektiva verktyg för att skapa de diagram du behöver. Mind maps är bra för att generera och organisera idéer, medan flödesdiagram hjälper till att visualisera och planera stegen i en process. Sitemaps kan användas för att identifiera navigeringsstrukturen för en webbplats. Här är några program som kan hjälpa dig med följande uppgifter:
XMind (från gratis)
XMind är ett program för öppen källkodsintroduktion för Windows, Mac OS X och Linux.
ConceptDraw Office (från $ 199)
Ett kraftfullt diagramverktyg, ConceptDraw Office ger stöd för flödesschema och mind maps på Windows och Mac.
OmniGraffle (69,99 USD)
Mac OS X och iPad-användare kan välja OmniGraffle att skapa flödesdiagram, organisationsscheman och många andra typer av diagram.
Gliffy (från gratis)
Gliffy är ett webbaserat diagramapplikation med stöd för flödesdiagram och webbplatskartor.
Wireframes och prototyper
Innan den faktiska kodningen börjar, är det ofta meningsfullt att göra några prototyper. Prototyper låter dig spela med olika idéer och avslöja eventuella problem utan att investera mycket tid i kodning och design. Du kan börja med lågfidelity wireframes i gråskala och senare skapa visuella mockups och high-fidelity funktionella prototyper.
PowerMockup (från $ 59,99)
Använda sig av PowerMockup att skapa wireframes med PowerPoint.
Penna (gratis)
Finns på flera plattformar, denna open source-programvara tillhandahåller GUI prototyper.
Mogups (från $ 9 / månad)
Moqups är ett verktyg för nätverksframställning och mockup.
Justinmind Prototyper (från $ 19 / månad)
Den här applikationen för trådlösa webb- och mobilappar körs på Windows och Mac OS X.
FileSquare (från gratis)
FileSquare är ett webbaserat verktyg för att skapa klick-prototyper genom att länka samman uppladdade mockup-bilder.
Handcraft (från $ 19 / month)
Hantverk är ett samarbetsverktyg för HTML / CSS / JavaScript-prototyper.
Användartestning och feedback
När du har något konkret att visa, borde du ta reda på det framför de faktiska användarna, samla in feedback och agera på det. De applikationer och tjänster som anges nedan hjälper dig att utföra användbarhetstester och organisera användaråterkoppling.
IntuitionHQ (från gratis)
Denna avlägsna användbarhetstestning låter dig köra olika användartester på dina mönster och få omedelbar feedback.
Verifiera (från $ 19 / månad)
Den här onlineapplikationen samlar och analyserar användaråterkoppling på skärmar och mockups.
Polldaddy (från gratis)
Polldaddy är en webbapplikation för att skapa och publicera undersökningar och undersökningar.
Koncept Feedback (gratis)
Besök den här nätgemenskapen att utbyta feedback om mönster.
Fivesecondtest (från gratis)
Denna tjänst samlar feedback genom att be användare att återkalla elementen på en webbplats efter att ha sett den i bara fem sekunder.
PickFu (från $ 20)
Denna crowdsourcing service ger snabb återkoppling via enkla A / B-undersökningar.
UserTesting (från $ 49)
UserTesting låter dig "titta över axlarna" av personer som surfar på din webbplats.
UsabilityTools (från $ 39 / month)
Denna samling av verktyg erbjuder användarforskning, inklusive undersökningar, kortsortering och feedbackformulär.
Morae (från ca 402 kr)
Den här skrivbordsprogramvaran registrerar användarinteraktioner (tangentbord / musingång, ögonspårning, ljud etc.) och analyserar resultaten.
BugHerd (från $ 29 / månad)
BugHerd är en online-buggtracker som är speciellt utformad för webbutvecklingsprojekt.
A / B split test
A / B-testning är enkel: Du skapar två varianter (A och B) på en sida och bestämmer sedan vilken som ger bättre resultat mätt i fråga om inköp, nyhetsbrevsregistreringar eller andra faktorer du värderar, vilket speglar en bättre användarupplevelse . Dessa två tjänster kan hjälpa dig med det:
Optimizely (från $ 17 / month)
Detta A / B split testverktyg kan hjälpa dig att hitta det effektivaste sättet att öka omvandlingar på din webbplats.
Visual Website Optimizer (från gratis)
Gilla Optimizely, Visual Website Optimizer ger stöd för A / B-testning, multivariatprovning, beteendemålning och mer.
Analytics
Webanalys ger värdefulla insikter om hur människor använder din webbplats. De kan berätta hur besökare brukar navigera via webbplatsen, hur länge de stannar på varje sida, när de lämnar webbplatsen och mycket mer. Denna information kan vara till stor hjälp för att identifiera användbarhetsproblem och deras orsaker.
Crazy Egg (från $ 9 / month)
Denna webbanalystjänst visualiserar användarbeteende med värmekartor, rullskartor och konfetti rapporter.
Inspektör (från gratis)
Ett annat webbanalysverktyg, Inspectlet tillhandahåller värmekartor, realtidsanalyser och skärminspelningar av besökarnas beteende.
Mixpanel (från gratis)
Mixpanel är en analysplattform för spårning av anpassade händelser i mobil- och webbapplikationer.
Validering, länk kontroller och hastighetsprov
För en positiv användarupplevelse är det också viktigt att den tekniska sidan på en webbplats fungerar som avsedd. Ingenting är mer frustrerande än länkar som pekar på obefintliga sidor, webbplatser som tar evigt att ladda eller brutna sidor på grund av HTML- och JavaScript-fel.
W3C Markup Validation Service (gratis)
Denna onlinetjänst kontrollerar om koden för en webbsida är giltig (X) HTML.
Dr Link Check (gratis)
Denna webbapp kontrollerar en webbplats för brutna och svartlistade länkar.
Pingdom Full Page Test (gratis)
Använda sig av detta verktyg att testa och analysera hur länge det tar din webbsida att ladda.
Google PageSpeed (gratis)
Denna Google-tjänst analyserar en webbsida och ger förslag på hur man förbättrar laddningstiden.
CrossBrowserTesting (från $ 29,95 / månad)
Denna tjänst tillhandahåller virtuella maskiner för att testa en webbplats i olika webbläsare på olika operativsystem.
Användar du något av dessa verktyg? Har vi missat något som du litar på? Låt oss veta i kommentarerna.