La guía definitiva para el diseño UX – Veeme Media Marketing

[ad_1]

Piensa en un sitio web o aplicación que te encanta. ¿Qué te gusta de eso? La facilidad de recopilar información relevante? ¿O cómo puedes comprar algo con un solo clic (y que se lo entreguen mañana)? ¿O qué tan rápido responde a sus preguntas?

Ahora piense en las personas que crearon ese sitio web. ¿Cuál era su objetivo?

Estaban tratando de crear un sitio que tuviera las características que a usted le encantan. Un sitio que es fácil de usar, brinda de manera efectiva la información que necesita y le permite tomar decisiones inteligentes adaptadas a sus desafíos o inquietudes.

UX, o la experiencia del usuario se centra en la experiencia general del usuario final, incluidas sus percepciones, emociones y respuestas al producto, sistema o servicio de una empresa. UX se define mediante criterios que incluyen: facilidad de uso, accesibilidad y conveniencia. El concepto de UX se menciona con mayor frecuencia en términos de tecnología, como teléfonos inteligentes, computadoras, software y sitios web. Esta es la razón por la cual UX no es solo un campo nuevo, sino que cambia rápidamente debido a avances tecnológicos, nuevos tipos de interacciones y preferencias del usuario.

No es ningún secreto que los clientes de hoy quieren formas rápidas y simples de satisfacer sus necesidades y resolver sus problemas. puntos de dolor. Es por eso que UX importa tanto.

Ya sea que esté o no en tecnología, la empresa de su propiedad o para la que más trabaja tiene un sitio web, ¿verdad? Bueno, los clientes podrían cancelarlo en cuestión de segundos si no encuentran que su sitio web es útil y fácil de usar. De hecho, la mayoría de los visitantes del sitio web determinan si desean o no abandonar en un minuto la apertura de una página.

Siga para aprender más sobre la importancia del campo emergente de UX, qué diseñadores están siendo contratados para hacer en una amplia gama de empresas hoy en día, y por qué cada tipo de negocio puede beneficiarse del diseño de UX.

¿Qué es el diseño de UX?

El diseño de UX, o el diseño de experiencia del usuario, es el proceso de aumentar el nivel de satisfacción con un producto o servicio al mejorar su funcionalidad, facilidad de uso y conveniencia. El diseño de UX se trata de crear productos, "que proporcionan experiencias significativas y relevantes para los usuarios". Dentro del diseño de UX, hay algunas categorías de estudio diferentes para comprender.

1. Interaction Design

Un subconjunto del diseño de UX es el diseño de interacción, o IxD. Se define como … sí, lo adivinó … la interacción entre un usuario y un producto, con el objetivo de que esa interacción sea una experiencia agradable para el usuario.

2. Diseño visual

En diseño visual, los creadores usan ilustraciones, fotografía, tipografía, espacio, diseños y colores para mejorar la experiencia del usuario. Tener un diseño visual exitoso, principios de diseño artístico que incluyen equilibrio, espacio y contraste son cruciales. El color, la forma, el tamaño y otros elementos también afectan el diseño visual.

3. User Research

La investigación de usuarios es el último elemento importante del diseño de UX. La investigación del usuario es la forma en que las empresas determinan qué quieren y necesitan sus clientes y usuarios. En esencia, su sitio web debería resolver un problema, por lo que este es un paso importante para determinar exactamente qué requieren sus usuarios. Sin él, tus diseños son simplemente conjeturas.

4. Arquitectura de la información

Los diseñadores utilizan la arquitectura de la información para estructurar y etiquetar el contenido de modo que los usuarios puedan encontrar información fácilmente. La arquitectura de información se usa en sitios web, teléfonos inteligentes, aplicaciones e incluso en los lugares físicos a los que vamos. La facilidad de uso y la capacidad de búsqueda son dos factores importantes de la arquitectura de la información, razón por la cual está tan estrechamente relacionada con el diseño UX. Piense en el mapa del metro de la ciudad de Nueva York. Este es un gran ejemplo de arquitectura de información que ayuda a las personas a entender cómo llegar de un lugar a otro. Según el Information Architecture Institute, "Si estás creando cosas para otros, estás practicando arquitectura de la información"

Fuente : NYC Subway Guide [194590004]

UX Design Processes

Normalmente hay que considerar tres etapas del proceso de diseño de UX: investigar su objetivo audiencia, entendiendo los objetivos de la empresa y cómo esos objetivos impactan al usuario, y aplicando ideas innovadoras para crear una experiencia agradable para el usuario final.

