DISEÑO UX/UI

Clase 1
Diseño centrado en el Usuario
Les damos la bienvenida
Vamos a comenzar a grabar la clase
 Clase 00 Clase 01 Clase 02

Bienvenida Introducción al diseño Imágenes en el diseño

● ¿Qué es Codo a Codo? ● ¿Qué es el diseño? ● Impacto de la imagen

● Carreras IT ● Retórica de la imágen ● Fotografía
● Aula Virtual ● Diseño gráfico y Diseño UX ● Leyes Compositivas
● Información del curso ● Diseño UI ● Puntos de interés
● Usabilidad ● Composición en el diseño
● Metodología: Diseño ● Imagen en diseño web
centrado en el usuario ● Leyes Gestálticas
● Metodología: Design
Thinking
 Ejercicio
Clase 1
Pensar cuales son las similitudes
y diferencias entre:

DIBUJO - DISEÑO - ARTE - ILUSTRACIÓN

Dibujo Diseño Arte Ilustración

Todos estos ejemplos se encuentran en el Instagram: @inkerekes

¿Qué es el diseño?
El diseño es el proceso previo de configuración mental,
«pre-figuración», en la búsqueda de una solución en cualquier campo.
Se aplica habitualmente en disciplinas que requieren creatividad.
El diseño involucra variadas dimensiones que van más allá del aspecto,
la forma y el color, abarcando también la función de un objeto y su
interacción con el usuario.
Durante el proceso se debe tener en cuenta además la funcionalidad, la
operatividad, la eficiencia y la vida útil del objeto del diseño.
Comunicación visual:
El emisor se desdobla en dos protagonistas:
○ Aquel que crea el mensaje y necesita transmitirlo (cliente o marca)
○ El diseñador que interviene para hacer que dicho mensaje sea efectivo.

El receptor es el sujeto para quien está destinada la comunicación, un

sector de la sociedad o el público ideal.
EI significado es lo que se desea expresar, es el mensaje. ¿Qué se
comunica?
El significante está siempre unido al significado pues la comunicación se
produce en el cruce de ambos. ¿Cómo se comunica?
Comunicación casual y comunicación intencional
En la comunicación casual quien es
receptor interpreta “libremente” la
imagen que está viendo.

En la comunicación intencional existe

un emisor con la intención de que el
receptor interprete un mensaje concreto.
Características del diseñador
Un diseñador es una persona que ha entrenado su creatividad para
enfocarla hacia aspectos más pragmáticos, de manera que pueda
ofrecer soluciones adaptadas al problema que enfrenta.

Utiliza un conjunto de saberes aplicables a diversos campos de trabajo,

que se sirven de la geometría, la aritmética, la lógica, la ilustración,
el mercadeo, la sociología o la informática para un proceso que,
fundamentalmente, comprende en las etapas que figuran a
continuación:
Etapas:

1. Observación y análisis. Ya que la necesidad del diseño surge de la

cotidianidad del ser humano.
2. Planificación y proyección. Proponiendo un modo de solucionar
la necesidad detectada.
3. Construcción y ejecución. Llevando a la realidad lo proyectado y
sometiéndolo a la prueba de su funcionamiento.
El diseño como forma de comunicar:
1. Es una disciplina dedicada a la producción de comunicaciones visuales
orientadas a un público específico.

2. Se encarga de comunicar a través de medios visuales y como finalidad

transmitir un mensaje específico despojado de rasgos personales.

3. El hecho de crear y cumplir con un propósito se centra en: la transformación de

una realidad existente por una deseada.
El diseño como forma de comunicar:
4. Los diseños se basan en un mensaje concreto que se quiere transmitir y a partir
de ello obtener una respuesta del público al que está dirigido. Estos afectan el
conocimiento, las actitudes y el comportamiento de la gente.

