4 lecciones aprendidas de fallas de diseño famosas

Como diseñadores, podemos señalar un diseño brillante en un segundo y un diseño deficiente en medio segundo. De hecho, el mal diseño es tan notorio que hay subreddits completos dedicados a él. Simplemente estamos capacitados para pensar en soluciones intuitivas que también son visualmente atractivas, por lo que cuando vemos algo con espacio para mejorar, sobresale.

Desde botones rotos hasta formularios defectuosos y patrones de navegación molestos, el diseño deficiente nos rodea. Si bien a veces puede ser divertido, también puede ser muy serio.

Pero pase lo que pase, siempre hay algo que puedes aprender de los errores de diseño para no repetirlos en el futuro. ¡Así que vamos a sumergirnos en algunos defectos de diseño famosos de los que puedes aprender!

Lección 1: Las pruebas de usuario son la clave para crear experiencias excepcionales

Un “defecto” de diseño clásico se conoce como puerta normanda. Si nunca ha oído hablar de esto, pregúntese: ¿alguna vez ha intentado empujar una puerta o empujar una puerta? ¡Felicitaciones, te has encontrado con una puerta normanda!

El problema con estas molestas puertas es que el diseño desvía tu intuición. O no sabe cómo abrir la puerta en absoluto o, sin embargo, asume que la puerta debe abrirse, en realidad debería ser lo contrario.

Las puertas normandas no solo son extremadamente confusas y vergonzosas de encontrar (¡nunca las hago bien en el primer intento!), sino que son tan comunes que se han convertido en un fenómeno ampliamente conocido. Uno pensaría que eso daría como resultado una mejor solución y diseño, sin embargo, esto sigue siendo un problema que casi todos dirían que han encontrado en algún momento.

Comida para llevar:

¡La lección que se debe aprender aquí es que la experiencia del usuario y las pruebas del usuario son muy importantes! Si las personas para las que está diseñando no entienden cómo usar o navegar su diseño, ¿cuál es el punto?

Especialmente para el diseño web, su interfaz de usuario web es extremadamente importante. El hecho de que esté bellamente diseñado no significa que nadie sabrá dónde encontrar la información que necesitan en su sitio, por lo que debe diseñarlo de una manera que les ayude a saber qué hacer a continuación.

La solución para "verificar tu trabajo" es más simple de lo que piensas: haz algunas pruebas de usabilidad para obtener comentarios de alguien de tu público objetivo. No les pida demasiada información; simplemente mire y vea cómo navegan por su sitio para tener una mejor idea de cómo esperan usarlo. ¡Déjalos hacer preguntas y haz preguntas por ti mismo!

Lección 2: Protección contra el error humano

No importa qué tan bien esté diseñado algo, al final del día, la gente comete errores. Seleccionamos las cosas incorrectas, hacemos clic en las teclas incorrectas y presionamos los botones incorrectos. La pregunta entonces es: ¿Puede el diseño ayudarnos a superar el error humano? Las alertas de misiles de Hawai que se enviaron a principios de 2018 son un ejemplo de esto. La alerta se activó al presionar el botón equivocado, lo que llevó a muchos diseñadores a preguntarse si un mejor diseño podría haberlo evitado.

A menos que trabaje para los tipos que presionan el botón, realmente no hay certeza sobre cómo funciona ese proceso exacto. Sin embargo, la gente comenzó a hacer algunas preguntas importantes y a pensar en formas en que el diseño puede ayudar a crear salvaguardas contra el error humano. Por ejemplo, tal vez si los botones "esto es un simulacro" y "esto es real" fueran un poco más exclusivos o no estuvieran disponibles en el mismo menú, toda la situación podría haberse evitado.

Este evento fue un gran shock para el mundo en cuanto a cómo el diseño para prevenir el error humano es de suma importancia. Incluso en pequeñas cosas como las compras en línea, un pequeño error humano puede causar grandes problemas para los pagos y su negocio. Como dicen, una buena defensa es el mejor ataque.

Comida para llevar:

¿Cuándo ha sido una mala idea ejecutar una ventana emergente de verificación para cambios importantes? Solo digo que si el botón "ELIMINAR" de su base de datos no tiene un "¿Está seguro?" pantalla, entonces no sé cómo has vivido con la incertidumbre en tu trabajo.

Incluso en los aspectos básicos de la codificación, comienza a aprender cómo minimizar de manera proactiva el error humano donde pueda. ¡Es por eso que incluso las medidas preventivas simples, como establecer los permisos adecuados, tener copias de seguridad o configurar los tipos de datos, son de suma importancia!

La protección contra errores humanos también es muy importante para los usuarios de su sitio. Considere esto: tal vez tenga un formulario largo que sus usuarios completen para sus servicios. ¿Hay errores incompletos que aparecen después de presionar enviar? Hay un "¿Estás seguro de que quieres irte?" advertencia si accidentalmente se cierran en medio de hacer una compra? Estas son cosas simples que puede hacer para ayudar a sus clientes a tener la mejor experiencia y evitar posibles dolores de cabeza en el futuro.

Lección 3: La tipografía no debe ser una ocurrencia tardía

¿Recuerdas los Oscar de 2017 con el ganador equivocado de “Mejor Película”? ¡Habla sobre un simple error que podría haberse evitado con un poco de jerarquía!

Si bien hubo varios factores que intervinieron en el anuncio falso, un cambio que ciertamente podría haber ayudado a crear un poco de claridad fue un mejor uso de la tipografía en la tarjeta. Aunque no hay mucha información, debe mostrarse de una manera que tenga sentido rápidamente para los usuarios. Se remonta a la lucha contra el error humano: si la tipografía no es lo suficientemente fuerte como para crear claramente una sensación de jerarquía, los usuarios deben adivinar el orden de la información. Y si adivinan mal, se cometen errores y los premios se atribuyen a la película equivocada.

Comida para llevar:

Organizar la información que necesita y usar principios básicos de diseño siempre es un gran comienzo para cualquier proyecto. Transmita su punto de vista y piense en la conclusión principal o el llamado a la acción que le gustaría impartir. ¿Cómo puedes hacer que se destaque entre el resto de la información? Si alguien simplemente hojeara la página, ¿entendería exactamente lo que necesita saber o qué hacer?

De manera similar, nadie quiere visitar su sitio web solo para buscar y buscar la información que necesita. A veces, la solución más fácil a esta confusión es un diseño simple y limpio. De esa manera, evita la redundancia o la información oculta y todos pueden encontrar lo que necesitan.

Lección 4: Si bien es posible que conozca las últimas tendencias de diseño, es posible que sus usuarios no

Cada vez que surge una nueva tendencia de diseño, es emocionante probarla por ti mismo. Tome los botones fantasma, por ejemplo. (Y no, no me refiero a un botón con forma de fantasma). Un botón fantasma suele estar ligeramente delineado con un fondo de color similar (si no es que transparente) y se asienta en una página a la perfección sin llamar demasiado la atención.

Estos pequeños botones han causado bastante revuelo por su atractivo diseño, pero pueden ser engañosos si no se ejecutan bien. A veces, parecen simplemente otro elemento de diseño en la página en lugar de elementos interactivos en los que los usuarios pueden hacer clic.

Comida para llevar:

Cuando se trata de diseño, estar al tanto de las últimas y mejores tendencias te hace ver como si estuvieras al tanto. Sin embargo, el hecho de que los niños geniales lo estén haciendo no significa necesariamente que sea adecuado para el diseño de un sitio. Y todos sabemos que es mejor tener un diseño básico que convierta en lugar de un diseño genial que no funciona.

Una gran parte de esto es asegurarse de que sus botones se destaquen. Si tiene una línea delgada rectangular en un botón que se encuentra en una página llena de otras formas rectangulares, es probable que no se destaque tanto como cree.

Otro consejo es tener una llamada a la acción clara. Si su botón solo tiene una declaración como "BONITO", es posible que no sea una indicación lo suficientemente clara de que se trata de un botón en el que se puede hacer clic; puede parecer más un título o un elemento decorativo. Usar copiar con un verbo como "Más información" o "Solicitar ahora" es más claro.

Resumen de la lección

Si bien los defectos de diseño son fáciles de notar, todos sabemos que los diseñadores siempre tienen las mejores intenciones. Es importante mantenerse informado y aprender unos de otros. Una de las maneras más fáciles de aprender del diseño es ayudar a un diseñador: ¡un segundo par de ojos nunca hace daño!

Cuando mire críticamente su propio trabajo de diseño, trate de pensarlo desde la mente de un usuario. Pregúntese, ¿es esto intuitivo? ¿Es esto simple pero informativo? ¿Hay alguien a quien pueda pedirle que mire este trabajo? Mirar críticamente su propio diseño puede ser difícil a veces, pero es un paso fácil de dar para que su trabajo sea más excelente.

¿Qué sacaste de estos defectos de diseño? ¿Hay alguna lección que hayas aprendido de la manera difícil? ¡Comparte tus experiencias con nosotros en los comentarios!