Ir al contenido principal

Herramientas de usabilidad



“En Internet, la usabilidad es una condición necesaria para sobrevivir”: es una de las frases más repetidas por Jakob Nielsen, considerado el rey de la usabilidad. Si un usuario se pierde en una web, la abandona. Si le cuesta leer la información, se va. Si no encuentra con facilidad el producto que quiere, salta a otra página. Si le resulta complicado rellenar un formulario, lo deja en blanco. Si no sabe cómo completar una acción on line, no la termina. “Irse es la primera línea de defensa del internauta cuando se topa con una dificultad”, advierte Nielsen. Es esencial, por tanto, que pueda interactuar con la página web de la forma más fácil, cómoda, segura e inteligentemente posible, más aún incluso cuando la web es el soporte de una acción de marketing on line. Un ejemplo: el 77% de los usuarios no se molesta en hacer scroll la primera vez que visita una página.

Ejemplos de Herramientas:

Usabilla: Con esta herramienta se pueden realizar pequeños test en los que se controla el tiempo que un usuario tarda en realizar una acción determinada en tu site. Con estos datos se puede medir la eficacia del proceso y optimizar los tiempos en el caso de que los resultados no sean los esperados.

Intuition HQ: Esta aplicación comprueba cómo interactúa el usuario con la web gracias a un sistema que graba sus acciones desde el inicio hasta el final. Existe una versión de prueba que es gratuita y otra de pago.

Write Maps: Esta herramienta permite producir, administrar y compartir los mapas de tu página web. Con ella es más sencillo crear el sitemap y conseguir que éste sea más intuitivo y comprensible para los usuarios.

Websort: Esta aplicación online se basa en la técnica del cardsorting mediante la cual se puede saber cómo organiza mentalmente la información de tu web el usuario.

Navflow: Navflow testea la web para conocer cuál es el comportamiento de tus usuarios mientras navegan en ella. Con las conclusiones se puede optimizar el proceso para conducirles hacia aquellas secciones que más te interesen.

MobiReady: Con esta herramienta puedes medir la usabilidad de tu web cuando se accede desde un móvil. Es decir, controla si es responsive y, en el caso de que sí, el nivel de calidad.

Page Speed Insight: Esta herramienta desarrollada por Google evalúa tu página web en función de lo que ellos consideran como las mejores prácticas de rendimiento. Está dirigida sobre todo a desarrolladores y propietarios de webs

Pingdom Tool: Insertando la URL de tu site en el buscador esta aplicación realizará un test en el que obtendrás todos los tiempos de carga de las distintas páginas que conformen tu web. Es realmente útil para optimizar los tiempos de carga y muy sencilla de utilizar.

Vischeck: Herramienta realmente útil para saber cómo ven tu página personas con deficiencias visuales como, por ejemplo, los daltónicos.

Browsershots: Esta aplicación la utilizan muchos programadores para comprobar cómo se ve una web desde los distintos navegadores (Chrome, Firefox, Mozilla…). Permite optimizar posibles errores que en algunos navegadores se dan y en otros no.

W3C Markup Validation Service: Sirve para examinar el estado de tu web y detectar errores de código HTML, XHTML, SMIL, MathML, etc.

Achecker: Testea una por una todas las páginas HTML de tu site para ver si cumplen con las normas de accesibilidad establecidas y así garantizar que el contenido de la web sea accesible para todos los usuarios.

Word Count Tool: Word Count es un indicador de lectura que te permite conocer la facilidad de lectura de los textos de tu web. Además aporta datos como el número de palabras, la densidad de keywords, el tiempo estimado de lectura, caracteres, etc.

Check my colours: Añadiendo la URL de tu site esta página mide el nivel de lectura de la página a través del contraste de colores entre el texto y el fondo. A mayor contraste mejor lectura.

Juicy Studio: Esta herramienta online calcula los índices de legibilidad basándose en los sistemas de evaluación de varios algoritmos. Es gratuita y muy sencilla de utilizar, ya que sólo hay que insertar la URL de la web para obtener los datos.


Feedback Army: Puedes plantear preguntas sobre la usabilidad de tu web a los expertos desarrolladores de la herramienta y ellos te ofrecerán las soluciones. En total puedes hacer 10 preguntas por 40 dólares.

Crazyegg: Crazyegg ofrece la posibilidad de insertar una línea de Javascript en el código de tu site con la que podrás analizar todo lo que hacen los usuarios en tu web (Scrolldeep, mapas de calor, clickflow, mouseflow, etc).

Comentarios

Entradas populares de este blog

Software CAD

CAD El diseño asistido por computadoras, más conocido por sus siglas inglesas CAD (computer-aided design), es el uso de un amplio rango de herramientas computacionales que asisten a ingenieros, arquitectos y diseñadores. El CAD es también utilizado en el marco de procesos de administración del ciclo de vida de productos. Estas herramientas se pueden dividir básicamente en programas de dibujo 2D y de modelado 3D. Las herramientas de dibujo en 2D se basan en entidades geométricas vectoriales como puntos, líneas, arcos y polígonos, con las que se puede operar a través de una interfaz gráfica. Los modeladores en 3D añaden superficies y sólidos. CAD fue principalmente inventado por un francès, Pierre Bézier, ingeniero de los Arts et Métiers ParisTech. El ingeniero desarrolló los principios fundamentales de la CAD con su programa UNISURF en 1966. El usuario puede asociar a cada entidad una serie de propiedades como color, capa, estilo de línea, nombre, definición geométrica, mat

HTML5

Hyper Text Markup Languaje, más conocido como HTML, es el lenguaje de programación más popular desde hace tiempo a la hora de diseñar páginas web en Internet, puesto que describe la estructura y contenido de un site en forma de texto. Sin embargo, en los últimos meses, el lanzamiento de HTML5 ha revolucionado el sector del desarrollo web gracias a sus nuevas herramientas, cuyo objetivo es mejorar la experiencia del usuario. Este nuevo lenguaje solo supone cambios positivos para el diseño de páginas web y, por supuesto, HTML 5 para empresas es todo ventajas: 1) Imágenes dinámicas: en versiones anteriores simplemente era posible incluir imágenes en el código,sin tener la posibilidad de otras acciones como modificarla. Sin embargo, HTML 5 permite crear imágenes dinámicas que permiten interactuar sin tener que editarlas antes de cargarlas en la web. Por ejemplo, con versiones anteriores, para incluir una presentación de distintas imágenes era necesario utilizar software como Flas

Identidad Corporativa

La identidad corporativa o identidad visual (IVC) Es la manifestación física de la marca. Hace referencia a los aspectos visuales de la identidad de una organización. En general, incluye un logotipo y elementos de soporte, generalmente coordinados por un grupo de líneas maestras que se recogen en un documento denominado manual de identidad corporativa. ¿Por qué la identidad corporativa es un elemento fundamental para una empresa? La identidad corporativa otorga una personalidad propia a cada compañía, un carácter único que le permite diferenciarse de su competencia y, por supuesto, del resto de marcas que habitan en su entorno. Por una parte, el término ‘identidad’ se refiere al ADN y la esencia. Y, por otra parte, el término ‘corporativa’ alude a la empresa. Así, la identidad corporativa es el carácter de una compañía y acota, más allá de sus rasgos estéticos, aspectos intangibles más profundos como son sus valores, sus principios y el modo en que ambos se expresan. De es