5. Para poder crear estas piezas de comunicación, el mensaje se tiene que adecuar
al grupo al que se está introduciendo. De esta forma se analiza ampliamente a
quién irá encaminado el mensaje. ¿Qué piensa? ¿Qué hace? ¿Qué ve? ¿Qué
siente? ¿En qué cree?

6. En todo diseño debe haber correlación entre lo que se quiere transmitir y los
elementos utilizados sin resignar su objetivo final sea cual sea.
Tema: Diseño

El diseñador de comunicación visual trabaja en la

interpretación, el ordenamiento y la presentación visual de
mensajes. Su sensibilidad para la forma debe ser paralela a
su sensibilidad para el contenido.

Autor/as/es: Frascara
Reglas del diseñador profesional:
● El diseñador es un intérprete que ● El diseñador maneja conceptos, códigos
conforma mensajes producidos por y estética para poder enviar mensajes
otras personas. fácilmente comprendidos y absorbidos
por las audiencias a quienes se dirigen.

● El diseñador no adorna, es un
● El diseño, por ética, debe tener como fin
proceso de creación visual con el último mejorar y transformar el mundo
propósito de comunicar un mensaje donde vivimos.
específico.

● El diseño forma parte de nuestra vida

● El diseño debe ser estético pero diaria, estamos rodeados de diseño por
también funcional. lo tanto debe ser cuidadoso.
La retórica de la imagen:
La denotación, es el significado básico de
una palabra, constante, universal, el que una
palabra tiene para todos los conocedores de
una lengua.

Por ejemplo: un cuenco, una bombilla, una

infusión y yerba. Lo denotado sería lo real, lo
objetivo y lo literal, en lo que está de acuerdo
toda la comunidad lingüística, es decir el
significado que le da el diccionario.
La retórica de la imagen:
La connotación, son todas aquellas ideas y
asociaciones que se despiertan a la hora de
visualizar un mate.

Por ejemplo: Argentinidad, charlas,

reunión con amigos, campo, Pampa, etc.
Lo connotado son otros significados que
podemos darle a la imagen.

Estas ideas o asociaciones a la imagen del

mate van a depender de quién sea el
observador. De su cultura, entorno, edad,
lugar, educación y muchos factores más.
Diseño gráfico - Diseño UX
El diseño gráfico se trata de la creación y El diseño de experiencia de usuario (UX)
proyección de objetos gráficos: es una disciplina relativamente nueva que
ilustraciones, composiciones, logotipos, utiliza varias premisas y reglas tomadas del
imágenes, tipografías, etc., atendiendo a diseño gráfico, marketing, diseño
aspectos estéticos, comunicacionales y industrial, etc.
simbólicos. Es una práctica que sirve para diseñar
centrados en las necesidades de los
Esta rama del diseño tiene segmentos
usuarios. La experiencia de usuario es el
aplicados a diversos campos como: el conjunto de factores relativos a la
diseño editorial, el diseño publicitario, el interacción del usuario con un
diseño corporativo, el diseño web y el dispositivo, generando como resultado
diseño UX/UI. una percepción positiva o negativa de
esa experiencia y su marca.
Diseño UX facetas

El diseño de experiencia de usuario (UX) es un conjunto de

metodologías, mindsets y procesos, orientados a diseñar un servicio o
producto, teniendo en consideración las necesidades de los usuarios
finales (y no de quien está desarrollando o diseñado).

Las 7 facetas o factores que construyen la experiencia de usuario de

Peter Morville:
Valioso - Útil - Deseable - Accesible - Creíble - Ubicable - Usable
Diseño UI

El diseño de interfaz de usuario (UI) refiere a todo aquello con lo que los
usuarios interactúan de forma directa.

Se trata de lo que vemos y tocamos en una interfaz o un dispositivo, es

aquello que permite interactuar con el producto o servicio.

“Un área híbrida, donde los límites entre diseño gráfico e industrial se
diluyen”

Lev Manovich.
¿Qué es la Usabilidad?
“El atributo de calidad de un producto, que se
refiere sencillamente a su facilidad de uso.
Implica el grado en que el usuario puede explotar
o aprovechar la utilidad de un producto.”

Jakob Nielsen - Padre de la usabilidad.

Características
● Facilidad de aprendizaje ● Eficacia
¿Cuán fácil es llevar a cabo las tareas la
primera vez? ¿Cuántos errores comete el
usuario? La gravedad del error,
● Eficiencia
puede recuperarse fácilmente de
Una vez que aprendieron el
funcionamiento, ¿cuán rápido las
esos errores?
realizan?
● Satisfacción
● Cualidad de ser recordado
¿Cuán agradable es usar el
Si pasan un tiempo sin usarlo,
¿Cuán fácil es que vuelvan a usarlo producto?
eficientemente?
Diseño Centrado en el Usuario

● El DCU comprende una serie de métodos y técnicas para analizar,

diseñar y evaluar hardware y software (interface)
● Tiene un enfoque de diseño cuyo proceso está orientado por la
información acerca de quienes van a hacer uso del producto
(usuarios)
● Tener en cuenta: ¿Quién usará el sistema?, ¿qué tareas llevará a
cabo con el mismo?
● Un proceso iterativo (cíclico) en el cual diseño y evaluación se
incorporan desde la fase inicial del proyecto y en todas las fases
que veremos a continuación:
Fases:

1. Análisis. Entendiendo a los usuarios y sus necesidades

2. Diseño. Proyecto una solución que satisfaga las necesidades

3. Validación. Compruebo el valor que estoy agregando a los

usuarios
Experiencia casual y experiencia diseñada
En la experiencia casual o accidental es
cuando vemos una comunicación que no
tiene diseño aplicado, probablemente no
fue hecha por un diseñador, y no tiene
criterio visual.
○ Genera confusión y malestar en el
usuario.

En la experiencia diseñada ningún detalle

fue dejado al azar, hay coherencia en sus
elementos, es intuitivo y claro para el
usuario.
○ Genera satisfacción en el usuario.
¿Qué es Design Thinking?
Design Thinking es una metodología orientada al usuario, que se
enfoca en detectar y entender las necesidades de los mismos, con el
objetivo de generar soluciones innovadoras en un determinado marco
de trabajo.
Aquellos productos y servicios diseñados de manera adecuada a través
de este método aportan valor a las personas.

El proceso de Design Thinking se compone de 5 etapas o fases.

Etapas del proceso:

EMPATIZAR DEFINIR IDEAR PROTOTIPAR TESTEAR

Etapas del proceso
Empatizar: A través de esta etapa que tiene Prototipar: Damos forma de manera rápida y
como centro la investigación, buscamos simplificada a aquellas ideas que
conocer a nuestros usuarios. Este comienzo seleccionemos. Al construir prototipos,
se basa en comprender sus necesidades. rápidamente obtendremos feedback de
nuestros usuarios para poder realizar cambios
Definir: Organizamos todo lo que aprendimos y mejoras antes de llegar al resultado final.
de nuestros usuarios y nos quedaremos con lo Testear: En esta última etapa, mostramos el
que determina el problema central al cual prototipo diseñado para obtener
podremos ofrecer soluciones como devoluciones de nuestros usuarios. No
diseñadores/as. estamos vendiendo sino aprendiendo del
feedback que recibimos.
Idear: Se trata de "pensar fuera de la caja"
para dar con el mayor número de ideas Dado que Design Thinking es un proceso
posibles. No nos centramos en buscar la idea iterativo, nos permite volver a las etapas
correcta si no en imaginar la mayor cantidad anteriores para realizar cambios y mejoras en
de alternativas. nuestro producto.
No te olvides de dar el presente
Recordá:
● Revisar la Cartelera de Novedades.
● Hacer tus consultas en el Foro.

Todo en el Aula Virtual.

Muchas gracias por tu atención.
Nos vemos pronto