7 principios básicos de diseño que olvidamos

¡Algunos de ellos siempre se aplicarán!

Érase una vez, en 2018, había un chico llamado Jimmy. Era diseñador en una compañía llamada Shmuckle. Todo lo que soñaba, día y noche, era convertirse algún día en un famoso diseñador. Su musa e inspiración fue Steve Jobs. Al estar obsesionado con él, siempre estaba predicando un buen diseño en su empresa. Jimmy tenía que ver con las delicias, el diseño intuitivo y la innovación. Hasta que un día golpeó un bloque creativo.

Jimmy estaba trabajando en un proyecto importante para su empresa que lo ayudaría a promover su carrera. Se le encargó rediseñar el tablero principal de su producto. Pero no pudo lograr el resultado apropiado para la interfaz. Como plan de respaldo, comenzó a volver a mirar todos sus videos de diseño favoritos, leer artículos y escuchar podcasts. Pero no hay resultado. Todavía no sabía cómo proceder.

Afortunadamente, la diseñadora senior de la compañía, Sarah, estaba de paso. Ella vio al pobre chico luchando. Una sonrisa apareció en su rostro, recordando sus primeros días, cómo ella también estaba luchando, para crear un gran producto. Pero ahora tiene más experiencia y conoce todos los trucos y consejos que pueden ayudarla a superar cualquier bloqueo creativo.

“Hola Jimmy, vi que no actualizaste el nuevo diseño en el que estabas trabajando. ¿Cuál es el problema?"

“Estoy tratando de diseñar esta interfaz mejorada para nuestros clientes. Debería ser más fácil de usar, mostrar estadísticas mejores y mejoradas, y resolver un par de otros problemas de accesibilidad, pero no sé ... No se siente bien. Lo probé con los clientes y algunos dicen que funciona muy bien, algunos lo odian, algunos dicen que debemos cambiarlo. No se que hacer."

"Está bien, sucede cuando no tienes una base adecuada. Mira, hay un par de principios que te ayudarán a diseñar excelentes productos. Afortunadamente, no necesitas ninguna magia vudú. Aplícalos cuando te sientas atrapado.

Jimmy rápidamente sacó su libreta y su lápiz, y con la emoción de un niño antes de Navidad, estaba listo para tomar notas "¿Qué son?"

"Vamos a caminar porque te quedas demasiado detrás de tu escritorio. Tienes que refrescarte un poco la mente "Sarah agarró una taza de café de su escritorio y continuó" Está bien, escucha. Hay un par de principios básicos que debe seguir una vez que su producto esté terminado. Su diseño siempre debe tener: "

Claridad

“Jimmy, si te vas solo con una cosa, recuerda esto: una mente desordenada dará como resultado un producto desordenado. Por lo tanto, siempre trate de eliminar el desorden de su pensamiento porque afectará el resultado final. A lo largo de las decisiones de diseño que tome, hay un par de cosas a las que siempre debe prestar atención:

  • Los objetivos comerciales, los problemas y la funcionalidad del cliente motivan el diseño. En ese orden;
  • Nunca sacrifique la funcionalidad por la belleza;
  • Siempre debe explicarse por sí mismo qué hacer a continuación;
  • Resalte contenido importante a través del espacio negativo, colores, fuentes y gráficos, y otros elementos de la interfaz de usuario;
  • El texto es legible en todos los tamaños;
  • Los iconos son precisos y nítidos;
  • Los extras son sutiles y apropiados;
  • Sus usuarios deben saber instintivamente qué hacer y dónde se encuentran en todo momento;
El aspecto final de cualquier cosa es el subproducto de la claridad (o falta de ella) durante su fase de diseño. La claridad de la intención se traducirá en claridad del resultado - Massimo Vignelli

“Recuerdo que Massimo Vignelli escribió en su Canon de Vignelli que un diseño confuso y complicado siempre dice algo sobre la persona que lo hizo. Dice que la persona tenía una mente complicada y confusa ”, dijo Sarah. Jimmy notó esa cita para usarla luego como inspiración.

Interfaz accionable

