Diez conceptos básicos de diseño para un diseñador de interfaz de usuario

10 principios de diseño de interfaz de usuario para guiarle a través de futuros proyectos

diseñador de interfaz de usuario

¡Hola! Este es Ed Francisco y estoy aquí para hablar con usted UI Designer.

¿Te alegraría saber que los usuarios utilizan la interfaz que creaste sin dificultades? ¿Que las soluciones de interacción que diseñó disminuyeron la tasa de rebote de una aplicación, aumentaron la tasa de retención de usuarios y, en consecuencia, aumentaron el número de clientes potenciales de su cliente?

Algunas acciones de la interfaz de usuario pueden reflejar mejoras en los resultados. ¿Has diseñado una interfaz? ¿Qué te imaginas durante este proceso?

Ya hemos tenido la oportunidad de mostrar aquí en el blog una introducción sobre Diseño de interfaz de usuario, pero creo que también tenemos que mostrar cómo se puede, a través de ciertos principios que surgen de los valores compartidos por varios diseñadores de interfaz de usuario en todo el mundo, de soluciones que son ampliamente probadas y reconocidas como prácticas comunes, y también, humildemente, por las experiencias que he vivido, pensar en soluciones que aseguran que se convierta en un diseñador de interfaz que efectivamente proporciona una gran experiencia de interacción para los usuarios.

Pero para usted que llegó aquí en este artículo y apenas sabe lo que hace una interfaz de usuario de diseñador. Así que antes de entrar en los principios explicaré sucintamente lo que este profesional hace en su día a día.

Nosotros aquí en Jefe de Diseño tenemos el Curso de EXPERTO en UI. En nuestro curso UX/UI aprenderás a crear interfaces digitales que proporcionen las mejores experiencias a los usuarios y que te aporten una mayor visibilidad en el mercado laboral.

Para aprender más sobre el Curso de diseño de interfaz de usuario, haga clic aquí, o en la imagen de abajo.

¿Qué hace UI Designer?

Diseñador de UI

Un Diseñador de interfaz de usuario tiene como especialidad tratar con la interacción entre la interfaz y el usuario. La interfaz es el medio por el cual el usuario interactúa con la aplicación proyectada.

Al tratar con la interacción, el Diseñador de interfaz de usuario se ocupa de estructurar visualmente los elementos de la interfaz de una manera que anula las posibles dificultades y satisface las necesidades de los usuarios. Hoy en día una de las principales tareas de un UI Designer son precisamente las interfaces web.

Hay algunos elementos comunes a la hora de diseñar una interfaz web, pensando en interactuar con los usuarios son menús, botones, enlaces, formularios y cualquier elemento de la interfaz que deba dirigir al usuario a un objetivo.

Tal vez ahora deberías estar confundido porque he citado elementos que también son manipulados por diseñadores web. Para saber que prácticamente un Diseñador Web es un Diseñador de INTERFAZ DE USUARIO solo especializado en aplicaciones Web. Por cierto, un diseñador web debe preocuparse por la interacción de la interfaz de usuario siempre.

Así que los principios que voy a mostrar aquí también se aplican al Diseñador Web tanto que hice un punto de énfasis en ellos también en mi curso de Diseño Web, el Diseñador web Pro.

Quiero que mis estudiantes entiendan que el tema de la interacción entre la interfaz de usuario es crucial para el éxito de los futuros proyectos web que emprenderán.

10 principios de diseño de interfaz de usuario para futuros diseñadores de interfaz de usuario

Ahora que sabes que un Diseñador de interfaz de usuario lo hace, es hora de conocer algunos principios en una selección que separé para que tú, actuando como Diseñador de interfaz de usuario, estés más en sintonía con las buenas prácticas. Vamos a ellos:

Usar patrones de interfaz de usuario conocidos

Icono de hamburguesa para menús

Las normas son soluciones recurrentes a problemas comunes y, por lo tanto, se han aplicado y probado. Usted no tiene que llegar a nuevas soluciones todo el tiempo. Simplemente adapte una solución aplicada en un entorno similar para resolver el problema en su interfaz.

