La primera impresión es la que cuenta. Si el primer mensaje que recibe el usuario es flojo, no esperará demasiado del resto. Por eso muchas empresas intentan entrar con el pie derecho haciendo un diseño especial para el primer mail de confirmación que recibe el usuario. Mensaje, contenido y diseño buscan no solo darle la bienvenida sino transmitir el espíritu con el cual se realiza la comunicación periódica.
En SimleyCat han recopilado 52 mensajes de correo de bienvenida donde nos muestran diferentes estrategias y modos de resolver este primer encuentro con el usuario. En buena medida este mensaje puede decirle al usuario si se trata de un newsletter que vale la pena o no.
A continuación, algunas diseños que me parecieron especialmente interesantes:
Vía: Elements of Design – Welcome Mails
Blog sobre tecnología, diseño y comunicación
Activo desde 2005 hasta 2019.
Mapa de las redes sociales
Las redes sociales son un mundo aparte. Pero, ¿cómo podríamos representarlas gráficamente en un planisferio? En función del volumen de interacción de cada comunidad eñ sotop xkcd.com ha creado un singular mapa donde Facebook ocupa una buena porción pero también hay lugar para viejas islas como ICQ.
Diseño web para la televisión
Parece que la convergencia entre la web y la televisión es algo que en algún momento ocurrirá. El lanzamiento de Google TV es una apuesta en este sentido y, a pesar del bloqueo que están realizando algunos proveedores de contenido, es bastante razonable que en algún momento la pantalla del televisor permitirá visualizar el contenido publicado online.
La interfaz de la televisión es algo bastante diferente de un monitor. Básicamente, porque utilizamos la computadora a medio metro de nuestros ojos pero vemos televisión desde el sofá o la cama. Además, la interacción con la TV es algo que se puede potenciar con la progresiva penetración de la televisión digital pero la mayor parte del consumo de televisión actual se hace perfectamente con 3 o 4 botones: encender, cambiar de canal, ajustar el volumen y alguna otra cosa más.
El sitio de Google para webmasters ofrece una interesante galería de sitios diseñados para ser visualizados a través de la TV y también nos da algunos consejos si queremos que nuestros sitios para que puedan ser consumidos desde el sofá y control remoto en mano:
- Aumentar el cuerpo de la tipografía para que sea visible desde mayor distancia.
- La navegación debe poder realizarse con las flechas de un control remoto en lugar del mouse.
- Mostrar claramente cuando un elemento está seleccionado. Claramente no es una sombra sutil, sino una ayuda visual para que puede recordar donde está el cursor si me levanté para ir al baño y vuelvo.
- Performance vs. atractivo visual. Un dispositivo de Google de TV no tiene la misma velocidad de procesamiento que una estación de trabajo, pensar dos veces antes de poner una animación pesada y siempre privilegiar la velocidad de descarga.
- Evitar el scroll vertical. No estamos acostumbrados a desplazarnos en pantallas de TV, mejor usar varias páginas con transiciones entre ellas y usar diseños apaisados y aprovechar el ratio de la mayor parte de los televisores modernos.
Algunas recomendaciones adicionales para el diseño web en televisión:
- En monitores grandes, usar una resolución de 1920 x 1080.
- Previsualizar el sitio en modo pantalla completa del navegador.
- Probar el sitio con diferentes tamaños (de 1.5 a 3 veces el tamaño normal) y asegurarse que todo se vea bien.
- Google TV usa Chrome, usá este navegador por defecto para verificar todo.
- Podés usar un CSS específico para televisión. Recordá que la sintaxis es: