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/

5 Blogs de UX en español que tienes que seguir.

En esta entrada me gustaría compartirles cinco blogs que considero tienen excelente contenido acerca de diseño de experiencia de usuario y temas similares. Si bien en Inglés existen gran cantidad de sitios dedicados al diseño UX como foros, blogs, páginas de internet, escuelas en línea, etcétera en español el escenario es muy diferente.

Sin embargo aunque pocos, sí existen buenos blogs en español. A continuación enlisto cinco que considero difunden contenido de calidad para que los que estamos aprendiendo tengamos información en nuestro idioma.

Torres Burriel Estudio

En este blog producto del estudio de Daniel Torres Burriel consultor de usabilidad y experiencia de usuario, diariamente se publican artículos que bien pueden hablar de investigación de usuarios, mejores prácticas, diseño de interfaz, analytics, arquitectura de información, entre otros. Colaboran varias personas en escribirlo y definitivamente es una fantástica referencia para los diseñadores y profesionales del ámbito.

Screen Shot 2017-08-30 at 5.30.30 PM

 

No solo Usabilidad

Es una revista electrónica sobre personas, diseño y tecnología de carácter multidisciplinar, que pretende servir de herramienta para la difusión, divulgación e intercambio de conocimiento entre profesionales e investigadores. Cualquier profesional o investigador que quiera colaborar puede enviar sus trabajos para que sean publicados en la revista cumpliendo con algunas normas.

Algunos de los temas de los que se comparten son: Interacción Persona-Ordenador, Experiencia del Usuario, Usabilidad, Accesibilidad, Diseño de Interacción, Arquitectura de la Información, Diseño web mediante estándares, Web Semántica y Web 2.0, Recuperación de Información y Minería de Datos, Visualización de Información entre otros.

Screen Shot 2017-08-30 at 5.32.39 PM

 

Intuitivamente

Es un blog en donde su autora Andrea Cantú especialista en diseño de usuario para productos digitales, comparte recursos que ayudan a el aprendizaje de nuevos diseñadores mediante artículos teóricos, cursos, tips prácticos, entrevistas a expertos, entre otros.

Andrea escribe acerca de diseño, metodologías, investigación de usuarios, arquitectura de información, entro otros temas y además comparte guías rápidas para quien esté interesado en desempeñarse como diseñador de UX o investigador de usuarios. Excelente recurso para los que quieren desenvolverse en diseño UX.

Screen Shot 2017-08-30 at 5.33.31 PM


Uxuarios

Es una comunidad latinoamericana que comparte sus conocimientos y aprendizajes sobre experiencia de usuario. Sus contenidos se enfocan al nivel principiante-intermedio para diseñadores, desarrolladores y marketers y buscan inspirar a la realización de excelentes sitios web. Sin embargo, cualquiera interesado en la realización de sitios web es bienvenido.

Al ser una comunidad abierta aceptan las colaboraciones de profesionales que quieran contribuir escribiendo sobre su especialidad.

Screen Shot 2017-08-30 at 5.35.00 PM

 

Accesibilidad en la Web

Es un blog distinto a los otros enlistados por ser sobre una temática específica. Como su nombre lo dice en este espacio se comparte todo tipo de información sobre accesibilidad en la web, por ejemplo errores de accesibilidad, ejemplos de páginas inaccesibles, noticias, software, hardware, ayudas técnicas, tecnologías de apoyo, consejos, pautas y guías de accesibilidad, etcétera.

 

Screen Shot 2017-08-30 at 5.36.47 PM

 

¿Qué te pareció el artículo? ¿Conoces otros blogs acerca de UX? Si tienes dudas o comentarios no dudes en compartirlos.

10 libros esenciales para diseñadores de UX.

Hay cientos de libros relacionados con experiencia de usuario lo cual puede dificultar encontrar lecturas que ayuden a los diseñadores a aprender o a fortalecer los conocimientos de UX.

La mayoría de libros que se consideran como esenciales en el Diseño UX están en Inglés ya que han sido producidos por las figuras más importantes en usabilidad, cognición etc.
A continuación enlisto los libros que yo considero que ayudan a mejorar el conocimiento en Usabilidad, Arquitectura de Información, Diseño de Interacción, Investigación de Usuarios, etc.

  1. Don’t Make me Think de Steve Krug
    dont make me thing
  2. The Design of Everyday Things de Don Norman
    the design of everyday things
  3. The Elements of User Experience: User-Centered Design for the Web
    the elements of ux
  4. 100 Things Every Designer Needs to Know About People de Susan M. Weinschenk
    1000 things every designer
  5. A Practical Guide to Information Architecture de Donna Spencer

    a practical guide to ai

  6. Measuring the User Experience: Collecting, Analyzing, and Presenting Usability Metrics de William Albert de Thomas Tullis
    measuring UX
  7. Emotional Design: Why We Love (or Hate) Everyday Things de Don Norman
    emotional design
  8. Mental Models: Aligning Design Strategy with Human Behavior de Indi Young
    mental models cover
  9. A Project Guide to UX Design: For user experience designers in the field or in the making de Russ Unger & Carolyn Chandler
    a project guide to UX
  10. Simple and Usable Web, Mobile, and Interaction Design de Giles Colborne

    simple and usable

 