Cuando usas patrones de interfaz de usuario conocidos, haces que los usuarios se sientan como en casa, ahorras tiempo en la creación y estás cerca de ser correcto en tu decisión.

¿Y dónde encontrar estos patrones?

Encontrarás en las interfaces donde el público objetivo del proyecto pasa la mayor parte de su tiempo. Como en redes sociales, sitios de noticias, sitios bancarios, sitios universitarios, aplicaciones de mensajería instantánea, algún software específico, etc.

El icono de la hamburguesa es un patrón que ha estado bastante extendido cuando pensamos en el móvil. Esto se debe a la limitación del espacio existente en las interfaces destinadas a dispositivos más pequeños que necesitan admitir menús tradicionales.

mantén la claridad

Botón inútil

Un excelente diseño de interfaz de usuario pasa desapercibido porque no tiene elementos innecesarios. Si hay algún ruido que el usuario no entienda para qué se trata es posible que no quiera descubrir y esto se traducirá en un bajo engagement para cumplir con los objetivos establecidos para este elemento.

Por lo tanto, hay que mantener la claridad. Evite diseñar elementos que no aclaren su función. Los elementos necesarios son sucintos y tienen sentido. Pregúntese siempre si tal elemento es necesario, si el usuario realmente lo necesita. También asegúrese de que sea fácil de entender. No agregues nada a la interfaz porque solo tú pensaste que era genial.

Guiar al usuario

Guiar al usuario

No espere que el usuario descubra por sí mismo qué hacer en la interfaz. Tendrás más efectividad preguntándole qué correr y también seguirás guiándolo en los siguientes pasos. Tenga en cuenta que probablemente realizará una acción cuando se solicite.

Regresar con comentarios

realimentación

Mientras guía a sus usuarios, tiene la posibilidad de dejarlos más seguros sobre lo que están haciendo y sobre el paso que cumplen. Dejarlos seguros es una de sus asignaciones como interfaz de usuario del diseñador.

Una forma de darles confianza es proporcionar retroalimentación constante y clara. El sistema debe informarle en tiempo real de lo que está sucediendo. Intente crear una "conversación" entre los usuarios y el sistema con notificaciones para cada acción que realiza. Transmitir la sensación de que está en control.

Permítete tolerar los errores del usuario

errores de usuarios

Incluso guiando al usuario y transmitiendo retroalimentación, y por mucho que el diseño diseñado sea claro, pueden ocurrir errores, el usuario puede realizar una acción incorrectamente. Y es en este mismo momento que su diseño debe apoyarlo de manera efectiva haciendo que sus errores sean tolerables y convirtiéndolo en una oportunidad de crecimiento mostrándole el camino de la ejecución correcta. ¿Y qué considerar en este enfoque?

  • Desarrollar formas para que el usuario deshaga acciones;
  • Por favor, futuro Sr. Diseñador de interfaz. No castigue al usuario si tiene que reanudar una acción haciendo que se inicie de nuevo después de realizar muchos pasos, por ejemplo; sólo porque llenó un campo de formulario de la manera incorrecta;
  • Asegure el aprendizaje mostrando las acciones incorrectas y asegurándose de que puede saber cómo evitar que el error vuelva a ocurrir.

Hablar el idioma del usuario

hablar el idioma del usuario

Como diseñador, tienes todo para usar los conceptos correctamente después de que cada forma, cada píxel, cada tipo y cada color importen mucho. Sin embargo, se requerirá una redacción mínima para que la interfaz "hable" con el usuario, ya sea por sonido, video, animación y, más generalmente, usando texto. Y en este mínimo hay que asegurar la máxima empatía hablando el idioma del usuario.

Hablar el idioma del usuario es asegurarse de que se identifica con el mensaje transmitido facilitando la comprensión de las "conversaciones" con la interfaz. Investigue mucho sobre su público objetivo para establecer la forma más adecuada de guiar sus acciones.

Puedes chatear con el usuario visualmente, con elementos como iconos, imágenes y vídeos, siempre teniendo en cuenta el público objetivo del proyecto.

Mantener la consistencia

consistencia

Cuando se trata de diseño de interfaz de usuario hablar de consistencia es asegurarse de que cuando el usuario aprende a hacer algo en la interfaz que puede hacerlo de nuevo sin sorpresas.

