Usabilidad 2
Usabilidad, errores clásicos
El horror de experimentar una mala Usabilidad. Esto estás haciendo pasar a tus usuarios en tu página web.
No sólo hay que saber escribir código para las máquinas, hay que saber crear páginas y contenido centrado en los usuario. Aquí es este post encontrarás algunos errores clásicos de usabilidad de los sitios web y como evitarlos.
El diseño está desempeñando un gran papel en la creación de productos digitales, y por diseño no quiero decir “Hey este botón se ve bonito y simpáticon”, me refiero a CÓMO FUNCIONA LA COSA. Por supuesto que los sitios web y aplicaciones bonitas son mejores para el usuario final. Pero es obvio que si pasas algo de tiempo navegando en la Internet, verás que existen aún muchos sitios que tienen practicas horribles y peor aún, son muchos los sitios que las están implementando.
Esto deja en evidencia que alguien no recibió el memo de que el diseño no es sólo acerca de “píxeles y estética”. Los mayores infractores son:
Error de usabilidad nº1: Pedir a las personas que escriban correctamente el número de tarjeta de crédito.
Este es un error de usabilidad clásico y puede volver a cualquiera loco. Varias tiendas ecommerces, y, cualquiera página que se relacione con la información de la tarjeta de crédito, le pedirá sistemáticamente al usuario que introduzca la información de su tarjeta de crédito de una manera que se adapte a la lógica del sitio web.
¿Es tu página web responsiva?
¿Qué es una página web responsiva?
Es una página web que se adapta al dispositivo que la muestra, o sea si esa página es vista desde un celular automáticamente se adaptará para
En la página web de responsinator puedes revisar como se verá en página web en distintos dispositivos móviles y determinar por tu cuenta si su diseño es reponsivo o no.
¿Cómo hacer una página web responsiva?
La solución compleja es utilizar media queries.
Otra opción es ocupar frameworks de diseños responsivo como es el caso de Twitter Bootstrap
¿Por qué tu página web tiene que ser responsiva?
Cada día hay más dispositivos móviles, y esta tendencia va en aumento.
si tu página la twittean lo más probable es que la verán de un dispositivo móvil ya sea smartphone o tablet, y la página no se ve bien, indudablemente la cerrarán.
Otras consideraciones
En el diseño responsivo suelen haber imágenes responsivas, o sea, que se adapten al tamaño de la pantalla, pero esto no quiere decir que esas imágnes sean más livianas, solo se muestran en menor tamaño, es por eso que si el sitio tiene muchas imágenes es bueno considerar multiples fotos y enviar solo las específicas. Con PHP, Rails es posible detectar el dispositivo y enviar una página específica al usuario con el tamaño de las fotos correspondiente.
¿Quiéres aprender a hacer sitios web responsivos?
En el taller de En1mes te enseñaremos a hacer aplicaciones web responsivas optimizadas para tus clientes.