Este proyecto fue creado para una presentación, la mejor manera de verlo es desde una compu!

ux-ui design summer tech talk

ux-ui design summer tech talk

ux-ui design summer tech talk

ux-ui design summer tech talk

ux-ui design summer tech talk

ux-ui design summer tech talk

ux-ui design summer tech talk

ux-ui design summer tech talk

ux-ui design summer tech talk

ux-ui design summer tech talk

ux-ui design summer tech talk

ux-ui design summer tech talk

ux-ui design summer tech talk

ux-ui design summer tech talk

ux-ui design summer tech talk

ux-ui design summer tech talk

ux/ui

ux/ui

design.

Introducción
Criterios básicos
-Enfoque UX dsg.
-Rol UX designer

01

Tiempo est. 10'
User centered
-Metodología
-Concepto UCD

02

Tiempo est. 10'
Etapas UX
-Investigación
-Organización
-Prototipado
-Pruebas
-Diseño

03

Tiempo est. 20'
Técnicas UX
-Test A/B
-Card Sorting
-Mapa de Empatía
-Customer Journey
-Otras

04

Tiempo est. 20'

Intro.

El objetivo de esta guía es ofrecer una mirada integradora a diferentes conceptos, como el diseño centrado en el usuario, la usabilidad, el design thinking, la arquitectura de información, el diseño de interacción, etc. Todas estas metodologías o técnicas usadas durante las diferentes etapas en el diseño de User Experience (UX).
definir
comprender
decidir
idear
validar
prototipar
El diseño de Experiencia de Usuario básicamente amplía los conceptos mencionados hacia la búsqueda de una relación armoniosa entre las personas y la tecnología. Del resultado de esta relación nace un conjunto de sensaciones emocionales y valoraciones al producto el cual se pueden medir y mejorar.
En productos digitales que cumplen un fin muchas veces rentable, es necesario incluir los propósitos del negocio a la par con las necesidades y expectativas de los usuarios, inclusive con mayor relevancia que la tecnología a ser empleada, poniendo esta última después de la conceptualización.

Criterios básicos

Hay dos formas de enfocar las etapas de desarrollo de un producto digital: LINEAL e INTERATIVA.
La forma LINEAL consiste en pasar secuencialmente por las cuatro etapas, mientras que en el enfoque ITERATIVO se van haciendo repeticiones del propio ciclo hasta lograr el producto deseado

Enfoques de las etapas de creación de productos digitales

R
requerimientos
D
diseño
I
implementación
P
prueba
R
D
I
P
lineal
R
D
I
P
iterativo
La decisión de utilizar uno u otro enfoque está condicionado por diversos factores, definidos por las necesidades del proyecto, el presupuesto o el tipo de producto a desarrollar.
El ROL del UX/UI Designer dentro del diseño de un producto digital puede ser visto como un proceso comunicativo, inspirado en el modelo de comunicación de Shannon-Weaver.
Es decir, el diseñador se convierte en un mediador entre:

1

LAS NECESIDADES COMUNICATIVAS
establecidas por la persona que solicita o encarga el producto (Stakeholder / Product Manager)

2

LAS NECESIDADES INFORMATIVAS
y funcionales de las personas que van a usar el producto (Usuarios)
De este modo, la función del diseñador es precisamente lograr un equilibrio en este proceso comunicativo entre EMISORES (Stakeholder / Product Manager) y RECEPTORES (usuarios).

Rol del UX Designer dentro del proceso de creación

Rol del UX Designer como mediador entre Stakeholder y Usuarios

Las diferentes metodologías de creación de un producto no son rígidas. En el caso de la creación de un producto digital, las etapas de diseño están condicionadas por los tres elementos descritos por Morville (2004), que señalan que todo proyecto es relativo a los usuarios, contexto y contenidos específicos en cada caso.

Gráfico de los tres círculos de Morville (2004)

