30 herramientas esenciales de UX
Cuando los desarrolladores crean sitios web, a menudo se centran en el diseño y las características técnicas, pero descuidan un aspecto muy importante: cómo el usuario experimenta el sitio. Si los usuarios tienen dificultades para descubrir cómo lograr sus objetivos, buscarán en otro lado y no regresarán. Una experiencia de usuario agradable, por otro lado, puede crear una impresión favorable y duradera que diferencie un sitio de su competencia.
Por eso es tan importante considerar cuidadosamente lo que los usuarios experimentan cuando visitan su sitio web. Debe preguntarse: ¿Esta página proporciona la información que el usuario espera? Como ocurre con muchas cosas, los detalles más pequeños pueden marcar la mayor diferencia en la experiencia del usuario.
En esta publicación, presentaré 30 excelentes herramientas y servicios para crear sitios web con mejor usabilidad.
Mapas mentales, diagramas de flujo y sitemaps
La base de un sitio web utilizable es un buen plan. Si no tiene una idea básica de hacia dónde se dirige su proyecto, es poco probable que llegue al lugar correcto. Los mapas mentales, los diagramas de flujo y los sitemaps son herramientas efectivas para crear los diagramas que necesita. Los mapas mentales son excelentes para generar y organizar ideas, mientras que los diagramas de flujo ayudan a visualizar y planificar los pasos en un proceso. Los sitemaps se pueden usar para identificar la estructura de navegación de un sitio web. Aquí hay algunas aplicaciones que pueden ayudarlo con estas tareas:
XMind (de forma gratuita)
XMind es un programa de mapeo mental de código abierto para Windows, Mac OS X y Linux.
Oficina ConceptDraw (desde $ 199)
Una poderosa herramienta de diagramación, Oficina de ConceptDraw proporciona soporte para diagramas de flujo y mapas mentales en Windows y Mac.
OmniGraffle ($ 69.99)
Los usuarios de Mac OS X e iPad pueden elegir OmniGraffle para crear diagramas de flujo, organigramas y muchos otros tipos de diagramas.
Gliffy (de forma gratuita)
Gliffy es una aplicación de diagrama basada en web con soporte para diagramas de flujo y mapas de sitio.
Wireframes y prototipos
Antes de que comience la codificación real, a menudo tiene sentido hacer algunos prototipos. Los prototipos te permiten jugar con diferentes ideas y descubrir posibles problemas sin invertir mucho tiempo en la codificación y el diseño. Puede comenzar con wireframes de baja fidelidad en escala de grises y luego crear maquetas visuales y prototipos funcionales de alta fidelidad.
PowerMockup (desde $ 59.99)
Utilizar PowerMockup para crear wireframes con PowerPoint.
Lápiz (gratis)
Disponible en varias plataformas, este software de código abierto proporciona prototipos de GUI.
Mogups (desde $ 9 / mes)
Moqups es una herramienta en línea de enmarcado y maqueta.
Justinmind Prototyper (desde $ 19 / mes)
Esta aplicación para wireframing web y aplicaciones móviles se ejecuta en Windows y Mac OS X.
FileSquare (de forma gratuita)
FileSquare es una herramienta basada en web para crear prototipos de clics vinculando imágenes de maquetas cargadas.
Artesanía (desde $ 19 / mes)
Artesanía es una herramienta colaborativa de creación de prototipos HTML / CSS / JavaScript.
Pruebas de usuario y comentarios
Una vez que tiene algo concreto que mostrar, debe sacarlo frente a los usuarios reales, recopilar comentarios y actuar en consecuencia. Las aplicaciones y servicios enumerados a continuación lo ayudan a realizar pruebas de usabilidad y a organizar comentarios de los usuarios.
IntuitionHQ (de forma gratuita)
Este servicio remoto de prueba de usabilidad le permite ejecutar varias pruebas de usuario en sus diseños y obtener comentarios instantáneos.
Verificar (desde $ 19 / mes)
Esta aplicación en línea recopila y analiza comentarios de los usuarios sobre pantallas y maquetas.
Polldaddy (de forma gratuita)
Polldaddy es una aplicación web para crear y publicar encuestas y encuestas.
Retroalimentación del concepto (gratis)
Visitar esta comunidad en línea para intercambiar comentarios sobre los diseños.
Fivesegunda prueba (de forma gratuita)
Este servicio reúne comentarios solicitando a los usuarios que recuerden los elementos de un sitio web después de haberlo visto durante solo cinco segundos.
PickFu (desde $ 20)
Este servicio de crowdsourcing proporciona una respuesta rápida a través de simples encuestas A / B.
UserTesting (desde $ 49)
UserTesting le permite "mirar por sobre los hombros" de las personas que navegan por su sitio web.
UsabilityTools (desde $ 39 / mes)
Esta colección de herramientas ofrece investigación de los usuarios que incluye encuestas, clasificación de tarjetas y formularios de comentarios.
Morae (desde $ 402 aprox.)
Este software de escritorio registra las interacciones del usuario (entrada de teclado / mouse, seguimiento ocular, audio, etc.) y analiza los resultados.
BugHerd (desde $ 29 / mes)
BugHerd es un rastreador de errores en línea especialmente diseñado para proyectos de desarrollo web.
Pruebas divididas A / B
La prueba A / B es simple: crea dos variaciones (A y B) de una página y luego determina cuál produce mejores resultados medidos en términos de compras, suscripciones a boletines informativos u otros factores que valora, que reflejan una mejor experiencia de usuario . Estos dos servicios pueden ayudarlo con eso:
Optimizely (desde $ 17 / mes)
Esta herramienta de prueba dividida A / B puede ayudarlo a encontrar la forma más efectiva de aumentar las conversiones en su sitio web.
Visual Website Optimizer (de forma gratuita)
Al igual que Optimizely, Optimizador de sitios web visuales proporciona soporte para pruebas A / B, pruebas multivariables, orientación por comportamiento y más.
Analítica
El análisis web proporciona información valiosa sobre cómo las personas usan su sitio web. Le pueden decir cómo los visitantes suelen navegar a través del sitio web, cuánto tiempo permanecen en cada página, cuándo abandonan el sitio y mucho más. Esta información puede ser extremadamente útil para identificar problemas de usabilidad y sus causas.
Crazy Egg (desde $ 9 / mes)
Este servicio de análisis web visualiza el comportamiento del usuario con mapas de calor, mapas de desplazamiento e informes de confeti.
Inspectlet (de forma gratuita)
Otra herramienta de análisis web, Inspectlet proporciona mapas de calor, análisis en tiempo real y grabaciones de pantalla del comportamiento de los visitantes.
Mixpanel (desde libre)
Mixpanel es una plataforma de análisis para rastrear eventos personalizados en aplicaciones móviles y web.
Validación, verificación de enlaces y pruebas de velocidad
Para una experiencia de usuario positiva, también es importante que el lado técnico de un sitio web funcione según lo previsto. Nada es más frustrante que los enlaces que apuntan a páginas inexistentes, los sitios web tardan para siempre en cargarse o las páginas rotas debido a errores de HTML y JavaScript.
Servicio de validación de marcado W3C (gratis)
Este servicio en línea comprueba si el código de una página web es válido (X) HTML.
Dr. Link Check (gratis)
Esta aplicación web revisa un sitio para encontrar enlaces rotos y en la lista negra.
Pingdom Prueba de página completa (gratis)
Utilizar esta herramienta para probar y analizar cuánto tiempo le lleva cargar su página web.
Google PageSpeed (gratis)
Este servicio de Google analiza una página web y hace sugerencias sobre cómo mejorar su tiempo de carga.
CrossBrowserTesting (desde $ 29.95 / mes)
Este servicio proporciona máquinas virtuales para probar un sitio web en diferentes navegadores en diferentes sistemas operativos.
¿Usas alguna de estas herramientas? ¿Hemos perdido alguno en el que confíes? Háganos saber en los comentarios.