30 ferramentas essenciais UX
Quando os desenvolvedores criam sites, eles geralmente se concentram no layout e nos recursos técnicos, mas negligenciam um aspecto muito importante - como o usuário experimenta o site. Se os usuários tiverem dificuldade em descobrir como alcançar seus objetivos, eles procurarão em outro lugar e não voltarão. Uma experiência de usuário agradável, por outro lado, pode criar uma impressão favorável e duradoura que diferencia um site de sua concorrência.
É por isso que é tão importante considerar cuidadosamente o que os usuários experimentam quando visitam seu site. Você precisa se perguntar: essa página fornece as informações que o usuário espera? Tal como acontece com muitas coisas, os menores detalhes podem fazer a maior diferença na experiência do usuário.
Neste post, apresentarei 30 excelentes ferramentas e serviços para criar sites com melhor usabilidade.
Mapas mentais, fluxogramas e sitemaps
A base de um site utilizável é um bom plano. Se você não tem uma ideia básica de onde seu projeto está indo, é improvável que você chegue ao lugar certo. Mapas mentais, fluxogramas e mapas de site são ferramentas eficazes para criar os diagramas de que você precisa. Os mapas mentais são ótimos para gerar e organizar ideias, enquanto os fluxogramas ajudam a visualizar e planejar as etapas de um processo. Os Sitemaps podem ser usados para identificar a estrutura de navegação de um website. Aqui estão alguns aplicativos que podem ajudá-lo com essas tarefas:
XMind (de graça)
XMind é um programa de mapeamento mental de código aberto para Windows, Mac OS X e Linux.
Escritório ConceptDraw (a partir de US $ 199)
Uma poderosa ferramenta de diagramação Escritório ConceptDraw fornece suporte para fluxogramas e mapas mentais no Windows e no Mac.
OmniGraffle (US $ 69,99)
Usuários do Mac OS X e iPad podem escolher OmniGraffle para criar fluxogramas, organogramas e muitos outros tipos de diagramas.
Gliffy (de graça)
Gliffy é um aplicativo de diagrama baseado na web com suporte para fluxogramas e sitemaps.
Wireframes e protótipos
Antes do início da codificação, muitas vezes faz sentido fazer algum protótipo. Os protótipos permitem que você jogue com ideias diferentes e descubra possíveis problemas sem investir muito tempo em codificação e design. Você pode começar com wireframes de baixa fidelidade em escala de cinza e depois criar modelos visuais e protótipos funcionais de alta fidelidade.
PowerMockup (a partir de $ 59,99)
Usar PowerMockup para criar wireframes com o PowerPoint.
Lápis (grátis)
Disponível em várias plataformas este software de código aberto fornece prototipagem GUI.
Mogups (a partir de $ 9 / mês)
Moqups é uma ferramenta on-line de wireframes e maquetes.
Justinmind Prototyper (a partir de $ 19 / mês)
Esta aplicação para wireframing web e aplicativos móveis é executado no Windows e no Mac OS X.
FileSquare (de livre)
FileSquare é uma ferramenta baseada na Web para criar protótipos de cliques, vinculando imagens de modelos carregadas.
Artesanato (a partir de US $ 19 / mês)
Feito â mão é uma ferramenta colaborativa de prototipagem HTML / CSS / JavaScript.
Teste e feedback do usuário
Uma vez que você tenha algo concreto para mostrar, você deve divulgá-lo na frente de usuários reais, reunir feedback e agir de acordo. Os aplicativos e serviços listados abaixo ajudam você a realizar testes de usabilidade e organizar o feedback do usuário.
IntuitionHQ (de graça)
Este serviço de testes de usabilidade remota permite que você execute vários testes de usuário em seus projetos e obtenha feedback instantâneo.
Verificar (a partir de US $ 19 / mês)
Esta aplicação online coleta e analisa o feedback do usuário em telas e maquetes.
Polldaddy (de graça)
Polldaddy é uma aplicação web para criar e publicar pesquisas e enquetes.
Feedback de conceito (grátis)
Visita esta comunidade online para trocar feedback sobre projetos.
Fivesecondtest (de graça)
Este serviço reúne comentários pedindo aos usuários que recuperem os elementos de um site depois de vê-lo por apenas cinco segundos.
PickFu (a partir de $ 20)
Este serviço de crowdsourcing fornece feedback rápido através de simples enquetes A / B.
UserTesting (a partir de $ 49)
UserTesting permite "olhar por cima dos ombros" das pessoas que navegam no seu site.
UsabilityTools (a partir de $ 39 / mês)
Esta coleção de ferramentas oferece pesquisa de usuários, incluindo pesquisas, classificação de cartões e formulários de feedback.
Morae (desde $ 402 aproximadamente)
Este software de desktop registra as interações do usuário (entrada de teclado / mouse, rastreamento de olhos, áudio, etc.) e analisa os resultados.
BugHerd (a partir de $ 29 / mês)
BugHerd é um rastreador de bugs online especialmente desenvolvido para projetos de desenvolvimento web.
Testes de divisão A / B
O teste A / B é simples: você cria duas variações (A e B) de uma página e determina qual delas produz melhores resultados medidos em termos de compras, inscrições em boletins informativos ou outros fatores que você valoriza, que refletem uma melhor experiência do usuário . Esses dois serviços podem ajudá-lo com isso:
Otimizamente (a partir de $ 17 / mês)
Esta ferramenta de teste de divisão A / B pode ajudar você a encontrar a maneira mais eficaz de aumentar as conversões em seu website.
Visual Website Optimizer (de livre)
Como otimamente, Visual Website Optimizer fornece suporte para testes A / B, testes multivariáveis, segmentação por comportamento e muito mais.
Analytics
A análise da Web fornece informações valiosas sobre como as pessoas usam seu website. Eles podem informar como os visitantes normalmente navegam pelo site, quanto tempo permanecem em cada página, quando saem do site e muito mais. Esta informação pode ser extremamente útil para identificar problemas de usabilidade e suas causas.
Crazy Egg (a partir de $ 9 / mês)
Este serviço de análise da web visualiza o comportamento do usuário com mapas de calor, mapas de rolagem e relatórios de confetes.
Inspectlet (de livre)
Outra ferramenta de análise da web, Inspectlet fornece mapas de calor, análises em tempo real e gravações de tela do comportamento do visitante.
Mixpanel (de graça)
Mixpanel é uma plataforma de análise para rastrear eventos personalizados em aplicativos móveis e da web.
Validação, verificações de links e testes de velocidade
Para uma experiência positiva do usuário, também é importante que o lado técnico de um site funcione conforme o pretendido. Nada é mais frustrante do que links apontando para páginas inexistentes, sites demorando para carregar ou páginas quebradas por causa de erros de HTML e JavaScript.
Serviço de validação de marcação do W3C (gratuito)
Este serviço online verifica para determinar se o código de uma página da web é válido (X) HTML.
Dr. Link Check (grátis)
Este aplicativo da web verifica um site para links quebrados e na lista negra.
Teste de página inteira Pingdom (grátis)
Usar esta ferramenta para testar e analisar quanto tempo leva sua página da Web para carregar.
Google PageSpeed (grátis)
Este serviço do Google analisa uma página da Web e faz sugestões sobre como melhorar seu tempo de carregamento.
CrossBrowserTesting (a partir de $ 29.95 / mês)
Este serviço fornece máquinas virtuais para testar um site em diferentes navegadores em diferentes sistemas operacionais.
Você usa alguma dessas ferramentas? Sentimos falta de algum em que você confia? Deixe-nos saber nos comentários.