contenido
contexto
usuarios
Este enfoque refuerza una frase que actualmente se ha convertido en un lema para todos los que se desempeñan como diseñadores de experiencia de usuario: “Depende”. En el diseño de software / productos digitales no existe nada absoluto, las decisiones de diseño más acertadas varían en función del contexto, los contenidos y los usuarios. Es por eso que resulta difícil definir pautas o metodologías rígidas para su realización, y se hace imprescindible que los diseñadores afronten de forma flexible cada proyecto concreto

Metodología UCD

El diseño centrado en el usuario (UCD) es un metodología iterativa en la que los UXers se centran en los usuarios y sus necesidades en cada fase del desarrollo de producto. En UCD, los equipos de UX involucran a los usuarios durante todo el proceso de diseño a través de una variedad de técnicas de investigación, desarrollo y testeos para crear productos altamente utilizables y accesibles para ellos.

Fases del UCD (User Centered Design)

El concepto de UCD se utilizó como marco de trabajo, investigación y desarrollo de principios del diseño de interfaces de usuario. Era el momento de observar cómo la gente usaba los sistemas y creaba sus propios modelos mentales a partir de los procesos de interacción. Tres fueron los términos que debían ser valorados para entender estos procesos:
EL MODELO CONCEPTUAL:
Ofrecido por el diseñador del sistema o interface
INTERFACE:
La imagen que el sistema presenta al usuario
EL MODELO MENTAL:
Desarrollado por el usuario a partir de la imagen (interface)
Como señala Norman (1983b), la imagen del sistema o interface guía al usuario en la adquisición y construcción de un modelo mental ajustado al modelo conceptual creado por el diseñador.
De este modo, el enfoque del UCD busca asegurar la consecución de un producto con la funcionalidad adecuada para usuarios concretos. El objetivo de esta filosofía es ofrecer respuesta a preguntas como ¿quién usará este sistema?, ¿qué es lo que va a hacer con él? ó
¿qué información necesitará para alcanzar sus objetivos?

Etapas de UX dsg.

Las etapas del desarrollo UX son básicamente 5, pero por su carácter repetitivo, dependiendo del momento de madurez en el que estemos, se aplicará más esfuerzo y tiempo a unas u otras fases. Es decir, que estas partes del proceso son variables y dentro de cada una de estas fases los pasos son también variables y adaptables a cada proyecto.

Etapas de desarrollo UX

