Krypton Solid

30 herramientas esenciales de UX

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 averiguar cómo lograr sus objetivos, buscarán en otra parte y no volverán. Una experiencia de usuario agradable, por otro lado, puede crear una impresión favorable y duradera que diferencia a un sitio de su competencia.

Por eso es tan importante considerar cuidadosamente lo que experimentan los usuarios cuando visitan su sitio web. Tienes que preguntarte: ¿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 una mejor usabilidad.

Mapas mentales, diagramas de flujo y mapas del sitio

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 mapas del sitio son herramientas eficaces 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 de un proceso. Los mapas del sitio se pueden utilizar para identificar la estructura de navegación de un sitio web. Aquí hay algunas aplicaciones que pueden ayudarlo con estas tareas:

XMind (desde gratis)

XMind es un programa de mapas mentales de código abierto para Windows, Mac OS X y Linux.

ConceptDraw Office (desde $ 199)

Una poderosa herramienta de diagramación, ConceptDraw Office proporciona soporte para diagramas de flujo y mapas mentales en Windows y Mac.

02-conceptdraw

OmniGraffle ($ 69,99)

Los usuarios de Mac OS X y iPad pueden elegir OmniGraffle para crear diagramas de flujo, organigramas y muchos otros tipos de diagramas.

03-omnigrafía

Gliffy (desde gratis)

Gliffy es una aplicación de diagramas basada en la web con soporte para diagramas de flujo y mapas del sitio.

04-deslumbrante

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 codificación y 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)

Usar PowerMockup para crear wireframes con PowerPoint.

05-powermockup

Lápiz (gratis)

Disponible en varias plataformas, este software de código abierto proporciona prototipos de GUI.

06-lápiz

Mogups (desde $ 9 / mes)

Moqups es una herramienta de maquetas y wireframes en línea.

07-moqups

Justinmind Prototyper (desde $ 19 / mes)

Esta aplicación para aplicaciones web y móviles de wireframing se ejecuta en Windows y Mac OS X.

08-justinmind

FileSquare (de forma gratuita)

FileSquare es una herramienta basada en la web para crear prototipos de clic mediante la vinculación de imágenes de maquetas cargadas.

09-archivo cuadrado

Artesanía (desde $ 19 / mes)

Artesanía es una herramienta colaborativa de creación de prototipos HTML / CSS / JavaScript.

10 artesanías

Pruebas y comentarios de los usuarios

Una vez que tenga algo concreto que mostrar, debe presentarlo a los usuarios reales, recopilar comentarios y actuar en consecuencia. Las aplicaciones y los servicios que se enumeran a continuación lo ayudan a realizar pruebas de usabilidad y a organizar los comentarios de los usuarios.

IntuitionHQ (desde gratis)

Este servicio de prueba de usabilidad remota le permite ejecutar varias pruebas de usuario en sus diseños y obtener comentarios instantáneos.

11-intuiciónhq

Verificar (desde $ 19 / mes)

Esta aplicación en línea recopila y analiza los comentarios de los usuarios en pantallas y maquetas.

12-verificar

Polldaddy (de forma gratuita)

Polldaddy es una aplicación web para crear y publicar encuestas y sondeos.

13-polldaddy

Retroalimentación del concepto (gratis)

Visita esta comunidad en línea para intercambiar comentarios sobre los diseños.

14 comentarios de concepto

Fivesecondtest (gratis)

Este servicio recopila comentarios pidiendo a los usuarios que recuerden los elementos de un sitio web después de haberlo visto durante solo cinco segundos.

Prueba de 15 a cinco segundos

PickFu (desde $ 20)

Este servicio de crowdsourcing proporciona comentarios rápidos a través de simples encuestas A / B.

16-pickfu

UserTesting (desde $ 49)

UserTesting le permite «mirar por encima del hombro» de las personas que navegan por su sitio web.

17-usertesting

Herramientas de usabilidad (desde $ 39 / mes)

Esta colección de herramientas ofrece investigación de usuarios que incluye encuestas, clasificación de tarjetas y formularios de comentarios.

18 herramientas de usabilidad

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.

19-morae

BugHerd (desde $ 29 / mes)

BugHerd es un rastreador de errores en línea especialmente diseñado para proyectos de desarrollo web.

20-bugherd

Pruebas de división A / B

Las pruebas A / B son simples: usted 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 u otros factores que usted 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 eficaz de aumentar las conversiones en su sitio web.

21-optimizado

Optimizador visual de sitios web (gratuito)

Como Optimizely, Optimizador visual de sitios web proporciona soporte para pruebas A / B, pruebas multivariadas, orientación por comportamiento y más.

22-visual-web-optimizer

Analítica

La analítica web proporciona información valiosa sobre cómo las personas usan su sitio web. Pueden decirle cómo los visitantes suelen navegar por el sitio web, cuánto tiempo permanecen en cada página, cuándo abandonan el sitio y mucho más. Esta información puede ser de gran ayuda 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.

23-huevo-loco

Inspectlet (desde gratis)

Otra herramienta de análisis web, Inspeccionar proporciona mapas de calor, análisis en tiempo real y grabaciones de pantalla del comportamiento de los visitantes.

24 inspecciones

Mixpanel (desde gratis)

Mixpanel es una plataforma de análisis para rastrear eventos personalizados en aplicaciones móviles y web.

25 paneles mixtos

Validación, verificación de enlaces y pruebas de velocidad

Para una experiencia de usuario positiva, también es importante que el aspecto 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, sitios web que tardan una eternidad en cargar o páginas rotas debido a errores de HTML y JavaScript.

Servicio de validación de marcado W3C (gratuito)

Este servicio en línea comprueba si el código de una página web es HTML (X) válido.

26-w3c

Dr. Link Check (gratis)

Esta aplicación web comprueba un sitio en busca de enlaces rotos o incluidos en la lista negra.

27-dr-link-check

Prueba de página completa de Pingdom (gratis)

Usar esta herramienta para probar y analizar cuánto tiempo tarda su página web en cargarse.

28-pingdom-fpt

Google PageSpeed ​​(gratis)

Este servicio de Google analiza una página web y hace sugerencias sobre cómo mejorar su tiempo de carga.

29 páginas de velocidad

CrossBrowserTesting (desde $ 29.95 / mes)

Este servicio proporciona máquinas virtuales para probar un sitio web en diferentes navegadores en diferentes sistemas operativos.

30 pruebas cruzadas

¿Utiliza alguna de estas herramientas? ¿Nos hemos perdido alguno en el que confías? Háznoslo saber en los comentarios.

Deja un comentario