Los anteriores cubren la teoría general del Diseño UX. También considero importante conocer algo acerca de metodologías y marcos de desarrollo de proyectos por eso les recomiendo:

11. Lean UX: Applying Lean Principles to Improve User Experience – Jeff Gothelf with Josh Seiden

lean ux

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

Product Design curso gratuito por Google

Hoy les comparto un recurso fantástico que Google nos regala se trata de Product Design by Google. Se trata de curso gratuito para aprender a validar ideas de negocio mediante técnicas de Diseño UX y Design Sprints, así mismo para establecer y seguir métricas.

La metodología del curso se basa en contenido rico en UX, guiado por profesionales de la industria, comunidad de apoyo para estudiantes, exámenes interactivos y aprendizaje al ritmo de cada quien. El curso está desarrollado en Inglés.

Dura dos meses y está orientado a personas con un nivel intermedio en conocimiento de técnicas de UX. Al final del curso y al haber acreditado todos los modulos obtendrás un nanodegree.

Los módulos que componen este curso son:

  1. Ideation & Validation
  2. UX/UI
  3. Design Sprint
  4. Key Metrics

¿Qué esperas? ¡Inscríbete!

Si tienes dudas o comentarios no dudes en compartirlos.

Los elementos de la experiencia de usuario por Jesse James Garrett

En un artículo previo, A quien seguir en diseño UX: Jesse James Garrett, mostramos un esquema que engloba los elementos de la experiencia de usuario según este experto.

Si quieres descargar la versión completa en PDF da click en la imagen.

screen-shot-2017-01-04-at-4-11-48-pm

Elementos de la experiencia de usuario

Principles of UX Design, curso gratis por InVision

Esta vez les comparto un recurso que puede ser de mucha utilidad para quienes están interesados en comenzar a saber más acerca de diseño de experiencia de usuario.

InVision la empresa dedicada a proveernos de una de las más usadas herramientas de prototipado y colaboración entre equipos, ofrece una serie de cursos en linea relacionados con diseño UX.

Hoy les recomiendo uno en donde nos comparten los principios del diseño UX, el cual puede ser una excelente base para ir construyendo tu conocimiento en UX. El curso es Principles of UX Design. ¡Espero que lo disfrutes!

¿Qué te parece el curso? ¿Te interesa conocer más recursos útiles?

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

¿Cómo empezar en Diseño UX?

Desde hace algún tiempo que el Diseño UX es más conocido, sin embargo en México tenemos poco acceso a programas de educación y capacitación formales en esta area; esto nos ha obligado a pensar en nuevas maneras de aprenderlo.

Cuando yo empecé en esto me sentía bastante perdida, quería aprender pero no sabía cómo hacerlo, comencé a leer, normalmente contenido en inglés pero eso no me llevaba muy lejos. La idea de este post es brindar sugerencias para entrenamiento en Diseño UX que ya sea me funcionaron o las considero buenas opciones de aprendizaje.

 “No se necesita un background especial para poder especializarse en UX.”

Lo que sí considero necesario es tener interés por las personas, su forma de pensar, de hacer y empatía para comprenderlas. Por supuesto que un background en diseño o ciencias cognitivas puede ayudar a reducir la curva de aprendizaje pero no lo considero indispensable.

Ahora sí vamos de lleno con el tema, ¿qué hago para empezar en Diseño UX?

  • Aprende qué es diseño UX: Investiga en diferentes fuentes, conceptos generales y particulares para que vayas comprendiendo qué es lo que aborda la disciplina.
  • Conoce otros diseñadores: La mayoría de ellos tiene disposición para apoyar a los nuevos, busca diseñadores y escucha cual es su enfoque en el tema para que vayas formando el tuyo.
  • Acude a eventos de diseño, tecnología, emprendimiento, etc.: Diseño UX se compone de muchas partes y puedes aprender de todos. Has networking para crear redes para ampliar tu conocimiento.
  • Estudia: Existen muchos cursos online y presenciales para que puedas aprender aspectos teóricos de UX. Al final del artículo dejaré una lista de ellos.
  • Consigue un mentor: Alguien mas experimentado que tu y con el que compartas el enfoque de UX que has formado. Te ayudará a resolver dudas y a orientarte sobre qué hacer en tu carrera.
  • Practica: Para aprender necesitas practicar y equivocarte. Crea una página web o aplicación móvil que consideres un buen ejercicio, practica con la página de internet de alguna empresa de un amigo, ofrécete como becario en una empresa pequeña que necesite mejorar la experiencia de su producto.
  • Sigue aprendiendo: Cuando sientas que ya tienes tu propio enfoque, que aprendiste la teoría de manera general y ya practicaste un poco, sigue leyendo, documentándote y escuchando a los demás.

Algunos cursos que pueden ser de tu interés son:

¿Encontraste este artículo útil? ¿Tienes una mejor idea de cómo empezar en Diseño UX? Si tienes comentarios o dudas ¡compártelos!

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