Quando gli sviluppatori creano siti Web, spesso si concentrano sul layout e sulle caratteristiche tecniche, ma trascurano un aspetto molto importante: il modo in cui l'utente sperimenta il sito. Se gli utenti hanno difficoltà a capire come raggiungere i loro obiettivi, guarderanno altrove e non torneranno indietro. Un'esperienza utente piacevole, d'altra parte, può creare un'impressione favorevole e duratura che differenzia un sito dalla sua concorrenza.
Questo è il motivo per cui è così importante considerare attentamente ciò che gli utenti sperimentano quando visitano il tuo sito web. Devi chiedertelo: questa pagina fornisce le informazioni che l'utente si aspetta? Come con molte cose, i più piccoli dettagli possono fare la più grande differenza nell'esperienza dell'utente.
In questo post, presenterò 30 strumenti e servizi eccellenti per la creazione di siti Web con una migliore usabilità.
La base di un sito web utilizzabile è un buon piano. Se non hai un'idea di base su dove è diretto il tuo progetto, è improbabile che arrivi nel posto giusto. Le mappe mentali, i diagrammi di flusso e le sitemap sono strumenti efficaci per creare gli schemi di cui hai bisogno. Le mappe mentali sono ideali per generare e organizzare idee, mentre i diagrammi di flusso aiutano a visualizzare e pianificare i passaggi di un processo. Le Sitemap possono essere utilizzate per identificare la struttura di navigazione di un sito web. Ecco alcune applicazioni che possono aiutarti con questi compiti:
XMind è un programma di mind mapping open source per Windows, Mac OS X e Linux.
Un potente strumento per diagrammi, Ufficio ConceptDraw fornisce supporto per diagrammi di flusso e mappe mentali su Windows e Mac.
Gli utenti Mac OS X e iPad possono scegliere OmniGraffle per creare diagrammi di flusso, organigrammi e molti altri tipi di diagrammi.
Gliffy è un'applicazione di diagrammi basata sul web con supporto per diagrammi di flusso e sitemap.
Prima che inizi il vero codice, spesso ha senso fare qualche prototipazione. I prototipi ti consentono di giocare con idee diverse e scoprire possibili problemi senza investire molto tempo nella codifica e nella progettazione. Puoi iniziare con wireframe a bassa fedeltà in scala di grigi e successivamente creare prototipi visivi e prototipi funzionali ad alta fedeltà.
Uso PowerMockup creare wireframe con PowerPoint.
Disponibile su diverse piattaforme, questo software open-source fornisce la prototipazione della GUI.
Moqups è uno strumento di wireframing e mockup online.
Questa applicazione per wireframing web e app mobili funziona su Windows e Mac OS X.
FileSquare è uno strumento basato sul web per creare prototipi click-through collegando insieme immagini mockup caricate.
Fatto a mano è uno strumento di prototipazione HTML / CSS / JavaScript collaborativo.
Una volta che hai qualcosa di concreto da mostrare, dovresti farlo davanti agli utenti reali, raccogliere feedback e agire di conseguenza. Le applicazioni e i servizi elencati di seguito consentono di eseguire test di usabilità e di organizzare il feedback degli utenti.
Questo servizio di test di usabilità a distanza ti consente di eseguire vari test utente sui tuoi progetti e ottenere un feedback immediato.
Questa applicazione online raccoglie e analizza il feedback degli utenti su schermi e mockup.
Polldaddy è un'applicazione web per la creazione e la pubblicazione di sondaggi e sondaggi.
Visita questa comunità online scambiare feedback sui disegni.
Questo servizio raccoglie feedback chiedendo agli utenti di richiamare gli elementi di un sito Web dopo averlo visto per soli cinque secondi.
Questo servizio di crowdsourcing fornisce feedback rapidi tramite semplici sondaggi A / B.
UserTesting ti consente di "guardare oltre le spalle" delle persone che navigano nel tuo sito web.
Questa raccolta di strumenti offre la ricerca degli utenti tra cui sondaggi, classificazione delle carte e moduli di feedback.
Questo software desktop registra le interazioni dell'utente (input da tastiera / mouse, eye-tracking, audio, ecc.) e analizza i risultati.
BugHerd è un bug tracker online appositamente progettato per progetti di sviluppo web.
Il test A / B è semplice: crei due varianti (A e B) di una pagina e poi determina quale produce risultati migliori misurati in termini di acquisti, iscrizioni a newsletter o altri fattori che ritieni apprezzati, che riflettono un'esperienza utente migliore . Questi due servizi possono aiutarti in questo:
Questo strumento di test diviso A / B può aiutarti a trovare il modo più efficace per aumentare le conversioni sul tuo sito web.
Come ottimamente, Visual Website Optimizer fornisce supporto per test A / B, test multivariato, targeting comportamentale e altro.
L'analisi dei dati web fornisce preziose informazioni su come le persone utilizzano il tuo sito web. Possono dirti in che modo i visitatori di solito navigano attraverso il sito web, per quanto tempo rimangono su ogni pagina, quando lasciano il sito e molto altro ancora. Questa informazione può essere estremamente utile per identificare i problemi di usabilità e le loro cause.
Questo servizio di analisi web visualizza il comportamento dell'utente con mappe di calore, mappe di scorrimento e rapporti di coriandoli.
Un altro strumento di analisi dei dati web, Inspectlet fornisce mappe del calore, analisi in tempo reale e registrazioni dello schermo del comportamento dei visitatori.
Mixpanel è una piattaforma di analisi per il tracciamento di eventi personalizzati in applicazioni mobili e web.
Per un'esperienza utente positiva è anche importante che il lato tecnico di un sito web funzioni come previsto. Nulla è più frustrante dei link che rimandano a pagine inesistenti, siti Web che richiedono sempre un caricamento o pagine danneggiate a causa di errori HTML e JavaScript.
Questo servizio online controlla per determinare se il codice di una pagina web è valido (X) HTML.
Questa web app controlla un sito per collegamenti interrotti e nella lista nera.
Uso questo strumento per testare e analizzare quanto tempo impiega la tua pagina web a caricare.
Questo servizio di Google analizza una pagina Web e suggerisce come migliorare il tempo di caricamento.
Questo servizio fornisce macchine virtuali per testare un sito Web in diversi browser su diversi sistemi operativi.
Usi qualcuno di questi strumenti? Abbiamo perso qualcosa su cui ti affidi? Fateci sapere nei commenti.