Front-end, Web Standards & Accessibility

Elena Lafuente (conferencia movilidad) Dispositivos móviles Elena comenzó hablándonos acerca de los diferentes dispositivos móviles y sus características: Diferente hardware Varios tamaños de pantalla. Paleta de colores, contrastes, imágenes. Diferentes teclados: caracteres, disposiciones, teclas-significados Conexiones, memorias, etc. Diferentes métodos de interacción: joystick, click whell, touchpad, touchscreen, reconocimiento de voz o el clásico teclado. Diferente Software: [...]

Continue reading "Experiencia de usuario, pantalla táctil y movilidad".

Los sitios web deberían de ser coherentes con su diseño e identidad. Es bueno que el diseño siga una guía de estilo y no varié esos patrones de una página a otra. Probablemente la home sea la única página “con licencia” para variar un poco la navegación y organización de los contenidos, pero nunca debería [...]

Continue reading "Inconsistencia en el diseño web".

Acabo de caer en una “página splash” y… me pregunto: ¿Es necesario otorgar tanta importancia a la identidad corporativa como para que una “home” sea exclusivamente el logo de una compañía?. ¿Es necesario dedicar la página de inicio al completo para seleccionar un idioma?. ¿Es necesario que esa animación tan bonita y currada ocupe la [...]

Continue reading "Páginas splash, una crítica".

Las listas son un mecanismo increíble (y amigable) para organizar la información. Pero al mismo tiempo pierden “su poder” cuando aumentan de tamaño. Son muchos los proyectos en los que he visto como había controles de tipo select con una extensa lista de opciones. Cuantos más elementos tiene una lista menos eficaz resulta y más [...]

Continue reading "OPTGROUP y la usabilidad en SELECT".

Me dio fuerte por el tema LABEL (es cierto!), pero esta vez dejo el tema de la asociación explicita e implícita para comentar el uso de las etiquetas dentro de los propios controles. En estos casos en vez de usar LABEL se sitúa un valor textual para el atributo value de un INPUT, generalmente por [...]

Continue reading "Etiquetas dentro del control input (II)".

Aprovechando las bondades del tag LABEL podemos mejorar tanto la accesibilidad como la usabilidad de los formularios en las interfaces web. LABEL se encarga de asociar la etiqueta textual a un control determinado (input, radio, select, etc.) proporcionando información acerca del control. Cabe destacar que LABEL cuando recibe el foco, automáticamente se lo cede al [...]

Continue reading "Asociación implícita de etiquetas LABEL para controles de formulario".

Estos días se esta hablando mucho sobre el re-diseño del diario elmundo.es. Pero una de las cuestiones más incomprensibles es la comentada por Yusef Hassan acerca del sistema de búsqueda que tiene elmundo.es. Este diario online tiene su propio motor de búsqueda implementado con Autonomy, y se encuentra situado en la cabecera de la página. [...]

Continue reading "Búsqueda por defecto en google".

¿Qué es? La arquitectura de la información (IA) es un mundo demasiado extenso e incluso histórico como para poder abarcar una buena respuesta en un post, razón por la cual existen libros entorno a esta disciplina (el conocido libro del oso polar). No obstante me aventuro hacer varias referencias. Yusef Hassan Montero Hace tiempo asistí [...]

Continue reading "La arquitectura de la información".

La accesibilidad se sustenta en una serie de principios que componen lo que se conoce como diseño universal. Igualdad: El producto/servicio ha de ser útil para cualquier persona independientemente de sus capacidades. Flexibilidad: Se debería poder adaptar a las preferencias y capacidades individuales de cada usuario. Simplicidad: Fácil de utilizar y sin tener en cuenta [...]

Continue reading "Principios del diseño universal".

Este post no va de usabilidad en la web, va de la facilidad de uso de un brick de leche el cual me tiene absolutamente enamorado por su estética y funcionalidad jeje 7:00 AM, Javi acaba de despertar Posteriormente y a duras penas llega la cocina (dando tumbos). La intención es prepararme un descafeinado pero [...]

Continue reading "El brick de leche".