La guía definitiva para desarrolladores móviles que desean diseñar

Parte 1: Pensamiento de diseño

Como fundador de una startup, una de las preguntas más comunes que me hacen es:

¿Cómo puede hacer tanto el diseño y el desarrollo, como las tareas comerciales?

Soy un desarrollador de iOS y macOS primero, habiendo codificado desde que tenía 13 años. Sin embargo, actualmente, estoy haciendo todas las tareas de diseño para mi inicio: la aplicación Flawless. Es una herramienta para que los desarrolladores de iOS comparen diseños originales con la aplicación real en el simulador de iOS de Xcode. Así que hago investigación UX, maquetas de sitios web, pantallas de incorporación, anuncios, correos electrónicos, presentaciones y muchas otras cosas relacionadas con el diseño.

Hace mucho tiempo, teníamos dos diseñadores brillantes trabajando con nosotros, pero desafortunadamente, no funcionó por muchas razones. Por lo tanto, decidí aprender los conceptos básicos del diseño UX en ese entonces. No esperaba convertirme en un mago de UX y UI o un experto en investigación de usabilidad de la noche a la mañana. Más bien, quería desarrollar el conjunto de habilidades esenciales para crear diseños lo suficientemente rápido y eficiente como para hacer felices a los usuarios.

Entonces, ¿puede el desarrollador aprender el diseño de UX y UI?

Pues sí, podemos aprender lo que queramos. Para ayudarlo a comenzar, compartiré algunos recursos que me ayudaron al comienzo de mi viaje: libros, estudios de casos y tutoriales.

Prueba el pensamiento de diseño

Todo en el mundo que nos rodea está diseñado por alguien. Te sientas en una silla, que alguien diseñó. Trabajas en la computadora portátil, donde cada esquina tiene una razón para tener esa forma específica. Leíste Medium, que tiene una interfaz de usuario diseñada por un equipo de diseñadores. Cada elemento del mundo real o virtual fue diseñado para que lleves a cabo una acción específica.

Mi inmersión en el diseño comenzó con los siguientes artículos y libros clásicos. Le enseñarán a centrarse en el diseño como método para resolver problemas:

Dieter Rams: 10 principios para un buen diseño

Ni siquiera nací cuando Dieter Rams, icónico diseñador industrial alemán, escribió esto. Es un manifiesto de la misión de diseño para cualquier producto o servicio.

Lea cada línea cuidadosamente. ¿Su diseño cumple con esos principios? Dieter Rams tiene ahora 85 años y es el hombre que diseñó la cafetera Braun, la afeitadora, el estéreo, la calculadora, los altavoces, el reloj despertador, el cepillo de dientes Oral-B y muchos más.

El diseño no debe dominar las cosas, no debe dominar a las personas. Debería ayudar a las personas. Ese es su papel.
- Dieter Rams

“El diseño de las cosas cotidianas” por Don Norman.

¡Es tan popular que incluso puedes encontrar Swift talk sobre código limpio y artículo de diseño de API basado en ideas de este libro!

El libro cubre metodologías de diseño, conceptos psicológicos básicos y usabilidad. Norman se ocupa principalmente del diseño de objetos físicos. Explora lo que hace que el uso de edificios, electrodomésticos y tecnología sea fácil o complicado. Norman muestra los patrones básicos, que se aplican muy bien a la pantalla táctil virtual de las interfaces de usuario actuales.

Originalmente, el libro fue publicado en 1988. Si decides leer la primera edición, encontrarás muchas cosas tecnológicas antiguas allí (¡me encantó!). En aquel entonces, Norman predijo el éxito de los iPads, tabletas y teléfonos inteligentes. También puede encontrar versiones actualizadas, ya que Norman le agrega constantemente. Alternativamente, consulte este breve curso de Udacity, "Introducción al diseño de las cosas cotidianas con Norman".

Un buen diseño es en realidad mucho más difícil de notar que un diseño deficiente, en parte porque los buenos diseños se ajustan tan bien a nuestras necesidades que el diseño es invisible.
- Donald A. Norman, El diseño de las cosas cotidianas

