Guía rápida de diseño de interfaz para NO diseñadores.

Aprender diseño visual lleva tiempo y práctica pero afortunadamente existen tips que pueden hacerlo más fácil y dan buenos resultados. Si no eres diseñador de interfaces pero te toca hacerlo en tu trabajo, abajo te dejo algunas recomendaciones que pueden servirte.

Alinea los elementos de la interfaz.

La desalineación de los elementos de una interfaz (imágenes, bloques de texto, videos, botones, etc) hace que una pantalla sea vea desorganizada y que las personas no sepan qué hacer.

Usa una cuadricula como referencia, la alineación de los objetos va a mejorar mucho el diseño y hacerlo más organizado visualmente.

Screen Shot 2017-09-01 at 11.51.57 AM
Fuente: https://developer.apple.com/design/tips/

Usa suficiente contraste.

Usa colores que brinden suficiente contraste en el fondo y el texto para no dificultar la vista. Fondos blancos y textos negros son la mejor opción. Evita el amarillo, verde y grises muy claros.

Screen Shot 2017-09-01 at 11.58.09 AM
Fuente: https://developer.apple.com/design/tips/

Menos es más.

Como lo dijo el Arquitecto Mies van der Rohe: menos es más, esto significa “reducir algo a lo mínimo, a los elementos esenciales que componen la cosa. Todo lo demás disturba.”

Trata de ser minimalista a la hora de diseñar, los sitios simples con poca saturación de colores, imágenes, animaciones, etc. se ven actuales. Si le sumas una buena alineación a este punto el producto va a ser un diseño más organizado.

simple design.jpg
Fuente: Pinterest.

Primero lo importante.

Muestra el contenido importante primero y hazlo resaltar, la función modular del sistema deberá estar a la mano siempre. A esto se le llama jerarquía visual y es importante en diseño web para priorizar el contenido mediante el diseño.

Screen Shot 2017-09-01 at 12.11.41 PM
Fuente: https://developer.apple.com/design/tips/

Tamaño del texto e interlineado.

Usa tamaños de textos que sean legibles, aumenta el tamaño del texto para que sea fácil de leer y usa interlineados que le den espacio al texto.

Screen Shot 2017-09-01 at 12.16.33 PM
Fuente: https://developer.apple.com/design/tips/
Screen Shot 2017-09-01 at 12.18.11 PM
Fuente: https://developer.apple.com/design/tips/

Usa paletas de colores ya definidas.

El buen manejo del color es un arte que no todos dominamos. En este caso, busca paletas de color ya definidas o puedes ayudarte de Adobe KulerColor Tool de Material Design.

Screen Shot 2017-09-01 at 12.35.08 PM

Screen Shot 2017-09-01 at 12.36.27 PM

Aprovecha las convenciones visuales.

Usar patrones que los usuarios identifican y saben usar es la manera de facilitar el uso de una aplicación. Las convenciones son eso, patrones aprendidos por los usuarios. Por ejemplo cuando al dar click al logo en una web te dirige al Home, el color azul de un link, el ícono de carrito para la cesta de compra en un e-commerce, el hover de un botón, etc.

Aprovecha los conocimientos de los usuarios y no trates de innovar cuando no es necesario. Los usuarios buscan familiaridad en los sitios que usan.

Sigue las guías de diseño de Apple o Google.

Google Material Design y Apple Human Interface Guidelines son guías donde se establecen las mejores prácticas de diseño de interfaces y experiencias, son súper útiles y tienen recursos gráficos como íconos, colores, guías de diseño, etc.

 

Con esta sencilla guía notarás cambios en las interfaces que diseñes pero sé persistente, aprender a diseñar lleva práctica y tiempo.

¿Qué te pareció el artículo? ¿Lo encontraste útil? Si tienes dudas o comentarios no dudes en compartirlo.

Fuentes:

  1. https://developer.apple.com/design/tips/

A quien seguir en UX: Dan Ariely

Hoy les quiero compartir a un experto en economía de la conducta que considero una excelente referencia para UX.

