Página de viajes

Una de las páginas para viajes con el mejor UX (Experiencia de Usuario) que he visitado en los últimos años. Para conocer los destinos más baratos del mundo, lo único que debes de hacer en la página, es escribir el nombre de la ciudad y el día de salida junto con el día de entrada.

Luego da clic en el botón «Search», debes de esperar unos segundos para que las opciones de destinos aparezcan en el mapa. Los destinos se dividen en: Norte América, América del Sur, Asia, Europa, Oceanía y Africa.

La página te da distintas opciones, para organizar los destinos. Por ejemplo, puedes elegir que los vuelos sean directos y sin escalas. También puedes pedir ir a lugares en donde no te pidan visa para entrar.

Incluso puedes seleccionar los destinos a los cuales quieres viajar, de acuerdo al clima. Si te gusta el calor, la página te recomendará sólo lugares en donde hay mucho sol. Y lo mismo sucede si eres fan de las ciudades donde haga frio.

Algo muy importante es el presupuesto con el que cuentas, selecciona la opción de Budget y selecciona entre $35 pesos, hasta el viaje más costoso de $35,000 pesos. El tipo de moneda se adapta dependiendo del lugar de origen que seleccionaste al inicio. Si tu vives en España, los precios serán en euros. Si vives en Estados Unidos los precios aparecerán en dólares.

➡ Click para ver más detalles de la página…

portafolio web

Matthew P Munger es un diseñador gráfico y diseñador web, que en la actualidad trabaja como desarrollador web.

Para demostrar sus conocimientos, tanto en diseño como en desarrollo web, creó uno de los portafolios web, más geniales que he visto en mucho tiempo.

Matthew utilizó muchos de los elementos gráficos en su portafolio web, que encontrabas en las primeras versiones del sistema operativo Mac OS.

Puedes interactuar con todos los objetos que ves en la pantalla. Da clic en el menú para abrir las diferentes secciones del portafolio.

Para ver uno de los proyectos diseñados por Matthew, tienes que abrir la carpeta que contiene los trabajos.

Da clic en un archivo para que se abra el documento, y se vean todos los detalles de cada uno de los proyectos.

También puedes dar clic en los iconos que hay en el escritorio. Puedes abrir el disco duro, abrir el disquete, o las carpetas.

Y como punto extra, el portafolio tiene muchos easter egg escondidos por todas partes.

Por ejemplo puedes cambiar el color de los textos y todos los demás elementos. También tienes la opción de tirar los archivos que se encuentran en la papelería.

Hasta puedes apagar el sistema y ver lo que sucede en el portafolio.

➡ Click para ver más datos del portafolio…

Animar la URL de la barra de direcciónPuedes utilizar emojis o graphical unicode characters, junto con un poco de código Javascript, para agregar una animación en la URL de la barra de dirección del navegador.

 

Estas pequeñas animaciones las puedes utilizar por pura diversión, no tienen un beneficio en particular.

 

La única animación que sí puede llegar a tener utilidad, es la barra de progreso, que se mueve cuando das Play a un video.

 

Si quieres agregar una animación a la URL de la barra de dirección, tienes que copiar uno de los 8 códigos que más abajo te comparto.

 

Luego debes de pegar ese código en el header, o en la META tag de la página.

 

Si quieres utilizar otro tipo de emoji, también lo puedes hacer. Sólo debes de sustituir los emojis en los códigos.

➡ Click para ver todos los códigos…

Errores de Experiencia de Usuario

El UX o Diseño de Experiencia de Usuario, es una disciplina esencial en cualquier diseño.

Pero hoy nos vamos a centrar en los principales errores que se cometen al momento de diseñar un sitio web.

Y como ejemplo práctico, utilizaré un artículo que publiqué hace algunos meses, aquí en el blog.

Voy a mostrar los principales errores en UX y cómo los soluciono, con unos cambios que cualquier puede hacer.

➡ Click para ver todos los tips…

Plantillas Woocommerce

Si tienes una tienda online pero no te gusta su diseño y estas pensando en cambiarlo por uno que se vea mejor.

A continuación te recomiendo un par de plantillas woocommerce que puedes descargar gratis. Y también te comparto unas plantillas premium que puedes instalar en un par de clic.

Encuentras plantillas con diseños elegantes, modernos, minimalistas con diseño responsive, para que puedas vender tus productos desde cualquier celular.

Si ves algún elementos en el diseño de la plantilla que ni te guste, lo puedes cambiar muy fácil. Porque las plantillas están preparadas para ser editadas.

Por ejemplo si quieres poner de fondo el color característico de tu marca en la plantilla, lo puedes hacer en cuestión de segundos.

También puedes cambiar los textos, colocar tus propias fotos o puedes utilizar la plantilla tal cual la descargaste.

➡ Click para ver más detalles de las plantillas…

Curso de Diseño UX

Este curso te va a servir para que aprendas todo lo relacionado con el Diseño UX, también conocido como UX Design (User Experience Design) o “Diseño de Experiencia de Usuario”.

Todos los principios que aprendas durante el curso, los vas a poder aplicar a tus sitios web. Puede ser un blog hecho en WordPress o a una tienda de comercio electrónico.

El trabajo de un Diseñador UX es crear experiencias de usuarios que sean satisfactorias para los visitantes o clientes de cualquier tipo de página web.

Este es uno de los cursos más completos que he tomado. En total son 23 horas de lecciones, divididas en pequeños videos.

➡ Click para ver todos los detalles del curso…

Blog de Diseño Gráfico ROC21

➱ ¡Sigue el blog!
botones sociales Twitter Facebook Pinterest YouTube Society6 Instagram Feedly RedBubble
✉ ROC21 en tu correo

➱ ¡Suscríbete a nuestro boletín! Recibirás ofertas especiales en cursos y recursos gráficos, una vez a la semana.