“100 cosas que todo diseñador debe saber sobre las personas” por Susan Weinschenk

Esta es una descripción general ligera de la neurociencia y la psicología del comportamiento desde la perspectiva de un diseñador. El libro está dividido en capítulos cortos sobre cómo las personas ven, leen, recuerdan, piensan, sienten y forman modelos mentales. ¡Encontré muchas ideas nuevas allí! Es relativamente reciente (2011), está bien escrito y contiene consejos prácticos sobre el uso de estos 100 principios en sus diseños. Sin embargo, reserve el tiempo para la investigación después de leer el libro.

Por último, pero no menos importante, es "No me hagas pensar" por Steve Krug

Es una lectura fácil con un enfoque de sentido común para la usabilidad web. Algunas de las cosas pueden ser obvias o también publicadas en diferentes blogs de UX (el libro se volvió a publicar y actualizar en 2013). Pero si eres un novato total, lo disfrutarás. ¡Puedes leerlo durante un fin de semana o dos, ya que el estilo de escritura de Krug es realmente agradable!

No me hagas pensar. Haga las cosas obvias y evidentes, o al menos autoexplicativas. Escaneo de personas; ellos no leen La gente elige la primera opción razonable. La gente revuelve cosas en lugar de resolverlas.
- Las leyes de usabilidad de Steve Krug

¿Desea obtener más información sobre cómo hackear el cerebro de un usuario con el diseño del producto? Entonces te recomiendo que leas también estos artículos:

  • Modelos mentales y experiencia del usuario (2016). Es una excelente descripción general de los modelos mentales, por qué son importantes para el diseño y cómo solíamos construirlos. Hay algunos enlaces a "Diseño de las cosas cotidianas" por Don Norman. Así que te sugiero que leas primero el libro de Norman.
  • Cómo la tecnología secuestra las mentes de las personas: de un mago y un especialista en ética del diseño de Google (2016). Me encantó este interesante artículo sobre cómo la tecnología afecta nuestra vida diaria, qué principios psicológicos hay detrás y cómo podemos solucionarlo con un buen diseño. ¡Además de ideas interesantes, este artículo demuestra cómo es importante tomar en serio cada detalle de su diseño!
  • Un enfoque conductual para el diseño de productos: cuatro pasos para diseñar productos con impacto (2015). Descripción paso a paso de los principios de diseño de comportamiento con ejemplos del mundo real. Además, puede encontrar muchas técnicas prácticas sobre cómo lograr tareas de comportamiento específicas con el diseño de este artículo.
  • Pregunte menos, obtenga más: La ciencia conductual de limitar el comportamiento del usuario (2016). ¡Disfruté mucho este artículo! Es un estudio exhaustivo sobre cómo los límites en su producto pueden impulsar a más usuarios a realizar una acción específica, completar una tarea específica o fomentar un comportamiento específico. También puede encontrar muchos ejemplos del mundo real allí.
  • Por qué Product Thinking es la próxima gran novedad en UX Design (2015). Una importancia del pensamiento del producto y por qué es tan importante hablar constantemente con sus usuarios para comprender sus verdaderas necesidades.
  • Diseño para la humanidad (2016). El artículo describe un aspecto emocional de las decisiones de diseño. Y por qué también necesitamos ver el diseño a través del prisma emocional (en lugar de centrarnos solo en una parte práctica).
  • Diseño de UX móvil: mejores prácticas, restricciones y trabajo con desarrolladores.

El proceso de diseño comienza con una buena comprensión de las personas y sus necesidades. En general, esta fue solo una pequeña colección de excelentes recursos, que puede usar para comprender el diseño antes de dibujar su primera interfaz de usuario. Volveré con ustedes dentro de unas semanas con la siguiente parte de esta guía. ¡Gracias por leer y feliz aprendizaje!

No hay aprendizaje sin probar muchas ideas y fallar muchas veces.
- Jonathan Ive

Un agradecimiento especial a nuestros amigos y grandes diseñadores, Alex Kukharenko y Anton Diatlov, por darnos consejos útiles sobre nuestra guía.