“Ahora, recuerda esto. Siempre debemos esforzarnos por diseñar productos digitales que mantengan la tarea actual clara y enfocada. Una aplicación procesable se anticipa a las necesidades del usuario al garantizar que lo que está en pantalla siempre sea actual y relevante. Y la aplicación se convierte en una extensión de lo que un usuario pretende hacer. Así, por ejemplo, si un usuario abre su aplicación para resolver una tarea y no le da la solución, tomó malas decisiones ", dijo Sarah.

Se detuvo por un momento y se tomó un par de segundos para formar sus pensamientos y continuó: "Verán, el objetivo de lo que hacemos es asegurarnos de que nuestras soluciones lleguen al usuario correcto, en el momento correcto, en el contexto correcto". . Y, por supuesto, es un largo plazo hasta que podamos llegar a ese estado ideal. ¿Cómo llegar a ese estado? A través de múltiples iteraciones ".

Es obstinado

“Algunos diseñadores y desarrolladores sostienen que el software debe ser flexible y capaz de satisfacer las necesidades de todos los clientes. Bueno, Jimmy, eso es una mierda. Hay un dicho que incluso se aplica a esto:

Intentar complacer a todos es una receta para el estrés, la miseria, la pérdida de recursos y la frustración. Así que no tengas miedo de perder personas, ten miedo de perder tu visión - Desconocido

Un producto digital excelente y útil siempre debe tener una idea clara de a quién sirve. ¿Quién es el verdadero cliente? Debe tener eso en cuenta y desarrollar soluciones para sus necesidades. Los mejores productos digitales tienen una visión ”, dijo Sarah deteniéndose cerca de la ventana e inclinándose para ver a la gente pasar. "¿Y qué hay del resto de los clientes?", Preguntó Jimmy. “El resto esperará en la cola. Y nos pondremos en contacto con ellos una vez que nuestros principales clientes estén satisfechos. Por principal, me refiero a nuestra gente principal para la que hacemos el producto. Y recuerde, si no les gusta su visión, no se preocupe. Hay muchas otras visiones en el mercado que los harán felices. Nuestro trabajo es encontrar nuestra propia tribu ”, dijo Sarah con una cálida sonrisa.

Cuando alguien usa software, no solo busca funciones. Están buscando un enfoque. Están buscando una visión: hacerse realidad por 37 señales

Sistema de retroalimentación

“El siguiente principio importante es la retroalimentación. Reconoce acciones y muestra resultados para mantener informadas a las personas.

  • Los elementos interactivos deben resaltarse brevemente cuando se toca;
  • Los indicadores de progreso comunican el estado de las operaciones de larga duración;
  • La animación y el sonido ayudan a aclarar los resultados de las acciones;

Ya ves, Jimmy, con todo el mundo digital tan avanzado que todavía sentimos la necesidad de interacciones humanas en él. Nuestro cuerpo (ojos o sensores táctiles) necesita sentir retroalimentación para enviar señales a nuestro cerebro de que las cosas funcionan. Esto significa que nuestros diseños, como en el primer punto que mencioné, deberían dar una respuesta clara sobre lo que está sucediendo en la pantalla. Y un usuario no debe hacer un esfuerzo por comprender eso. Entonces, cuando tenga tiempo, asegúrese de recoger un libro sobre cómo funciona la mente humana. Solo avanzará tus habilidades ”, dijo Sarah y tomó un sorbo de su café mientras continuaba su caminata por la oficina.

Metáforas

"Metáforas: aquí no me refiero a metáforas literarias, sino a algo similar", dijo Sarah. "¿Como un Shakespear digital?", Se rió Jimmy. "Algo así como. Verá, las personas aprenden más rápido cuando la interfaz y las acciones de una aplicación son metáforas de experiencias familiares. Las experiencias pueden provenir del mundo digital o real.

Las metáforas funcionan bien porque las personas interactúan con la pantalla. Mueven las vistas para exponer el contenido debajo. Arrastran y deslizan el contenido. Las personas alternan interruptores, mueven controles deslizantes y se desplazan por los valores del selector. Así que siempre trate de aprender qué otras aplicaciones utilizan sus clientes principales a diario. Esto permitirá diseñar experiencias similares y eliminar cualquier fricción o crear situaciones de aprendizaje incómodas ”, dijo Sarah.

Contexto sobre consistencia

