6 malos ejemplos de diseño de interfaz de usuario y errores comunes de los diseñadores de interfaz de usuario by@anniedai
50,397 lecturas

6 malos ejemplos de diseño de interfaz de usuario y errores comunes de los diseñadores de interfaz de usuario

2018/01/29
por @anniedai 50,397 lecturas
ES
Read on Terminal Reader

Demasiado Largo; Para Leer


Companies Mentioned

Mention Thumbnail
Mention Thumbnail
featured image - 6 malos ejemplos de diseño de interfaz de usuario y errores comunes de los diseñadores de interfaz de usuario
Annie Dai HackerNoon profile picture

@anniedai

Annie Dai
react to story with heart

Antes de profundizar más, veamos qué es exactamente el diseño de la interfaz de usuario. Es como si quisiera sentirme bienvenido cuando visito su casa, y cada visitante del sitio web tendría ese mismo sentimiento.

En pocas palabras, la interfaz de usuario es la forma en que el sitio web interactúa con el usuario, incluida la interacción hombre-computadora, la lógica de la interfaz y la apariencia. La utilidad de entregar las ideas y el producto al usuario será más importante que la belleza de un sitio web/aplicación.

El propósito de la interfaz de usuario es llevar el producto al usuario de la manera más oportuna y elegante posible. Entonces, puede que se pregunte qué tipo de diseño de interfaz de usuario puede ser bueno. ¿Cuáles son los errores comunes en el diseño de UI y cómo evitarlos de manera efectiva? No se preocupe, lo guiaré uno por uno con los 6 mejores ejemplos de diseño de interfaz de usuario incorrectos incluidos.

Diferencias entre un buen y un mal diseño de interfaz

No hay algunos principios de diseño de interfaz de usuario en la web, pero las principales reglas de oro para el diseño de interfaz de usuario serán las 4E a continuación. Además, este puede ser el estándar para juzgar si se trata de un buen diseño de interfaz de usuario:

- Sin errores.

- Fácil de usar.

- Fácil de entender.

- Eficaz para el objetivo o producto final.

image

Obviamente, una buena interfaz de usuario puede hacernos sentir como en casa y todo está en el lugar correcto; mientras que una mala interfaz de usuario te hará sentir como si tuvieras un mal sabor de boca y todo lo que quieres hacer es irte rápidamente.

Además, el mal diseño de la interfaz de usuario hará que los usuarios sientan que el sitio web es complicado y difícil de operar ; el bueno guiará a los usuarios sobre cómo interactuar con el sitio de una manera clara e intuitiva, incluso si es la primera vez que lo visitan. El mal diseño de la interfaz de usuario no solo destruye por completo la creatividad detrás de los diseñadores, sino que también brinda información errónea a los usuarios. Todo eso traerá a los usuarios una sensación de confusión, frustración e incluso enojo. Es obvio que un mal diseño de la interfaz de usuario puede provocar una mala experiencia de usuario, lo sabrás cuando eches un vistazo a la muesca del iPhone X...

Los 6 principales errores comunes de mala interfaz de usuario en el diseño de la interfaz de usuario

Mirar los malos ejemplos de diseño junto con los contraejemplos de buen diseño puede ser divertido y, lo que es más importante, extrae lecciones para los diseñadores. Como dijo Jared Spool: “El buen diseño, cuando se hace bien, se vuelve invisible. Sólo cuando está mal hecho lo notamos”. Hay algunos errores comunes y peligros potenciales para los diseñadores, que a veces son difíciles de notar. He hecho una lista de ellos aquí para usted.

1. El diseño carece de contraste

Al navegar por un sitio web, nos gustaría verlo con un contraste claro y fresco. Esto puede ayudarnos a leer y comprender mejor la información que hay allí, y así saber cómo realizar la operación. Si no se incluye el contraste, tanto la combinación de colores como la visualización general del sitio web nos abrumarán. Es bastante difícil leer el contenido del siguiente sitio web.

image

Lo malo: falta de contraste

image

Lo bueno: contraste en el diseño

2. Diseño no responsivo

Es muy popular usar un diseño receptivo , porque creemos que no hay razón para que hagamos un sitio web que no se pueda adaptar a la resolución y al tamaño del dispositivo dados. Es una necesidad, especialmente para sitios web/aplicaciones de carritos de compras cuyo público objetivo proviene de dispositivos móviles.

image

Lo malo: diseño no receptivo

image

Lo bueno: diseño receptivo

3. Sin comentarios de los usuarios con datos de plagio