Usted, como interfaz de usuario del diseñador, puede garantizar la coherencia repitiendo elementos y comportamientos de la interfaz. Con esto los usuarios han reducido la necesidad de repensar el paso a paso para las acciones y serán más conscientes de cómo funcionan las cosas.

Ofrecer flexibilidad a las tareas

flexibilidad de las tareas

Haga que las tareas a realizar por los usuarios no sean dolorosas. Haz que sea fácil de manejar. Cuando, por ejemplo, tenemos que rellenar un formulario de inscripción la tarea se vuelve más ardua cuando es extensa. Sin embargo, usted, Diseñador de interfaces, puede, a través de la interfaz, pasar la idea de que llenar este formulario puede ser más agradable y ágil.

Entienda que las personas prefieren completar varios pasos más pequeños que uno enorme. Al diseñar un formulario que se puede rellenar en pasos más pequeños, disminuye la sensación de algo rígido y complejo de ejecutar y hace que la tarea sea más flexible.

usar la jerarquía visual

jerarquía visual

Es importante que el usuario se centre en lo que es importante y una forma de asegurarse de que esto es trabajar correctamente con la jerarquía visual.

Puede establecer una ruta de acceso clara a las acciones determinando a través de formas, colores, tipos, contraste entre elementos y otras aplicaciones de diseño que muestran lo que es una prioridad en la interfaz. Los elementos de posicionamiento adecuado asegurarán que el usuario entienda la información más importante e indique las posibles decisiones que el usuario debe elegir.

Estudio sobre el usuario

Usted puede estar tentado a mirar a la competencia para imitar los estilos modernos y características que aún no son garantías de buenas prácticas. Así que en este momento, primero tome nota de las necesidades de sus usuarios para identificar los objetivos reales del proyecto. Creo que este es el principio principal entre los 10 presentados.

Sumérgete en el mundo del usuario para descubrir sus habilidades, experiencias y conocimientos. Investiga las interfaces que sienten a gusto, descubre cómo las usan, cómo se comportan ante ellas.

Cuando te centras en el usuario, las posibilidades de que construyas una interfaz fácil de usar crecen exponencialmente.

Conclusión

Los principios mencionados en este artículo le ayudarán a lograr grandes resultados. Por supuesto, no son reglas estrictas, sin embargo, tienes que saber exactamente lo que estás haciendo para tratar de hacer algo en la dirección opuesta. De lo que no es así, esto puede resultar en que los usuarios insatisfechos abandonen a sus clientes sin dar satisfacción, dejándolos también insatisfechos.

El diseño centrado en el usuario requiere una sensibilidad precisa para que las decisiones favorezcan la intermediación óptima entre la interfaz gráfica y la persona, que es la parte más importante y para la que se diseñó la interfaz.

¿Y qué más le gustaría considerar como un principio importante para que un futuro Diseñador de interfaz de usuario sepa? Deja tu opinión ahí en los comentarios. Disfruta de este artículo también y comparte este artículo con tus amigos.

¡Hasta luego!

¡Abrazos!

Referencias

https://99designs.com.br/blog/tips/7-unbreakable-laws-of-user-interface-design/

https://www.caelum.com.br/apostila-ux-usabilidade-mobile-web/principios/

https://www.chiefofdesign.com.br/ui-design/

Imagenes

https://dribbble.com/shots/929894-Hamburger-Icon

https://play.google.com/store/apps/details?id=com.uselessbutton&hl=pt_BR

https://www.logicearth.com/blog/ux-design-for-elearning-10-tips

Ed Francisco

¡Hola! Se trata de Ed Francisco, Jefe de Diseño desde sus primeras líneas de contenido y códigos.

Hablando de código, creo que HTML es la tecnología web más notable que me ha permitido llegar a donde estoy, y también escribir estas líneas sobre mí para ti.

Soy Licenciado en Tecnología de Producción (aquí es donde llegué a conocer HTML) y Técnico en Producción Digital, Web y Multimedia (donde mejoré mis conocimientos de HTML).

Soy de São Paulo de la Zona Este. Me aventuré a tratar de desentrañar los misterios de la web desde 2008.