Diseño 14
Botones sociales responsivos (o adaptativos)
En general agregar los botones para compartir en redes sociales en una página web es simple, pero hacer que queden bien hoy, cuando una página tiene que adaptarse a decenas (si es que no son cientos) de anchos de pantallas distintas se vuelve latero.
Para resolver este problema la gente de KNI Labs inventó esta simple solución, un set de botones sociales responsivos que incluyen desde el facebook hasta el email y que puedes agregar gratis en tu página web.
http://kurtnoble.com/labs/rrssb/
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.
10 Tendencias de Diseño Web del 2013 y 2014
Entérate cuales son las últimas tendencias del diseño web y aplícalas en tu web
Las páginas web han evolucionado mucho desde la época de Geocities, y este artículo te pondrá al día con las tendencias.
A lo largo de los años se ha escrito sobre el cambio de las tendencias, especialmente en el campo del diseño de sitios web y aplicaciones web. Los avance en las especificaciones de HTML5 y CSS3 de la W3C, junto con los navegadores web modernos han abierto la puerta a una nueva era del diseño digital.
En este artículo queremos compartirte las 20 tendencias en crecimiento que esperamos ver florecer a lo largo de 2014. Muchos ya se han puesto en marcha, mientras que otros apenas están empezando. Las nuevas tendencias son divertidas de ver y también descubrir cuánto tiempo se quedarán. Cuando navegues por sitios web del 2014, mantén los ojos bien abiertos a cualquier UI/UX( Experiencia de Usuario “UX” y el diseño de Interfaz de Usuario “UI”) tendencias en acción. (fuente)
1. Grid-Style Layouts
Mi primer reconocimiento del diseño es para el Grid-Style(o estilo rejilla) de Pinterest. Las redes sociales se han destacado siempre por poseer una forma y manera ágil de moverte por ellas, como es el caso de Twitter o Tumblr. Hoy en día, incluso muchas páginas de Facebook usan este estilo de línea de tiempo que se ve como una rejilla o cuadrícula.
¿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.