El diseño de UX adopta un enfoque de diseño centrado en el ser humano para crear cosas útiles para los usuarios durante las tres etapas. Se trata de considerar las necesidades de las personas para las que se está diseñando, crear una amplia gama de soluciones para resolver el problema que enfrentan, diseñar prototipos para que los usuarios los prueben y, finalmente, poner en marcha la mejor solución para el usuario . Si observa el problema desde la perspectiva del usuario y diseña con ellos en mente, creará las soluciones que desearán adoptar.

Principios de diseño UX

UX es un campo en constante cambio, pero el fundamental Los principios de diseño de UX siguen siendo los mismos. Los diseñadores también tienen que determinar lo que quieren en términos de equilibrio visual. Ser claro y conciso es crucial … ¡menos es más! Desea que su diseño sea intuitivo, y lo más importante, su diseño debe satisfacer las necesidades del usuario.

Si bien UX está definitivamente sujeto a las tendencias y la nueva tecnología, existen algunos principios básicos que siguen siendo los mismos. Estos ayudan a los diseñadores a analizar varios problemas diferentes a través de una metodología consistente y enfocada.

• Sea contextual: Desea que las personas sepan exactamente dónde se encuentran en su viaje de usuario. Nunca deberían sentirse perdidos o abrumados. Su diseño está ahí para guiarlos a lo largo de su viaje.
• Ser humano: A ningún usuario le gusta sentir que está interactuando con una máquina. Ganará la confianza del usuario final si le muestra la personalidad y accesibilidad de su marca.
• Se puede encontrar: Los usuarios no quieren perder tiempo. Con el diseño exitoso de UX, su trabajo será fácil de encontrar y navegar.
• Ser fácil: Ser consecuente y directo será de gran utilidad para los usuarios. Estableces relaciones con tus usuarios proporcionándoles experiencias placenteras y fáciles.
• Sé simple: Sin pelusas, tangentes o descripciones innecesarias. Llegar al punto. Seamos honestos aquí … estos días, todos tienen un lapso de atención corto.

Entregables de UX

Una vez que se completa un proyecto de UX, el diseñador y el equipo presentarán una lista de entregables para su revisión a un cliente o equipo interno. Necesitan mostrar su proceso y obtener la aceptación de sus ideas.

Los entregables de UX que son una parte crítica del proceso de diseño, son los registros tangibles del trabajo que se ha producido. Estos entregables ayudan a los diseñadores de UX a comunicar de manera efectiva sus ideas de diseño y hallazgos de investigación y dejan en claro a los interesados ​​por qué se hacen recomendaciones para cambios y mejoras.

1. User Research

Las necesidades, las tendencias y las motivaciones de los usuarios pueden determinarse a través de diferentes tipos de investigaciones de usuarios. Esto podría incluir datos cuantitativos y cualitativos de sesiones de prueba de usuario y grupos focales. Podría detallar los comentarios sobre los flujos de registro, el proceso de incorporación y las consultas de servicio al cliente. El objetivo es tener un análisis detallado de lo que funciona en el sitio y qué podría mejorarse, y tener todo esto respaldado por la información recopilada por los usuarios. Los investigadores pueden crear personas comprador basadas en datos reales de los usuarios para ayudarlos a determinar con precisión quién utilizará su dispositivo, sitio web o aplicación. A través de la investigación del usuario, los diseñadores entienden y empatizan con el usuario.

2. Evaluación de la competencia

Evaluar las fortalezas y debilidades de sus competidores es una forma de mejorar su propia estrategia de experiencia de usuario. Una buena forma de hacerlo es creando un informe de análisis competitivo que detalle el diseño de interacción de sus competidores y proporciona un análisis de dónde ve los riesgos y las oportunidades perdidas, cosas que su empresa puede aprovechar.

3. Interaction Design

Un diseño de interacción entregable podría venir en la forma de un prototipo para que las personas puedan revisar cómo se producirían las interacciones con el sitio, mostrando cómo las personas completarían tareas clave, obtendrían información, usarían un producto, el flujo de encontrar información y cuán fácil es usar el producto. Desea que su prototipo sea lo más similar posible al producto final, de modo que pueda cerrar la sesión en el diseño antes de comenzar a construirlo.

4. Arquitectura de información

IA es el proceso de tomar información y organizarla de una manera que sea fácil de entender. Para sitios web grandes, esto es especialmente importante, ya que necesita comprender qué contenido existe y cómo organizarlo de manera que tenga sentido para sus visitantes. El resultado final puede ser un inventario de contenido, un mapa del sitio con navegación sugerida o flujos de muestra de usuarios que revelan cómo se mueven los visitantes por un sitio.