Research
Organización
Prototipado
Testeo
UI
Durante esta etapa se trata de obtener la mayor cantidad de información posible y necesaria para el proyecto a realizar, tanto acerca del cliente como de los usuarios. El correcto balance entre demandas y necesidades de unos y otros es lo que lleva al éxito el producto a crear. Las actividades que se realizan en esta etapa son:
Definir escenarios
Estudio del contexto
Estudio de Contenidos
Estudio de usuarios
Definir perfiles de usuarios
Definir los objetivos de los emisores con el producto
Definir las necesidades generales del proyecto.
Caracterizar a los usuarios. (tipología, roles, etc.)
mucho mas...
Etapa cuando el UX Designer usa tanto criterios científico-técnicos como culturales para organizar toda la información obtenida durante la etapa anterior. Las actividades que se realizan en esta etapa son:
Representar todas las estructuras posibles de los contenidos, en correspondencia a las necesidades de usuarios, propósitos del negocio y contexto de uso.
Hacer corresponder las estructuras planteadas a las necesidades tanto de emisores (clientes) como de receptores (usuarios).
Definir todos los flujos funcionales que tendrá el producto digital, correspondiendo con los flujos reales de los usuarios en su contexto.
Los artefactos generados durante esta etapa serían: Mapa de Arquitectura, Mapas de navegación y Flowcharts
Es la etapa en la que se plasman los resultados de la etapa anterior, ahora con todos los requerimientos técnicos con el fin de que sean comprendidos por usuarios, cliente y el resto del equipo de trabajo. Las actividades que se realizan en esta etapa son:
Definir las pantallas del producto (diagramas de presentación o prototipos en baja)
Definir los servicios y funcionalidades que tendrá el producto.
Definir las etiquetas del producto (labeling).
Crear prototipos de alto nivel, funcionales y simulando la interactividad de las tareas a ser testeadas.
Los artefactos generados durante esta etapa serían: Diagramas digitales y wireframes que son prototipos de alta documentados, guías de usabilidad
Es la etapa en la que se comprueban las propuestas en prototipos de alta. Las pruebas se realizan a usuarios finales con el objetivo de saber si se han logrado los requerimientos planteados en la etapa previa. El objetivo de hacer pruebas con usuarios es saber si están resueltas las necesidades identificadas. Las actividades que se realizan en esta etapa son:
Pruebas de prototipos.
Revisión de diagramas.
Comprobación de robustez en el etiquetado.
Comprensión de los servicios diseñados por parte de los usuarios.
Los artefactos generados durante esta etapa serían: Informes evaluativos, reportes de test de usabilidad con tiempos por tarea
Esta es la última fase del proceso de diseño UX y es la fase en la que el diseño finalmente se materializa y donde entra la marca y lo gráfico con todas sus fuerzas. Aquí llegamos habiendo validado nuestras conclusiones obtenidas en la fase de investigación, con una estructura clara a nivel conceptual y con todos los elementos y funcionalidades bien definidos y flujos de navegación y respuesta a necesidades ya testada.
Las actividades que se realizan en esta etapa son:
Diseño gráfico de cada pantalla del producto digital
Elaboración de una Guía de diseño de interacción.
Los artefactos generados durante esta etapa serían: Archivos de diseño gráfico, Guía de diseño de interacción y manual de estilos

Técnicas de UX

(Algunas)
Las técnicas no están obligatoriamente relacionadas con las actividades ni las etapas, por lo que pueden usarse en cualquier momento del proyecto. Todo depende de lo que se quiera obtener con la técnica. Hay técnicas que tienen mayor uso durante alguna etapa o actividad, pero no por ellos están restringidas a éstas. Como dato curioso, se pueden mezclar técnicas entre sí para lograr algún objetivo específico. Por ejemplo: Aplicar un card sorting a expertos, o realizar una tormenta de ideas dentro de un Diseño Participativo.

Técnicas de UX Design

Test A/B

Esta técnica permite construir diferentes versiones de una página y se lo mostrará a diferentes usuarios, así se visualizará cuál de las páginas permite una mejor interacción y hacer las mejoras que correspondan.

Card Sorting

El card sorting es una técnica que sirve para organizar la estructura y el etiquetado de los contenidos de un producto digital, teniendo en cuenta al usuario y su experiencia

Mapa de Empatía

Esta técnica se basa en la empatía y sirve para entender mejor al usuario o público objetivo. Se trata de ponernos en el lugar del mismo para tener un conocimiento más profundo sobre él, su personalidad, su entorno, su visión del mundo y sus necesidades y deseos

Customer Journey

Se trata de una técnica de Design Thinking que permite plasmar en un mapa cada una de las etapas, interacciones, canales y elementos por los que atraviesa un usuario durante todo el ciclo de compra

User Persona

Un user persona o buyer persona es la representación semi-ficticia de un usuario ideal basada en estudios del mercado potencial y de lo que ya sabemos sobre nuestros usuarios existentes. En términos generales: es nuestro público objetivo

Conclusión

UX es lo qué te hace sentir una marca o producto al momento de interactuar con él, mientras que UI es una capa visual de colores, texturas, formas y elementos.
Por eso, UX no es lo mismo que UI. Detrás de un producto o aplicación increíble hubo un trabajo previo de investigación, diseño, testeo y una correcta estrategia que se tradujo en una interfaz atractiva. UI no es, ni nunca será por sí sola una solución.