No es malo inspirarse en los trabajos de diseño de otros, pero debemos asegurarnos de que hemos tenido datos de usuario enriquecidos para tomar una decisión correcta. El siguiente es un mal ejemplo típico.

image

Lo malo: datos de plagio

image

Lo bueno: sistema completo de comentarios de los usuarios

4. Bad IA (arquitecto de información)

Todo el mundo quiere destacar entre la multitud y su trabajo de diseño puede atraer la atención de los demás. Sin embargo, a veces simplemente pasa al otro lado si enfatizamos demasiado la creatividad en el diseño. Mantener un buen equilibrio en la jerarquía visual puede dejar una buena impresión en los usuarios y puede brindarles más información. El siguiente puede darnos una sensación de desorden y confusión más o menos.

image

Lo malo: estructura desordenada

image

Lo bueno: diseño bien estructurado

5. Estilo inconsistente

No significa que el estilo mashup no sea bueno, pero si la interfaz general tiene un conflicto visual enorme y feo, es mejor rediseñarla. Un excelente diseño de interfaz de usuario debe ser coherente con el estilo para que los usuarios comprendan claramente y respondan al contenido dado. Esto también será bueno para mejorar la eficiencia del trabajo.

image

Lo malo: diseño de página inconsistente

image

Lo bueno: diseño de página consistente

6. Forma torpe y lenta

A veces, necesitamos recopilar la información relacionada con el usuario diseñando un formulario mejor , pero el formulario lento y torpe es una pérdida de tiempo. Es mejor agilizar los pasos involucrados para que el formulario se vea conciso y claro.

image

Lo bueno: buen formulario de registro de usuario

Cosas como el formulario de registro de usuario o el área de comentarios son un elemento de interacción social en el diseño. Agregar el botón para compartir en redes sociales (como Facebook, Twitter, YouTube y LinkedIn) o ingresar la dirección de correo electrónico para suscribirse al boletín informativo solo puede agregar formas de difundir nuestra información, pero también puede aumentar la tasa de retención de usuarios. Podemos tomar una buena referencia de abajo.

image

Lo bueno: sitio web con interacción social

¿Cómo evitar los errores más comunes de los diseñadores de UI?

En general, hay 5 problemas comunes que los diseñadores de UI hacen:

- Limitar la posibilidad de explorar más . Debido a la fecha límite dada y el riesgo potencial o muchos otros factores, no pocos diseñadores no pueden hacer una exploración amplia de la creatividad antes de hacer el plan de diseño. Para el equipo de diseño, se requiere un tiempo de 3 a 6 meses para ubicar y mejorar el plan de diseño.

- Sin diseño centrado en el usuario. Esta es la parte más importante pero fácil de pasar por alto. Todo el diseño debe estar orientado al usuario. Necesitamos más análisis de datos y recursos de interfaz de usuario para asegurarnos de que el usuario acepte y reconozca nuestras ideas de diseño.

- Saber poco sobre los públicos objetivos . En lugar de mirar las preferencias personales, debemos ponernos en el lugar de nuestros clientes. Esto ayudará a romper nuestras propias limitaciones y así crear un buen punto de venta.

- Elaborar demasiado de antemano . Especialmente en la etapa inicial del diseño, queremos dibujar los conceptos en la mente con alta fidelidad. Sin embargo, esto no es sabio. Explorar desde formas más diferentes, incluso opuestas, puede ayudarnos a encontrar más sorpresas.

- Hacer un uso excesivo del efecto dinámico . Honestamente, hay muchos diseños dinámicos sin sentido en casi todas partes, que no pueden hacer más que decepcionar a nuestros usuarios. Es mejor evitar el efecto de animación decorativa para optimizar la experiencia del usuario.

image

Un mal ejemplo aquí: Unnessary Animation

Resumir

Podemos llegar a la conclusión de que un buen diseño de interfaz de usuario debe verse hermoso en apariencia, pero lo más importante es tener una estructura clara, prestar atención a la experiencia del usuario, ser único, simple y conciso para que los usuarios lo entiendan. Esto puede sonar simple, ¿verdad? Pero no es fácil de lograr. Sin embargo, a veces podemos asegurarnos de que no haya nada malo con nuestras ideas de diseño, habrá muchas cosas inesperadas cuando comencemos a hacerlo. Hacer que suceda en la realidad es la piedra de prueba de la capacidad personal.

HISTORIAS RELACIONADAS

L O A D I N G
. . . comments & more!
Hackernoon hq - po box 2206, edwards, colorado 81632, usa