UX o experiencia de usuario aplicada al diseño web es el conjunto de elementos que definen como el usuario interactúa con una planificación o web y como de satisfactoria es dicha experiencia. Mejorar la experiencia de usuario es una de los proyectos que siempre debería estar presente en todo proyecto web, y más aún cuando los buscadores lo toman como una referencia para el posicionamiento SEO.
Son muchas las cosas que hemos de tener en cuenta para diseñar nuestra web, por una parte que todos los elementos funcionen, y por supuesto hemos de mejorar el UX. Hoy damos algunos consejos para conseguirlo. 😉
Un buen diseño web lleva aparejado distintos factores que harán que este triunfe. Pero para eso, tendremos que tener en cuenta algunos consejos para tener una buena Experiencia de Usuario. Hoy hablamos sobre consejos previos al diseño web.
La web no es algo estático sino que debe estar en continuo diseño para adaptarse a las distintas tendencias, pero además, debemos tener muy presente la experiencia de usuarios. ¿Vemos algunos consejos? 🙂
Ya es oficial, además de adaptar nuestro contenido a todos los dispositivos y mejorar la experiencia de usuario, tener nuestra web adaptada mediante diseño responsive ayudará también al SEO y al posicionamiento en Google. Veamos cuales son los factores de este cambio.
Un recopilatorio sobre lo versátil y útil que son los pseudo-elementos CSS en cualquier proyecto de diseño y maquetación web. Seguro que lo ves todo más claro con los siguientes ejemplos.
Estuvimos aportando nuestro granito de arena al II WordPress Marbella, con una charla orientado al diseño web responsive bajo WordPress, orientado al ecommerce. Aquí os dejamos el material de la ponencia y nuestras reflexiones sobre lo que dió de sí esta segunda edición. Gracias a organizadores, ponentes y publico por asistir!
Cualquier novedad respecto a la compatibilidad entre plantillas WordPress que repercuta sobre la UX del usuario siempre es bienvenida, por ello la propuesta de utilizar un menú personalizado como menú social reúne una puñado de buenas prácticas a llevar a cabo: bien para el usuario, bien para los desarrolladores y diseñadores.
Resumen de las buenas prácticas sobre como diseñar temas WordPress que formaron parte de la charla del WP Day Madrid. Entre ellas: Mobile First, accesibilidad con tipografías en unidades relativas, imágenes fluidas y vídeos en diseño web responsive
El próximo sábado 8 de Marzo estaremos en Madrid dando una charla sobre Diseño web reponsive y accesible en temas WordPress. El evento es el WP day Madrid, se celebrará en Medialab Prado y seguro que es una fantástica ocasión para volver a ver a conocidos y amigos de la comunidad de WordPress. ¿Nos vemos allí?
Repasamos las opciones para trabajar con las imágenes en diseño web responsive a través de CSS. Evitar el scroll horizontal haciendo que las imágenes se muestren ajustadas al contenido requiere pasar de pixel a unidades relativas. Igualmente, tendremos en cuenta la compatibilidad con navegadores antiguos (Internet Explorer) y algunos tips de como implementarlo correctamente en WordPress. Veamos cómo!
El Flat Design ha sido la tendencia de diseño web más buscada del año anterior. Aporta cosas positivas (menos tamaño de CSS, mayor compatibilidad con navegadores antiguos…). Pero no todo va a ser flat. Veamos las ventajas e inconvenientes y como aplicarlo con algunos ejemplos.
Con la llegada de las tipografías web ya no tienes excusa para seguir diseñando con las aburridas fuentes estándar. Aprende como utilizar web fonts en WordPress y mejora la legibilidad de tu web, el diseño y la experiencia de tus usuarios. Te lo agradecerán.
El diseño web responsive es una realidad. Ahora toca el siguiente paso, optimizar los procesos de diseño y metodología de trabajo con Mobile First para hacer una web más eficiente y preparada para el futuro. Hablemos de CSS3 y las media queries aplicadas de la forma correcta.
Resumen de las tendencias en diseño web que ya se están utilizando bajo WordPress. Analizamos con un video que nos trae de nuevo trabajar con Mobile First, el Uso de Web Fonts, Parallax y qué aporta realmente el Flat design con respecto a como se venía diseñando.