Fuente: Adobe Blog

¿Qué es el diseño de interfaz de usuario?

¿Recuerda cuando Apple reveló su rueda de clic para el iPod? Cuando se presentó, la función era intuitiva y muy funcional, por no mencionar la apariencia genial. Este es un gran ejemplo de interfaz de usuario exitosa o UI. UI se refiere a las formas en que las personas interactúan con computadoras, máquinas, sitios web, aplicaciones, dispositivos portátiles y otros programas o dispositivos. El diseño de la interfaz de usuario es el proceso de hacer que estas cosas sean tan fáciles de usar y eficientes como sea posible.

Elementos comunes de interfaz de usuario

Aunque UX y UI tienen definiciones similares, es importante tener en cuenta las diferencias clave que separan los dos temas. De nuevo, UI se enfoca en las apariencias y superficies de un producto, mientras que UX está más preocupado por cómo las personas interactúan con un sitio. A continuación, se detallan algunos términos comunes de UI que debe conocer para comprender mejor cómo se diferencian los dos:

• Componentes informativos: Los diseñadores de interfaces de usuario usan componentes informativos para mejorar la experiencia de lectura u ofrecer más información. Ejemplos de componentes informativos son barras de progreso, notificaciones y cuadros de mensaje. Los diseñadores usan esto cuando quieren dejar en claro al usuario que han completado una tarea, o si desean notificar al usuario que es necesaria una acción de su parte.
• Navegación por el pan ralizador: Este es un diseño herramienta utilizada a menudo por los diseñadores de UI para aumentar visualmente la usabilidad de un sitio web. Permite a los usuarios ver su ubicación en un sitio en una estructura jerárquica . No es necesario que tenga características visuales especiales o un diseño excesivo: debe indicar claramente dónde se encuentra una persona en un sitio. Puede haber notado estos enlaces en la parte superior de una página web mientras realiza compras en línea o en otro sitio.
• Controles de entrada: Los controles de entrada brindan a los individuos múltiples opciones en respuesta a una pregunta que está haciendo. Estas son cosas como casillas de verificación, listas desplegables y alterna. Mantenga la información que está solicitando en sus controles de entrada simple y al punto para que sea fácil encontrar lo que el usuario necesita.

Fuente: UX Planet [19659009] User Experience Research

Sin investigación, todo esto se centra en lo que el usuario necesita y desea sería imposible. La investigación de UX es la investigación de los usuarios y lo que necesitan que informa el proceso de diseño de UX. Las empresas y los diseñadores utilizan esta investigación para llegar a conclusiones específicas sobre lo que funciona para los usuarios y lo que se debe cambiar. Hay varias formas en que las empresas y los diseñadores realizan investigaciones UX.

Usability Testing

Las pruebas de usabilidad evalúan el éxito de un producto al probarlo en usuarios reales. Le da a las empresas información real sobre cómo las personas están utilizando un producto o sistema y cómo ese producto o sistema funciona para ese usuario. Hay dos métodos de prueba principales.

La prueba de usabilidad de Hallway es una forma rápida y económica para que las empresas y los investigadores obtengan información de usuarios que pueden desconocer su empresa o sus productos. Las personas aleatorias usan los productos y brindan retroalimentación sobre su experiencia.

La prueba de usabilidad remota permite a las empresas realizar investigaciones con los usuarios en su entorno natural (como en su hogar u oficina). Estas pruebas se pueden moderar de la manera que la compañía elija.

Herramientas de prueba de usabilidad

Las herramientas de prueba de usabilidad permiten a los investigadores y diseñadores recopilar comentarios precisos de los usuarios y luego analizar esos comentarios para realizar cambios basados ​​en datos. Si está buscando una herramienta que pueda ayudarlo a evaluar cuán fácil de usar es su sitio o producto, consulte estas opciones:

• Crazy Egg : esta herramienta permite a las empresas ver exactamente qué hacen los usuarios. mientras está en su sitio web. Crazy Egg también registra exactamente de dónde provienen los visitantes del sitio, incluida la ubicación geográfica, y si fueron remitidos desde otro sitio.
• Hotjar : esta herramienta combina análisis y comentarios para ofrecer una visión general sobre las formas de mejorar la experiencia del usuario. Lo hacen a través del uso de mapas de calor, tasas de visitantes, embudos de conversión y más.