“Déjame darte un ejercicio aquí. Por ejemplo, tenemos un calendario en la pantalla principal. ¿Crees que debería ser una cuadrícula o una lista? ”Preguntó Sarah. "Hmm ... Deberíamos apegarnos a la cuadrícula. Es más compacto y estructurado. ¿Estoy en lo cierto? ”Dijo Jimmy.

"Depende del objetivo principal de un usuario. La misma pregunta para la página de informes. ¿Deberíamos tener un calendario de cuadrícula o lista? Y de nuevo, depende. ¿Necesitamos navegación global en todas las páginas? De nuevo, depende del contexto. Es por eso que el contexto es mucho más importante que la consistencia. Está bien ser inconsistente si tiene sentido tener una forma o estilo diferente si aporta más valor al contexto. Es mejor tener razón que ser consistente ", dijo Sarah.

Un buen diseño es el subproducto de una evaluación contextual adecuada, no una creación caprichosa fuera de contexto, sin importar cuán brillante sea su aspecto visual. Las soluciones de diseño brillantes siempre han tenido en cuenta la consideración contextual - Massimo Vignelli

Diseño defensivo

“¿Qué quieres decir con defensivo?” Preguntó Jimmy. "Es algo que otros conocen como diseño intuitivo", dijo Sarah. “¡Oh, lo sé! ¡Es algo de lo que Steve Jobs habló mucho! ”Exclamó emocionado Jimmy. "Sí ... pero ¿sabes lo intuitivo que es?", Preguntó Sarah. "¿Algo que prediga las acciones de un usuario? ¿Entonces resuelve una necesidad antes de que surja? ”Preguntó curiosamente Jimmy.

"Si y no. No es algo que prediga tus acciones, pero el diseño defensivo es para cuando las cosas van mal. Y las cosas van mal todo el tiempo. No importa cuán cuidadoso sea su diseño, cuánta investigación haya invertido, su producto siempre debe tener un plan de respaldo. El diseño defensivo siempre está atento a los problemas que puedan surgir ”, dijo Sarah.

Confía en mí, si la experiencia es negativa para tus usuarios, es poco probable que la olviden.

"No lo entiendo del todo ..." dudaba Jimmy. “Tome como ejemplo una conducción segura. Cuando conduce un automóvil, siempre está atento a cualquier tipo de peligro: conductores imprudentes, niños que cruzan la calle y otros escenarios peligrosos. Por lo tanto, nosotros, como diseñadores, siempre debemos estar atentos a lo que se puede arreglar para que no rompamos la experiencia de usuario. Porque un buen diseño defensivo puede romper o mejorar la experiencia del cliente ”, dijo Sarah.

Volviendo lentamente al escritorio de Jimmy, Sarah dijo: "Y eso es todo. ¿Tomó alguna nota? "Jimmy sorprendió" ¿Qué quieres decir con eso? ¿No debería haber más de ellos? "Sarah, con una cálida sonrisa, respondió:" Hay muchos de ellos. Y cada persona o empresa tiene sus propios principios de diseño. Pero no los necesita a todos para diseñar algo grandioso. Los fundamentos son suficientes para un buen comienzo. Y si usa estos, ya es mejor que el resto. Otros principios de diseño vendrán con tiempo y paciencia. Ahora de vuelta al trabajo.

Epílogo

Por supuesto, hay muchos más principios que deberíamos usar, pero el problema es que muchos de nosotros todavía no los usamos. Y sucede principalmente porque priorizamos tareas y objetivos que no son importantes para nuestros clientes. Siempre debemos esforzarnos por encontrar el equilibrio adecuado que funcione para nuestro producto y usuarios.

Libros mencionados y usados

  • Conseguir real por 37 señales
  • El canon de Vignelli por Massimo Vignelli

Una cosa más

Si eres un blogger, escritor o un simple humano al que le encanta escribir en el tiempo libre, es posible que desees visitar Shosho. Algo que creé para alentar a las almas creativas a escribir aún más y mejor. Shosho es una aplicación de estilo que te ayuda a eliminar palabras de moda, jerga y palabras que son difíciles de leer de tu escritura. Le agradecería si lo intenta.

Continúa leyendo el Capítulo 2 de la historia: