D I S E Ñ O D I G I TA L

CLASE 03
CONTINUACIÓN..

T E M A S PA R A H O Y:

FUNDAMENTOS BÁSICOS
D E L D I S E Ñ O

1. Qué es el diseño?
2. Qué es el Diseño digital?
3. Qué es UX/UI?
4. Backend y Frontend
5. Rol del Mercadólogo, Diseñador y Programador
HAGAMOS UN RECAP

Hablamos de Diseño

1 2 DISEÑO SE
CENTRA EN
EL
3 UN
DISEÑADOR
PIENSA, ANALIZA
4 FORMA
EL PROBLEMA Y VS
RESOLVER UN FUNCIÓN
ENCUENTRA UNA
PROBLEMA SOLUCIÓN

Un diseño es el resultado final de un proceso, cuyo objetivo es buscar una solución idónea a
cierta problemática particular
USER INTERFACE

USER EXPERIENCE
GRÁFICA
LOOK AND FEEL
ESTÉTICA

MEDICIÓN
ANÁLISIS
ESTUDIO
ESTRUCTURA
INTERACCIÓN
 UX
DISEÑO

UX (por sus siglas en inglés User experience) o en español Experiencia de usuario, es aquello que una persona percibe
al interactuar con un producto o plataforma web o app.

Sin duda, la esencia del diseño UX está en el conocimiento de los usuarios. En otras palabras, para crear un buen diseño UX
hay que comprender las necesidades de los usuarios y, por supuesto, satisfacerlas de una forma simple y clara. A grandes
rasgos podemos decir que una buena experiencia de usuario sucede cuando el diseño de la plataforma web resulta
útil, usable y atractiva, teniendo importante efecto en la satisfacción y la conexión cliente – marca.

En otras palabras, para establecer un buen UX es primordial enfocarnos en las necesidades del usuario final y
alinearlas con el objetivo de la empresa. Esto quiere decir que además de las funciones típicas de un UX Designer
(investigación de clientes, evaluación del mercado, análisis de KPIs y estructuración de la información), es fundamental que
tenga conocimientos generales sobre el comportamiento del usuario, desarrollo de producto digital, comunicación y marketing,
además de un excelente sentido estético como es de esperarse en el diseño web.
 UX
DISEÑO

Necesidades del
Usuario
UX (User Experience) hace referencia a la forma en la
que los usuarios interactúan con un producto o servicio.
Es decir, cómo y para qué un usuario utiliza un
producto digital o interactúa con una web o app.

La experiencia de usuario o UX, estudia la percepción

UX
y las sensaciones que genera el producto o servicio
digital a través de las interacciones que realiza. Objetivo del Limitaciones
Negocio Técnicas
UX, no sólo se centra en el producto digital, lo abarca
todo y siempre está centrado en el ser humano con el
que se interactúa.
TASK FLOWS USER JOURNEY

USABILIDAD ACCESABILIDAD

ARQUITECTURA DE
USER RESEARCH
LA INFORMACIÓN
 UX
DISEÑO

En gran medida UX se encarga de planear toda

la parte lógica de navegación e interacción con
el usuario de nuestra plataforma web
 WIREFRAMES
ESA PLANEACIÓN LÓGICA DE NAVEGACIÓN SE PLANTEA A TRAVÉS
DE WIREFRAMES

UX
DISEÑO
LOS WIREFRAMES, Son un esquema de página o plano de pantalla, que sirve de
guía para planear la navegación e interacción de un usuario en nuestra plataforma
web

El Wireframe esquematiza el diseño en relación a la organización de los elementos

de la interfaz, contenido y sistemas de navegación que funcionan en conjunto. Son
un esqueleto o estructura

Comúnmente, este esquema carece de estilo tipográfico, color o aplicaciones

gráficas, ya que su principal objetivo es planear arquitectura de los contenidos y la
manera en que el usuario podrá interactuar con ellos. En otras palabras, se enfoca
en “¿Qué? hace la pantalla, y no en ¿Cómo? se ve (Look & feel)

Los esquemas pueden ser dibujados con lápiz y papel o esquemas en una pizarra,
o colocando post its; o pueden ser producidos con medios de diseño de
wireframes como aplicaciones, o programas (software)
EJEMPLO DE
WIREFRAME
EJEMPLO DE
WIREFRAME
EJEMPLO DE
WIREFRAME
Un diseñador ux Hace l as
investigaciones para crear un
producto más cercano al usuario

Par a que genere más

conversiones, y el problema que
resuelve es hacer el match entre
el producto y lo que buscan los
usuarios

no necesita centrarse en la parte

estética

Solo busca mejorar l a parte

lógica del producto
UX
DISEÑO