Los elementos de UX y UI visualizados

Introducción

Como Diseñadores de productos digitales, siempre buscamos mejoras en el flujo de trabajo y nuevas formas innovadoras para superar el resumen. Sin embargo, a medida que el universo UX & UI se expande, es casi imposible considerar todas las herramientas, entradas, salidas y métodos para maximizar la estética y la funcionalidad. Perder un elemento que afecte negativamente el diseño del producto es un riesgo muy real. Con esto en mente, emprendimos la monumental tarea de crear una visualización de datos de círculo concéntrico que puede colgar en la pared de su agencia. Uno que puede ser una opción al considerar nuevos enfoques para sus clientes.

Visualización de datos de círculo concéntrico

Un complemento de 15 segundos sobre por qué elegimos el elemento infográfico que hicimos ... La infografía del círculo concéntrico admite la visualización de categorías o canales de información conectada. Lo seleccionamos porque podíamos visualizar las herramientas completas de UX y UI de espectro. Permitir que los ojos de los espectadores se muevan desde el centro y sigan un silo de temas hacia afuera a medida que se vuelve más granular.

Descargar A0 Poster

Si desea descargar el póster A0 para imprimir y colgar en la pared de su estudio, puede descargarlo gratis aquí.

En resumen

El diagrama se divide en varias categorías de nivel superior. Estos presentan un punto de partida para que los diseñadores lo consideren antes de emprender un nuevo diseño de producto. Resumamos cada uno de estos para resaltar cómo navegamos por la rueda de UI y UX para derivar el enfoque, definir un flujo de trabajo y un conjunto de herramientas.

Herramientas

UX & UI Tools corta el pastel presentando las herramientas digitales que los diseñadores pueden llamar para apoyar el proceso. Desde la estructuración electrónica hasta la maqueta de alta fidelidad a través de la creación de demostraciones. Hay una herramienta para adaptarse al trabajo y las preferencias personales de cada diseñador.

Botones de acción

Los patrones de UX y UI han solidificado un conjunto común de controles reconocibles, ya sea un icono de agregar al carrito u otros controles de UI. Tener estos patrones clave al frente y al centro admitirá una mejor usabilidad durante su proceso de diseño.

Dispositivo de entrada

Nuevos dispositivos de entrada están en el centro de atención constantemente. Por ejemplo, las nuevas gafas de realidad virtual tienen un botón para controlar las interacciones que proporcionan nuevos desafíos para los diseñadores de productos. En esta sección del pastel, enumeramos los dispositivos de entrada que lo ayudan a hacer una lluvia de ideas sobre cómo la capacidad del dispositivo puede sintetizarse con su producto.

Dispositivo de salida

Los dispositivos de salida son otra consideración de diseño de UI y UX que está en constante evolución. Dependiendo de su medio, ya sea TV, PC, teléfono inteligente o uno de los muchos otros medios como dispositivos portátiles o gafas, debe priorizar el diseño de su producto de acuerdo con la tasa de adopción de un medio específico de sus usuarios objetivo.

Controles de usuario

Diferentes controles de aplicaciones estándar y personalizados que forman la mayoría de las posibles interacciones que los usuarios están acostumbrados a usar. Como menús desplegables a través de interacciones móviles personalizadas como Snapchat tiene en juego.

Diseño visual

El diseño visual son los métodos de nivel superior de imágenes de comunicación, fuentes, color ... que forman la base de su diseño.

Colaboración

Métodos para trabajar juntos desde una perspectiva de pensamiento de diseño para diseñar mejores UX y UI.

Dibujar

Aquí, de un vistazo, tenemos las herramientas de esbozo y enmarcado que todos amamos para iterar rápidamente sobre diferentes ideas al diseñar un producto digital.

Mapeo del sitio

Es el modelo de la planificación de UX y hay varias formas que toma dependiendo de la vista que desea comunicar a su equipo y a las partes interesadas.

Satisfacción del usuario y pruebas de usuario

El nuevo punto de referencia en servicios de UX y UI es llevar a cabo rigurosas pruebas de productos. Aunque las pruebas de usuario no son un concepto nuevo, su perfil se ha reforzado a un nivel de prominencia impulsado en algunos aspectos por las prácticas ágiles y lean que hacen que los comentarios de los usuarios sean un factor central. En nuestro diagrama, cubrimos una gran cantidad de soluciones de prueba de usuario para respaldar su flujo de trabajo.

Prototipos

La creación de prototipos se está convirtiendo rápidamente en un área de innovación en expansión. Productos como Adobe Experience Design, Invision y UX Pin están experimentando un gran crecimiento por una buena razón. Son muy útiles para los diseñadores de productos. Le proporciona comentarios de precodificación que presentan una oportunidad para recopilar información valiosa mediante el desarrollo de diseños de productos en una capacidad interactiva antes de escribir una sola línea de código.

Contenido

Es el rey de todos los proyectos de diseño. El contenido viene en una gran cantidad de formas y tener diferentes tipos de contenido al frente y al centro puede servir como un disparador para la ideación de posibles opciones de comunicación e interacción.

Análisis de datos

Si el contenido es el rey, entonces la analítica es su fiel consejo privado. Proporciona información para alterar el contenido y el diseño para alcanzar nuevas metas y obtener información sobre las vías para la mejora continua.

Conclusión

Esperamos que nuestra infografía UX & UI presente vías de inspiración para su próximo proyecto de diseño de producto. Considéralo un regalo de Bankai para tu estudio. Por favor envíenos cualquier comentario. Siempre buscamos mejorar y beneficiarnos de la comunidad.