Para ver más herramientas de prueba de usabilidad, consulte esta publicación .

Cómo mejorar el usuario Experiencia

A través de la investigación y las pruebas mencionadas anteriormente, las experiencias del usuario siempre se pueden mejorar. Algunas de las formas más comunes de mejorar la experiencia del usuario incluyen: Adoptar un enfoque consultivo para mejorar la experiencia, determinar los llamados a la acción, implementar un diseño web receptivo, tener en cuenta la Ley de Fitt (más sobre este tema), evitar abrumadora entrada de datos, y más.

Usando la ley de Fitt para mejorar UX

La ley de Fitt es un modelo predictivo que determina la cantidad de tiempo que demora un usuario específico para mover su mouse o cursor a un área objetivo en un sitio web . Existen múltiples versiones de la ley de Fitt pero todas giran en torno a la idea general de que, "El tiempo requerido para moverse a un objetivo depende de la distancia a él, sin embargo se relaciona inversamente con su tamaño". Fitt La ley es ampliamente utilizada en el diseño UX para mejorar la ergonomía además de la usabilidad para los usuarios.

Aquí hay un ejemplo de esto en el trabajo: ¿Has visto la nueva barra táctil en la MacBook Pro de Apple? Esta es una pantalla táctil sobre el teclado que acelera la experiencia del usuario al usar Google, marcar una página, cambiar el brillo de la pantalla, el volumen y más. Las opciones de la barra táctil cambian dependiendo de la página que esté explorando mientras está en su computadora portátil, ya sea una aplicación, un sitio que está visitando o incluso su configuración personal.

Con la barra táctil, la experiencia del usuario se simplifica porque muchos los ajustes comúnmente usados ​​están en una ubicación compacta. La ley de Fitt establece que cuanto más lejos y más pequeño es un objeto o botón para un usuario, más difícil es para ese usuario hacer clic en él. Es por eso que Touch Bar es un gran ejemplo de tomar la Ley de Fitt y aplicarla con éxito a su dispositivo para mejorar la experiencia del usuario.

UX Design Tools

Ya sea que esté investigando, creando prototipos, wireframing, storyboard o creando gráficos, hay varias herramientas UX disponibles para ayudarlo durante el proceso de diseño. De hecho, hay tantas herramientas en el mercado, algunas gratuitas y otras que requieren una tarifa de suscripción, que pueden ser abrumadoras para los diseñadores que no están seguros de qué es exactamente lo que necesitan. Para comenzar, aquí hay una lista de algunas herramientas populares y valiosas para usar en su trabajo de diseño de UX:

1. Adobe Fireworks

Adobe Fireworks CS6 ofrece a los diseñadores web una forma de crear gráficos para sus páginas web sin entrar en el código ni en los detalles del diseño. Hay algunas razones por las que los diseñadores de UX usan Adobe Fireworks: la herramienta tiene una precisión de píxeles impresionante, tiene capacidades de compresión de imágenes (JPEG, GIF, etc.), permite a los usuarios crear sitios web funcionales y construir vectores. Esta es una gran opción, especialmente si ya está familiarizado con otros programas en Creative Cloud.

2. Adobe XD

Con Adobe XD, puede diseñar sitios web y aplicaciones móviles, así como crear prototipos, wireframes y diseños vectoriales. Los usuarios pueden compartir prototipos interactivos en múltiples plataformas, incluyendo Windows, Mac, iOS y Android, por lo que es perfecto para la colaboración en equipo.

3. Axure

Axure RP Pro es otra gran herramienta de diseño de UX, también gratuita. Axure tiene varias capacidades que incluyen wireframing, prototyping y documentación. Incluso puede ayudarlo a crear flujos de usuarios y mapas de sitio. Axure es perfecto para crear aplicaciones web y de escritorio, y brinda a los usuarios la posibilidad de exportar fácilmente a PDF o HTML para su revisión.

4. Adobe Illustrator y una alternativa gratuita

Si busca una alternativa asequible al software de Adobe, como Adobe Illustrator (que se usa principalmente para crear gráficos vectoriales), lo tenemos. Inkscape es conocido por hacer la mayoría de lo que hace Illustrator, pero de forma gratuita. Este software es de código abierto y se puede usar para crear gráficos vectoriales impresionantes. El único problema con el que podría encontrarse es el retraso, ya que algunos usuarios informaron que el programa es lento. Si eres parcial con Illustrator, también está bien.

5. Sketch

