DISEÑO UX/ UI

DISEÑO UX/ UI

1. ¿QUÉ ES EL DISEÑO UX?

   • Es una abreviación para User Experience Design, lo cual significa en español, al diseño de la experiencia de usuario
   • Va orientado a la percepción de este respecto a su visita a la página web, y no el cómo luce o se encuentra diseñada dicha página. Los conceptos básicos para el desarrollo exitoso de este tipo de diseño son: expectativa, necesidad y deseos.
   • FUNDAMENTOS
     • USABILIDAD Se refiere a la facilidad que se le brinda al usuario para usar satisfactoriamente la página web. Consta de: - Aprendizaje: la capacidad de completar las directrices básicas de la página. - Eficiencia: qué tan pronto se pueden desarrollar dichas tareas. - Memorabilidad: si no es de uso constante, se refiere al tiempo que toma volver a usar la página rápido y eficientemente. - Errores: cantidad, gravedad y posibilidad de recuperación de errores que puede cometer el usuario. - Satisfacción: si la interfaz es de gusto o agradable para sus usuarios.
     • ACCESIBILIDAD Se refiere a la interacción de la persona con la interfaz. Consta de: - Contexto de uso: ¿Por qué? ¿Para qué? - Aptitudes del usuario: se realizan adaptaciones para un público que presente alguna discapacidad, o del lenguaje, para usuarios de zonas geográficas distintas.
   • METODOLOGÍA
     • 1. INVESTIGACIÓN Y ANÁLISIS (RESEARCH) - Comprensión de las necesidades: se realizan entrevistas, se identifican las necesidades de los usuarios, se definen los objetivos y se comprenden los objetivos. - Personas: se crean perfiles en donde destacan cada uno de los aspectos negativos y positivos. - Caso de uso: se interpretan las características de cada persona y en ese caso, también plantea ciertas soluciones ante cualquier problema. - Mapa de experiencia: se rastrea la visita del cliente y se toma en cuenta su recorrido dentro de la interfaz. También responde a preguntas cómo: ¿cuál es el motivo de búsqueda/ uso de la página? ¿por qué terminó el enlace? ¿fue satisfactoria o no la búsqueda?
     • 2. CREACIÓN Y LLUVIA DE IDEAS (BRAINSTORMING) - Flujo de usuarios: se diagrama el tipo de visita del usuario para comprender el objetivo de la visita. - Wireframe: hace referencia al diseño de la página para mejorar la experiencia, adaptada al tipo de búsqueda del usuario.
   • DISEÑADOR UX
     • 1. Debe contar con capacitación en diversos tópicos como: psicología, deporte, geografía, grupos sociales, comportamientos y culturas. 2. Tener experiencia en el campo del que va a trabajar. 3. No realiza trabajos basados en generalidades, debido a que debe ser capaz de conectar con el usuario y que este no sea un número más. 4. Debe poseer capacidades analíticas y empatía. 5. Interés por investigar (UX Researcher) 6. Evalúa la usabilidad (UX Tester) 7. Determina el mejor modo de distribuir la información (information architect)

2. ¿QUÉ ES EL DISEÑO UI?

   • Del inglés User Interfase, que significa interfaz de usuario.
   • Es la guía que aporta el diseñador de la página de web para el usuario mientras que se encuentra en uso de la misma. Se enfoca en la accesibilidad del usuario para obtener de manera mucho más efectiva la información / producto/ experiencia.
   • FUNDAMENTOS
     • 1. CLARIDAD: los elementos como equilibrio visual, color, contraste, escala, tamaño de los elementos, alineación y tipografía, deben estar muy bien distribuidos para enfocar la información de forma correcta.
     • 2. EFICACIA: dependerá del punto anterior, debido a que de esa manera la información que reciba el usuario será exitosa.
     • 3. CONFIANZA: el usuario decidirá volver a visitar la interfaz si se sintió cómodo durante el tiempo de visita.
   • METODOLOGÍA
     • 3. IMPLEMENTACIÓN (PUESTA EN MARCHA) - Prototipos: se representan física o interactivamente las ideas concebidas en la brainstorming. - Front- end y Back. end: se aprueba el diseño final, los desarrolladores de la página se encargan de "construir" todo el proyecto.
     • 4. REPORTING (SEGUIMIENTO) - Usability reporting: es el paso de pruebas, donde usuarios reales utilizan el programa para aportar opiniones constructivas del mismo. - Split testing: se desarrollan varias versiones del programa para tener comparaciones de opiniones de un mismo producto. - Analitycs reporting: se toman en cuenta los datos estadísticos, es decir, número de visitas, por cuánto tiempo, efecto rebote, etc.
   • DISEÑADOR UI
     • 1. Es un estratega que crea las rutas o guías que debe seguir el usuario dentro de la interfaz (content estrategist) 2. Presenta cada interfaz con la que el usuario va a interactuar (Interaction designer). 3. Crea la interfaz final (UI from end developer). 4. Concibe las respuestas o reacciones instantáneas (UI Motion). 5. Piensa en íconos, tipografías, colores, botones, imágenes, etc. 6. Guía al usuario visualmente. 7. se asegura que sea congruente el diseño con la marca.

3. DIFERENCIA DEL UX/ UI

   • DISEÑO UX 1. Identifica y resuelve problemas de los usuarios. 2. En cuestión de planificación y elaboración se produce primero. 3. Traza los esquemas básicos del viaje del usuario. 4. Se aplica a cualquier tipo de producto, servicio o experiencia. 
   • DISEÑO UI 1. Crea interfaces interactivas e intuitivas para el usuario. 2. Procede al diseño de experiencia. 3. completa el esquema con elementos visuales e interactivos. 4. Es específica para el área digital.

4. IMPORTANCIA

   • El UX es un tipo de diseño modificable, normalmente al ser la fase planificativa tiende a ser mucho más manejable la experimentación de la página y constantemente se encuentra cambiando para mejorar la calidad para el usuario. Entre ambos pueden crear y optimizar los productos, tanto física como digitalmente para llevarlo al conocimiento del usuario, atendiendo principalmente a sus necesidades. La actualidad de la era digital abre un mercado laboral y educativo para este tipo de diseñadores.