Comunicación, diseño y tecnología
Apple es un espejo en el que se miran muchos diseñadores y empresas tecnológicas. Sin embargo, hasta ahora no había visto ningún análisis de cómo elaboran sus newsletters. Un adecuado equilibrio entre imágenes, texto sintético y «call to actions» precisos son algunos elementos que destaca esta interesante infografía.
Vía FlowTown
El newsletter de MyFonts ha sido una de las gratas sorpresas del año que se acaba de ir. Esta vez presentan una interesante compilación con las mejores tipografías que se crearon en 2010. Un interesante listado donde sobresale una tipografía delicada que me fascina: Brandon Grotesque
Uno de los primero temas que surgen a la hora de plantear un diseño web es definir el área de navegación. En general, hay dos soluciones: una barra horizontal o un menú lateral, generalmente a la izquierda ¿Cuál de las dos conviene?
En el blox UX Movement han analizado ambos estilos de navegación según diferentes criterios: scanning, espacio en la página, prioridad de los ítems, visibilidad y el tipo de contenido (general o específico). Las conclusiones son bastante interesantes:
Ya lo sabés. Antes de definir la zona de navegación en tu próximo proyecto conviene repasar estas categorías y definir cuáles son las prioridades.
Tipografía y color son dos elementos clave en el diseño pero también dos de los aspectos más simbólicos. Elegir un tipo de letra es comenzar a darle carácter a un diseño. Proponer una paleta de colores implica trabajar sobre la personalidad del diseño.
A través de Six Aparts llega esta interesante infografía que permiten visualizar datos curiosos sobre estos dos elementos básicos de cualquier diseño.
Aprender diseño web hoy puede ser bastante frustrante. Si en los comienzos alcanzaba con editar HTML en el bloc de notas, la evolución del sector y su profesionalización ha llevado a que cada vez haya que saber más cosas.
Salvo raras excepciones, un buen sitio web se trabaja en equipo. Desde la idea inicial hasta el producto terminado hay varias manos y cabezas que trabajan sobre diferentes partes del problema. Los directores o jefes de proyecto definen con el cliente los trazos gruesos y el objetivo de la web, los diseñadores de interacción buscan transformar los problemas en historias relatadas con sencillez, los artistas visuales pulen la gráfica, los codificadores transforman las dibujos en HTML y CSS y los especialistas en marketing buscan que el contenido sea los más visible. Y eso que no contamos a los programadores ni creadores de contenido.
Travis Isaacs, un reconocido diseñador que trabajó en numerosos proyecto, propone un proceso de diseño web bastante tradicional:
La clave de Isaacs está en el acento que pone sobre el wireframe. Aquí está el verdadero corazón del diseño y se toman las decisiones clave que pueden convertir una buena idea en un gran sitio web o hacer que fracase. Es el momento de mayor discusión y donde el equipo de desarrollo más interactúa con el cliente. Por eso, nos sugiere Isaacs, es el punto donde los buenos diseñadores hacen la diferencia.
Generalmente, el wireframe es un gráfico bastante esquemático donde se ubican los elementos principales que se mostrarán en pantallas y se analiza como el usuario interactúa con ellos. Sus ventajas son evidente para el diseñador pero los clientes, en general, no llegan a visualizar claramente que aspecto tendrá su página web.
Por eso Isaacs propone wireframes de alta fidelidad, un medio camino entre el wireframe tradicional y el composión del sitio final en Photoshop.
¿Cómo hacerlo? Con KeyNote, el programa de presentaciones de Mac. Es lo suficientemente sencillo como poder crear una diseño rápidamente y, a la vez, tiene varias opciones de dibujo que le dan bastante potencia.
Pero más allá del software específico lo interesante es la técnica de trabajo. El comienzo de todo es una historia donde se le dice al usuario que está en una situación A y va a llegar a una situación B. Luego, el diseño consiste en construir un guión sólido que relate de modo consistente como ocurre esta transformación. Y la película, por supuesto, siempre tiene final feliz.
Vía: Mashable
Las imágenes del post pertenecen a la presentación del autor, salvo la último que está modificada por mí.