Sketch es un software de extremo a extremo con características específicas, incluida la edición no destructiva (es decir, Sketch no cambiará los píxeles de la fotografía con la que está trabajando), exportación de código, precisión de píxeles, creación de prototipos, edición de vectores, y más. Con Sketch, puede reutilizar y actualizar sus diseños fácilmente.

6. Software Storyboard

Es posible que se pregunte por qué necesitaría guiones gráficos en el diseño de UX. Es una excelente manera de predecir y revisar visualmente la forma en que un usuario interactuaría y experimentaría un producto en un contexto más amplio. Hay varias herramientas de guiones gráficos disponibles, con diferentes niveles de características y complejidad.

Storyboarder es una opción de software de guión gráfico gratuito, que tiene funciones básicas diseñadas para diseñadores de todos los niveles. Este software permite a los usuarios crear rápidamente dibujos y figuras para trazar una trama o una idea.

Otra opción de software para guiones gráficos es Toon Boom Storyboard Pro . Combina dibujo, animación, controles de cámara y muchas otras características, todo por una tarifa anual o mensual. Tiene una gama más amplia de características para una narración más compleja y un trabajo de preparación detallado. Ambas opciones son excelentes para los diseñadores que buscan contar una historia a través del diseño de interfaz.

Cómo convertirse en un diseñador de UX

Si te encanta diseñar, investigar, trabajar con otras personas en un entorno de ritmo acelerado y escuchar a los demás 'experiencias, entonces es posible que desee considerar una carrera en diseño UX. En esta carrera, se concentraría en los aspectos conceptuales del diseño y crearía mejores experiencias para los usuarios.

Para convertirse en diseñador de UX, debe seguir algunos pasos necesarios. Hay muchos cursos de educación superior disponibles en todo el mundo, aunque por lo general requieren un plan de estudios de cuatro años de pregrado como requisito previo. Sin embargo, algunos programas permiten una mayor flexibilidad, como el Programa de Posgrado de la Universidad de Quinnipiac en Diseño de Experiencia del Usuario en línea . También hay programas de certificación UX para profesionales. Estos varían en la duración del compromiso y el nivel de experiencia al recibir el certificado.

Una vez que esté listo para comenzar a solicitar el trabajo de UX de sus sueños, necesitará un currículum destacado y una cartera llamativa. Puede usar un sitio como Dribbble o Behance para mostrar su trabajo, o puede crear su propio sitio usando una herramienta de creación de sitios web como SquareSpace .

Al crear su sitio de cartera, tenga en cuenta estos consejos:

Haz que resulte visualmente impactante.

La presentación es todo. Tu trabajo debe hablar por sí mismo … ¡no lo digas! Su elección en color, tipografía y diseño juegan un papel aquí.

Incluya una página "sobre".

Los gerentes de contratación y los reclutadores quieren conocerlo, cómo piensa sobre el diseño, qué lo inspira, y Qué lo hace único. ¿Por qué deberían contratarte? ¿Qué valor puede agregar a su nueva compañía y equipo potenciales?

Tenga una navegación y enlaces claros a través del sitio de su cartera.

¿Puede imaginarse que el director de recursos humanos de su empresa soñada tiene dificultades para navegar en el sitio de cartera de una experiencia de usuario? ¿diseñador? Torpe. En su barra de navegación, incluya opciones tales como: "portfolio", "about", "contact" y "resume" para evitar confusiones.

Explique su proceso personal de UX.

Su futuro empleador quiere saber cómo Crees. Incluya información que le permita al gerente de contratación su UX investigar, intercambiar ideas, enmarcar, diseñar y crear prototipos procesos.

Crear carteras adicionales para expandir su red.

Use otras herramientas para hacer su trabajo disponible en sitios donde los diseñadores y aquellos que buscan contratar diseñadores pasan su tiempo. Behance y Dribble son ​​sitios de gran cartera para personas que buscan inspiración, redes y nuevas oportunidades de carrera.

Conclusión

Si eres diseñador gráfico, blogger o desarrollador , o alguien en un campo completamente diferente, el diseño de UX puede ayudarlo a usted y a su empresa a crecer. Un usuario final feliz es la clave del éxito, y sin un diseño de UX bien diseñado, esto sería imposible de lograr.

A medida que la tecnología se vuelve más omnipresente en nuestras vidas, el diseño de UX exitoso continuará creando transiciones sin interrupciones entre individuos y sus dispositivos y aplicaciones. El diseño de UX nunca ha sido más importante, por lo que es un momento emocionante para unirse al campo y considerar los beneficios para su propio negocio.

[ad_2]

Source link