Inclusión. Accesibilidad y Usabilidad web. » Profesional

Como utilizar los iconos para mejorar el diseño de su web

Pablo López — Mon, 03 May 2010 16:32:10 +0000

Una imagen vale más que mil palabras, y en la web sucede claramente.

Iconos para mejorar el contenido

Los iconos pueden ser elementos decisivos en el diseño de su web, ya que pueden funcionar como un respiro para el contenido y pueden servir como guía visual para el lector. Los usuarios primero ojean el contenido y después deciden que leer. En la mayoría de los casos el visitante simplemente pulsan en un enlace y se va. El contenido solo no es suficiente, tiene que estar estructurado para sea más cómodo para el lector.

Los iconos hacen el contenido menos intimidante y divide el contenido en bloques que el usuario es mejor de asimilar y entender.

Los iconos deben acompañar al contenido y aportarle valor, no pueden servir para distraer la atención del lector.

Iconos para embellecer las listas

Una lista mal diseñada, puede arruinar la estructura general de la página. Con la ayuda de los iconos se puede lograr presentaciones atractivas y coherentes.

Iconos para señalar las nuevas características de sus aplicaciones

Utilizando iconos para ayudar a entender de manera simple las características nuevas. Un icono puede ser un buen cebo para que sus visitantes se interesen en algo que de otro modo podría pasar desapecibido.

Icono para apoyar los principales enlaces

Las cabeceras grandes son visualmente muy atractivas, una gran línea con iconos adecuados ayudará a los visitantes en su primera visita.

Iconos para visualizar la lista de productos

Iconos para la lista de servicios

Iconos para redes sociales

Iconos como ilustraciones de cabecera

Iconos para identificar secciones

Iconos en los menús

Una pequeña imagen puede ayudar en gran medida a reconocer las distintas opciones que se le ofrecen

Artículo original : How tu use icons to enhace your desings

Tambien te puede interesar

El usuario de un Test de Usabilidad Web

Pablo López — Thu, 11 Sep 2008 23:16:06 +0000

Un test de usabilidad es una medida concreta y objetiva de la usabilidad (acerca de lo rápido, fácil y agradable que es el uso) de una herramienta o sistema, tomada a partir de usuarios verdaderos con tareas reales, en un contexto similar al real (muchas veces, más controlado)

Existe mucha literatura e información sobre tipo de test, metodologías, etc, pero se le da muy poca importancia al que en esencia es el protagonista: el usuario; éste es al fin y al cabo quien hace las “pruebas con usuarios reales” .

¿Vale cualquier persona para hacer un test?

La pregunta parece de perogrullo. Si hacemos un test de una web, cualquiera que pueda ser usuario podría hacerlo.

Esta afirmación nos lleva a la respuesta políticamente incorrecta. No vale cualquier persona. Sólo nos valen aquellas que puedan ser usuarios de nuestra web.

Yo no valdría para hacer un test real de una página japonesa, por ejemplo: http://www.2-u.co.jp/ Una prueba como: “¿Cuál es el teléfono de atención al cliente?” Ni idea. ¿Pero sería capaz de comprar? ¡Casi! Me quedé en el formulario de compra. ¿Les importa a ellos?

Deberes: Intentar comprar tres botellas de vino para el cumpleaños de mi padre.

Por lo tanto no vale cualquier persona. Solo un posible usuario. El concepto “pruebas con usuarios reales” toma sentido.

¿Que características tiene que tener un “usuario real”?

El concepto básico es el de una muestra reprensentativa. Pero, ¿cuál es la muestra representativa?.

Por ejemplo, viendo el post de Meneame en el que muestra las visitas por navegadores nos damos cuenta que esta web tiene un público un tanto especial: ¡60% usuarios de Firefox!

Es un factor más a tener en cuenta en este caso, además de los demográficos habituales: edad, nivel de estudios, sexo (¿machismo? ¿feminismo?), uso de internet, ¿compra en la competencia y no en la mía?… Los grandes estadistas y sociólogos pueden seguramente introducir muchas más variables.

Conclusión: Es muy complicado hacerlo a la perfección, o lo que es lo mismo: muy caro.

Así que tendremos que valorar dos patrones básicos:

Los usuarios (medios) que tenemos, y
Los usuarios (medios) que nos gustaría tener.

que casi nunca coinciden (normalmente queremos tener más y mejores). Ya que no van a ser muchos, pidamos:

Que navegue por internet, pero no mucho.
Que haya comprado algo por internet, pero solo alguna vez.
Que sea capaz de pensar en voz alta mientra navega, pero que tenga las ideas claras.
Que pueda comprar el producto que vendemos.
Que esté familiarizado con la jerga básica de internet como el “carrito de la compra”.
Que tenga una tarjeta de crédito a mano, y los números de seguridad de su banco.
Que sea capaz de contarnos qué le pareció la web, pero sin meterse en detalles del estilo “ese menú no me gusta; debería ser más grande y color rojo y estar en la parte de la derecha” (¿Quién se supone que es el experto? ¿O el cliente siempre tiene la razón?)
Que conozca los productos, pero que no sea un especialista en el sector.

¿Cuántos?

Nielsen habla de cinco usuarios y de un mínimo de dos, aunque con excepciones: si la web es muy grande, o si los públicos son muy diversos.

Conclusiones

Para conseguir los resultados óptimos:
1. La selección de la muestra tiene que ser óptima.
2. La persona que tiene que sacar conclusiones tiene que saber interpretar muy bien todos los datos
La frase típica que se le dice al usuario “estamos probando la web, no su capacidad” es incompleta. Siempre se pone a prueba el sistema web y al equipo que tiene que sacar conclusiones. La importancia de este equipo aumenta cuanto menor es la muestra.
Cualquier prueba que se haga, y en cualquier cantidad, es mejor que ninguna. Una prueba con usuario nos puede ayudar a descubrir detalles de usabilidad y detalles técnicos como un enlace roto, un proceso que no funciona correctamente, y eso tambien es usabilidad.

Tambien te puede interesar

Midiendo la facilidad de lectura

Pablo López — Wed, 12 Dec 2007 22:39:51 +0000

Descubro en el blog de Úsalo la herramienta llamada TxReadability .Mide la facilidad de lectura de un texto. El experimento que realizan con el mismo texto parece concuerda con los resultados que se suponen cuando se aplican los conceptos de Escritura para la red.

La lectura fácil

Es una heramienta de mide la Lectura Fácil. Son una serie de directrices, pautas, reglas, o consejos (cada uno que las tome como quiera) con las que se pretenden crear textos que sean entendibles para personas con problemas para leer o escribir.

Causas de estas dificultades

retaso mental
otro tipo de discapacidad que influya sobre su capacidad para leer o entender
una formación cultural limitada
problemas de caracter social
casos en los que la lengua materna es distinta a la lengua oficial de su comunidad local

Reglas básicas

utilizar un lenguaje simple y directo
expresar una sola idea por frase
evitar los tecnicismos, las abreviaturas y las iniciales
estructurar el texto de manera clara y coherente

Una experiencia profesional

La verdad es que es un tema en el no he tenido la ocasión de trabajar mucho. Cuando nos surgió la posibilidad de desarrollar la web de Aspanaex (Asociación en favor de las Personas con Discapacidad Intelectual de la Provincia de Pontevedra) fue uno de los temas que consideramos prioritarios en el planteamiento de la web.

La idea era conseguir que los alumnos del centro “entendieran” la web. Trabajamos con la psicóloga del centro los textos para conseguir simplificarlos y relacionamos la iconografía que utilizan en las aulas para conseguir una comprensión más fácil.

Algunos datos con TxReadability

Pagina analizada la Presentación

Texto lectura fácil

Resultado: 83.1

Texto normal

Resultado: 72.36

Conclusión

Si partimos de la base que la psicóloga es una persona especializada en el tema la herramienta parece que puede ser una buena horientación

Curiosidad

Este artículo dio un resultado de 73,28
el artículo anterior 85.03

Habrá que compararlos a ver que es lo puede hacer mejorar la compresión de los artículos .

Revisión

Ahora 77.17

Tambien te puede interesar

Perfiles profesionales en el diseño web

Pablo López — Sun, 02 Dec 2007 17:34:11 +0000

La evolución del concepto de diseño web necesita hoy en día de perfiles especializados para la elaboración de una página web. La figura de antaño del ‘webmaster’, la persona que diseñaba programaba, creaba contenidos etc, ha ido evolucionado en distintas líneas especializadas lo que ha abierto camino a “nuevas profesiones” dentro del mundo web.

Ver ofertas de empleo nos ayuda a definir esta idea, buscando en alzado e infojobs nos encontramos con los siguientes títulos

Diseñador web
Creativo web
Diseñador Maquetador Web
Diseñador Gráfico entorno Web
Arquitecto de información
Programador Front-End
Webmaster/técnico marketing online
Desarrollador web/asp.net/sql server/
Diseñador de interacción/Arquitecto de la información
Maquetador HMTL/CSS
Webmaster Senior
Director de Arte Interactivo / Web /Online
Analista programador PHP – MySQL
Maquetador CSS
Diseñador de interacción – usabilidad
Consultor de contenidos web
Programador Web 2.0
Experto en Usabilidad-Production manager assistant
Gestor de Producto Internet

Podemos agrupar los perfiles en

Director de proyecto: De esto hay pocas ofertas .
Especialista en usabilidad: Analístas de interacción de usuario, fron-end etc.
Especialista en accesibilidad
Especialista en arquitectura de la información.
Programador web (asp,php,J2EE, bases de datos)
Maquetador CSS
Redactor de contenidos
Especialista en Marketing online

Los distintos perfiles no significan necesariamente que tengan que responder a una persona por puesto, pero si que responden a distintos aspectos que se tienen en cuenta.

Varias ofertas genéricas de diseñador web solicitan conocimientos de CSS, usabilidad y accesibilidad. Ofertas de redactores valoran conocimientos de CSS.

Pero todavía quedan ofertas de este estilo.

Requisitos mínimos:

Dominio de HTML

Dominio CSS

Dominio de estándares y recomendaciones W3C.

Conocimientos de usabilidad y accesibilidad.

Dominio de Photoshop, Ilustrator.

Conocimientos de Javascript

Conocimientos de Flash y ActionScript.

Conocimientos de edición de video.

Experiencia en CMS de código abierto (Wordpress, Joomla,..)

Conocimientos de PHP y Mysql

Salario: 12.000€