Dan Ariely es un catedrático en psicología y economía conductual de la Universidad de Duke y fundador del centro de retrospectiva avanzada. También posee un doctorado y un master en psicología cognitiva de la Universidad de Carolina del Norte y un doctorado en Negocios en la Universidad de Duke.

Tras obtener sus doctorados trabajó en el Instituto Tecnológico de Massachusetts de 1998 a 2008. Posteriormente, volvió a Duke como profesor de psicología del comportamiento económico. Además de sus escritos académicos ha publicado los libros Irrationally Yours, Predictably Irrational, The Upside of Irrationality and The Honest Truth About Dishonesty.

En el 2015 lanzó (Dis)Honesty, una película documental que explora cómo y por qué la gente miente. La película recopila experimentos conductuales que miden nuestra propensión a mentir – a veces incluso sin saberlo. En el filme, Dan examina las razones detrás de nuestro comportamiento y las implicaciones de nuestra deshonestidad.

Los estudios de Dan se centran en la irracionalidad de los actos de las personas, y cómo esta afecta nuestras decisiones. Sus investigaciones pueden ser valiosas en Diseño UX como referencia de un conocimiento general del comportamiento inconsciente de las personas.

El documental lo pueden encontrar en Netflix y por lo pronto les dejo el trailer.

 

 

¿Qué te pareció el artículo? ¿Te pareció interesante conocer a Dan? Si tienes dudas o comentarios no dudes en compartirlos.

Fuentes:

  1. http://danariely.com/
  2. https://es.wikipedia.org/wiki/Dan_Ariely
  3. http://www.imdb.com/title/tt2630898/plotsummary?ref_=tt_ov_pl

Diseñadores: 5 Tips para trabajar exitosamente con clientes de consultoría.

Para nuevos diseñadores el trabajar con clientes las primeras veces puede ser una experiencia difícil. Al igual que en otras áreas la práctica hace al maestro aunque definitivamente existen mejores prácticas para enfrentarse exitosamente a estas primeras experiencias.

El diseño de experiencia de usuario es un proceso de trabajo colaborativo, en el cual los clientes y otros miembros de equipo con perfiles diversos están directamente involucrados, por lo mismo pienso que el buen diseñador de UX empieza por su equipo brindando empatía y disposición a la colaboración en su equipo.

  1. Sé amable: La educación y cortesía con la que dices las cosas muchas veces es más importante que lo que dices. Aún cuando haya que dar malas noticias o hablar de mejorar algo cuida que tu actitud sea amable, de esa manera también recibirás buen trato y apertura. Sé positivo y constructivo.
  2. Escucha: No actúes como si lo supieras todo, como diseñadores a veces queremos imponer ideas y aunque pienses que tu solución es la mejor escucha al cliente y a otros miembros del equipo. El cliente conoce más del negocio que tu, así que sé abierto y aprende todo lo que puedas.
  3. Admite lo que no sabes: Nadie lo sabe todo y es válido admitirlo en el trabajo, sin embargo siempre muestra una actitud abierta al aprendizaje. Toma retos que puedan ayudarte a tener mas experiencia pero siempre dejando en claro tu nivel de conocimiento para establecer expectativas realistas.
  4. Ve más allá del diseño: Aprende de tecnología, investiga las limitaciones técnicas de frameworks y lenguajes para que puedas proponer soluciones adecuadas para el proyecto. Dedicarle tiempo a algo que no es viable técnicamente o  para lo que no hay presupuesto o tiempo es un desperdicio de recursos.
  5. Evangeliza: Los clientes saben mucho de su negocio pero no necesariamente de investigación de usuarios, usabilidad, patrones de navegación, etc. Oriéntalos para que conozcan mas de estos temas e intégralos a los procesos para que aprendan de qué van y después reconozcan los beneficios que trae el Diseño UX al negocio.

¿Qué es lo que te ha resultado para trabajar exitosamente con clientes? ¿Encontraste el artículo interesante? Si tienes dudas o comentarios no dudes en compartirlos.

¡Regístrate para recibir por email más artículos interesantes!