bbva v segunda parte
TRANSCRIPT
![Page 1: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/1.jpg)
Usabilidad, palabra “de moda”
15/6/161 usabilidad - UX - accesibilidad Jordi Sánchez - @jordisan - http://jordisan.net
![Page 2: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/2.jpg)
Día Mundial de la Usabilidad
World Usability Day http://www.worldusabilityday.org
15/6/162 usabilidad - UX - accesibilidad Jordi Sánchez - @jordisan - http://jordisan.net
https://www.youtube.com/watch?v=Jo91eehaafc
![Page 3: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/3.jpg)
Diseño de experiencia de usuario
Teoría, Historia y Método
![Page 4: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/4.jpg)
Diseñar antes de Construir
Ahorra tiempo, recursos ynos aleja de errores
![Page 5: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/5.jpg)
Experiencia de Usuario“La percepción y respuesta de una persona como resultado de las expectativas ante o el uso de un producto, sistema o servicio” “Emociones de usuarios, sus creencias, preferencias, percepciones, respuestas físicas y psíquicas, comportamientos y logros obtenidos antes, durante y al finalizar el uso.”
![Page 6: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/6.jpg)
* Donald Norman, Jim Miller, Austin Henderson: What You See, Some of What's in the Future, And How We Go About Doing It: HI at Apple Computer. Proceedings of CHI 1995, Denver, Colorado, USA
Experiencia de UsuarioEl término fue dado a conocer porDonald Norman alrededor de 1995 porun artículo titulado:
Norman es uno de los pioneros del HCI en los años 80 y autor del famoso libro “El diseño de las cosas cotidianas” The Design of Everyday Things, Basic Books (September 17, 2002)
“User Experience Architect, in the mid-1990s”*
![Page 7: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/7.jpg)
Norman Door #normandoorhttp://www.jnd.org/dn.mss/when_bugs_become_fea.html
Tuesday 21 August 12
![Page 8: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/8.jpg)
Small visual cues often improve usabilityTuesday 21 August 12
![Page 9: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/9.jpg)
Yellow note athinge
Embossedledge toopen door
Inset ledgewith hinge
Doors of refrigerated cells at supermarktTuesday 21 August 12
![Page 10: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/10.jpg)
Yellow notenear handle
Handle toopen door
Doors of freezer cells at supermarktTuesday 21 August 12
![Page 11: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/11.jpg)
“I never design a building before I’ve seen the siteand met the people who will be using it.”—Frank LloydWright
Tuesday 21 August 12
![Page 12: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/12.jpg)
TheDesignofEverydayThingsDrupalConMunich2012
Remote Controlfor Siemenscartridge type(ceiling)A/C Unit
Tuesday 21 August 12
![Page 13: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/13.jpg)
Locked entry by keycard lockTuesday 21 August 12
![Page 14: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/14.jpg)
CitizenM HotelSchipholAmsterdam
Tuesday 21 August 12
![Page 15: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/15.jpg)
Flight Safety InstructionsGaloreOpen Here,TheArt of Instructional Design
Tuesday 21 August 12
![Page 16: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/16.jpg)
Roundaboutwhere cars yield
Tuesday 21 August 12
![Page 17: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/17.jpg)
Roundaboutwhere cyclists yield
Tuesday 21 August 12
![Page 18: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/18.jpg)
Google Premium NavigationEULA popup after 30 day trial use
Tuesday 21 August 12
![Page 19: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/19.jpg)
TheDesignofEverydayThingsDrupalConMunich2012
Tuesday 21 August 12
![Page 20: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/20.jpg)
TheDesignofEverydayThingsDrupalConMunich2012
“There is nointuitiveinterface, noteven thenipple.It's all learned.”
—Bruce Edigerhttp://bit.ly/xPHagz
Tuesday 21 August 12
![Page 21: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/21.jpg)
How we reallyuse the web—Don’t Make MeThink bySteveKrug
Tuesday 21 August 12
![Page 22: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/22.jpg)
Tuesday 21 August 12
![Page 23: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/23.jpg)
Experiencia de UsuarioDeviene de varios fenómenos:§ Ergonomía y Human Factor
§ HCI (Interacción Humano-Computadora)
§ Diseño Centrado en Usuario (User-CenteredDesign)
§ Usabilidad§ Accesibilidad
![Page 24: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/24.jpg)
Sub-campo o rama de la Experiencia de Usuario.
Diseño de Experiencia de Usuario
Aspecto relacionado con el proceso de creación de un software basándose en los indicadores que influyen en las experiencias que tiene el usuario cuando interactúa con “algo”.
![Page 25: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/25.jpg)
Criterio….
“La experiencia está más basada en la memoria que en la realidad.
Si lo que recuerdas del producto esmaravilloso, serás capaz de perdonar
cualquier situación problemática.”Donald Norman
![Page 26: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/26.jpg)
METODOLOGÍA¿Cómo hacer diseño enfocado en la
experiencia del usuario?
![Page 27: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/27.jpg)
} Etapas. Responden al tiempo transcurrido ¿cuándo?} Actividades o tareas. Responden al proceso ¿qué?} Técnicas. Responden a lo que se hace para lograr los
procesos y tarea ¿cómo?} Herramientas. Responden a qué se usa para aplicar
las técnicas ¿con qué?
PROCESO
![Page 28: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/28.jpg)
DISEÑO CENTRADO EN EL USUARIO,LEAN UXY PROTO-PERSONAS
10 MINUTOS
![Page 29: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/29.jpg)
•
DISEÑO CENTRADO EN EL USUARIO
Un enfoque para el diseño y desarrollo de sistemas que tiene comoobjetivo hacer sistemas interactivos más usables,centrándose enuso del sistema y aplicando factores humanos/ergonomíay losconocimientos y técnicas de usabilidad*.
*Norma ISO 9241-210:Ergonomics of human–system interaction— Part 210:Human-centred design for interactive systems
![Page 30: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/30.jpg)
Diseño Centrado en el Usuario
Norman & Draper,User Centered System Design:New Perspectives on Human-computer Interaction,1986
![Page 31: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/31.jpg)
•
•
•
¿QUÉ SE DEFINE EN LA FASE ENTENDER?
Las características de los usuariosprevistos,sus necesidades,comportamientos y metas.
Las tareas que los usuarios realizarán con el productopara cumplirmetas específicas.
El contexto en el que los usuarios ocuparán el sistema.
![Page 32: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/32.jpg)
¿QUÉ SE DEFINE EN LA FASE ENTENDER
1. Objetivos del producto/servicio
2. Objetivos de negocio
3. Objetivos de los usuarios
4. Definiciónde audienciameta
5. Diseño de Personas,tareas y escenarios
![Page 33: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/33.jpg)
¿QUÉ SE DEFINE EN LA FASE ENTENDER?
6. Requerimientos funcionales
7. Requerimientos de contenido
8. Análisis de competencia
9. Mejores prácticas
10.…
![Page 34: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/34.jpg)
CARACTERÍSTICAS DE LOS USUARIOSPREVISTOS,SUS NECESIDADES,COMPORTAMIENTOSY METAS
![Page 35: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/35.jpg)
INICIA EL PROYECTO…
![Page 36: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/36.jpg)
“Quiero una apppara mi negocio”
- El cliente
![Page 37: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/37.jpg)
Actualmente,casi todos los proyectos empiezan considerandouna serie de supuestos,es parte de la incertidumbre.Por lo general,ignoramos los supuestos o peor aún,
los tomamos como hechos.
![Page 38: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/38.jpg)
La audiencia meta también inicia como un supuesto.
![Page 39: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/39.jpg)
•
•
PROTO-PERSONAS
Una Persona es una representación o arquetipo de un usuario,
normalmente apagado a la investigación de usuarios reales durante el
proceso de Diseño Centrado en el Usuario.
En Lean UX, se utilizan Proto-Personas cuando no existen
recursos para crear verdaderos personajes basados en investigación
de usuarios,se basan en investigación secundaria y supuestos del
equipo.
![Page 40: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/40.jpg)
•
•
•
CUÁNDO USAR PROTO-PERSONAS
Al inicio del proyecto,cuando se quiera asegurar el alineamiento sobre laaudiencia meta entre el cliente y todas las partes interesadas.
Cuando un cliente decida no invertir en investigación de usuarios.
Al hacer Lean UX,Proto-Personas representa la mejor conjetura en
cuanto a quién está utilizando (o va a utilizar) el producto y por qué.Secomienza con suposiciones y luego se realiza investigación para validarlashipótesis.
![Page 41: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/41.jpg)
Formato Proto-Persona
![Page 42: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/42.jpg)
EJERCICIO #1CREACIÓN DE PROTOPERSONAS
15 MINUTOS
![Page 43: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/43.jpg)
INICIA EL PROYECTO…
![Page 44: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/44.jpg)
“Quiero una app paraque cualquier ciudadanodel DF pueda tramitar yobtener un permiso paraconsumo recreativo deMarihuana”- Miguel Ángel Mancera
![Page 45: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/45.jpg)
ACTIVIDAD
•
•
•
Identifiquensupuestosdel proyecto,¡escríbanlos!
Identifiquen los diferentes perfiles de usuario
Definan una Proto-Persona por cada perfil de usuario
![Page 46: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/46.jpg)
UX RESEARCH10 MINUTOS
![Page 47: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/47.jpg)
Analisis de sitios horribles• Experiencia del usuario horrible
47
![Page 48: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/48.jpg)
48
![Page 49: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/49.jpg)
49
![Page 50: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/50.jpg)
50
![Page 51: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/51.jpg)
51
![Page 52: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/52.jpg)
52
![Page 53: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/53.jpg)
53
![Page 54: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/54.jpg)
•
•
ESTUDIOCONTEXTUALMétodo etnográfico para obtenerinformación sobre el contexto de uso,dondelos usuarios son entrevistados yobservados en sus propios entornos porlo queel análisis de datos es más realista quelos datos obtenidos en un laboratorio.
![Page 55: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/55.jpg)
•
•
ESTUDIO CONTEXTUAL
Los cuatro principios de la investigación contextual son:• Enfoque - Plan para la investigación.• Contexto - Ir al entorno del usuario y observar sucomportamiento• Alianza - Entrevistar a los usuarios acerca de su trabajo yparticipar en el
descubrimiento de sus necesidades y metas respecto al producto.• Interpretación - Desarrollar un entendimiento cualitativo sobrelo observado.
![Page 56: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/56.jpg)
•
•
ENTREVISTA
Método de conversación uno-a-uno para la obtenciónde información cualitativa deusuarios potenciales del producto.
Recomendaciones para lograr entrevistas exitosas:• Establecer expectativas correctas• Callar y escuchar• Minimizar preguntas sesgadas y escuchar• Ser amigables y escuchar• Olvidar supuestos y escuchar• Evitar generalizaciones y escuchar• Atención a señales no verbales
![Page 57: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/57.jpg)
•
•
ENCUESTA
Conjunto de preguntas para evaluar las preferencias, actitudes, características yopiniones de un usuario sobre un tema determinado.Permite obtener insights, no métricas.
Recomendaciones para aplicar encuestas:• Preguntar sobre eventos y experiencias recientes• No sugerir respuestas• Una pregunta a la vez• Evitar escalas complejas como respuesta• Entrevistar,no sólo realizar encuesta• Acotar correctamente el número de participantes
![Page 58: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/58.jpg)
PERSONAS“Así como los economistas crean modelos para describir elcomportamiento de los mercados,hemos encontradoque el usodenuestra investigación para crear modelos descriptivosde losusuarios esuna herramienta única y poderosa para el diseño de interacción.Llamamos a estos modelos de usuario Personas”.About Face:The Essentials of Interaction Design,Alan Cooper
![Page 59: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/59.jpg)
PERSONASSon personajes imaginarios,pero representativos del mercado objetivoy deben tener en cuenta los siguientes puntos:
1. Las“Personas”representan a los usuarios en todo el proceso dedefinición,diseño y desarrollo.
2. Son arquetipos hipotéticos de usuarios reales.3. A pesar de que son imaginarias,se definen con significativo rigor y
precisión.
![Page 60: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/60.jpg)
DISEÑAR PARA UNA SOLA PERSONA
•
Si se desea crear un productoque satisfaga una ampliaaudiencia deusuarios,la lógica sugeriría que sea lo más amplio enfuncionalidadcomo sea posible,para dar cabida a la mayor cantidad depersonas.Esta lógica es errónea.
![Page 61: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/61.jpg)
•
DISEÑAR PARA UNA SOLA PERSONA
Tratar de complacer a los diferentes puntosde vista puedematar a un producto.Al restringir el objetivo de diseño para unasola persona, nada se interpone entre esa persona y unaexperiencia completa,ya que le dará las característicassuficientespara resolver sus necesidades concretas.
![Page 62: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/62.jpg)
PROCESO PARA CONSTRUIR PERSONAS
1.2.3.4.5.6.7.8.
Grupos de entrevistas personales por rol de usuarioIdentificar las variables de comportamientoMapa de entrevistas por variables de comportamientoIdentificar patrones significativos de comportamientoSintetizar las características y definir metasRevisar para evitar redundancia y afinar integridadDiseñar tipos de PersonaDescripción de atributos y comportamientos
![Page 63: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/63.jpg)
EJERCICIO #2CREACIÓN DE PERSONAS
15 MINUTOS
![Page 64: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/64.jpg)
INVESTIGACIÓN DE USUARIOS…
![Page 65: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/65.jpg)
![Page 66: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/66.jpg)
![Page 67: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/67.jpg)
•
•
•
ACTIVIDAD
Identifiquencomportamientos,necesidades y metas de sus“entrevistas”
Validen los supuestose hipótesis de su Proto-Persona contra sus“entrevistas”
Definan una Persona
![Page 68: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/68.jpg)
DISEÑO ORIENTADO A METAS10 MINUTOS
![Page 69: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/69.jpg)
DISEÑO ORIENTADO A METAS
•El Diseño Orientado a Metas es la metodología empleada enDiseño de Interacción para comprenderel contexto,lasmetas,necesidades y motivacionesdel usuario y llevarlo aldiseño de interfaces.
![Page 70: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/70.jpg)
RECONOCIMIENTO DE METAS
•
•
Una meta es un puntofinal deseado en un tiempo finito.
Una tarea es la realización de un conjuntode pasosNecesarios para lograr una meta.
![Page 71: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/71.jpg)
•
•
ESCENARIOS
Un escenario es una descripción narrativa concisa de una o más
personas para alcanzar una meta específica.El escenario es dónde
está el usuario (“la Persona”),realizando una determinada tarea para
cumplir una determinada meta.El escenario es aplicar la narrativa
como herramienta de diseño.
![Page 72: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/72.jpg)
EJERCICIO #3CREACIÓN DE TAREAS
15 MINUTOS
![Page 73: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/73.jpg)
ACTIVIDAD
•
•
•
Identifiquen2 tareas a realizar por su Persona en la app
Definan la meta de cada tarea
Definan los pasos de cada tarea para lograr la meta
![Page 74: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/74.jpg)
EJERCICIO #4CREACIÓN DE ESCENARIO
10 MINUTOS
![Page 75: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/75.jpg)
ACTIVIDAD
• Describan un escenario en donde la Personarealizaría una de lastareas identificadas
![Page 76: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/76.jpg)
ESTRATEGIA DE CONTENIDOS10 MINUTOS
![Page 77: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/77.jpg)
ESTRATEGIA DE CONTENIDOS
• Una vez que se defina una Persona, sus metas y situada en un escenario con tareas a desempeñar,queda identificar qué contenidosofrecerles.Para ello se define una estrategia de contenidos.
![Page 78: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/78.jpg)
•
•
•
ESTRATEGIA DE CONTENIDOS
La estrategia de contenidosdebe estar centrada en la Persona.
Para dar a las personas el contenidoque necesitan,esnecesarioidentificar los tipos de contenidosque mejor asistan al usuarioen la ejecución de sus tareas en cada escenario.
![Page 79: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/79.jpg)
•
•
•
•
TIPOS DE CONTENIDO
Para definir un contenido es necesario identificar su formato y tipo.
El formato es la unidad básica del contenido:texto,imagen o video.
El tipo es la aplicación del formato,por ejemplo,una receta de cocina es
un tipo de contenido de formato texto.
Un tipo de contenido puede estar compuesto por varios formatos,por
ejemplo,una galería de imágenes (Slider).
![Page 80: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/80.jpg)
•
•
MAPA DE CONTENIDO
Son cartografías que se centran en el contenidode un productodigital.Permite explorar y visualizar el contenido,así como detectaroportunidades de mejora para el desarrollo de contenidos.
El objetivo de un mapa de contenidoes comenzar el desarrollo decontenidos con un fuerte enfoqueen las metas de los usuarios.
![Page 81: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/81.jpg)
![Page 82: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/82.jpg)
![Page 83: Bbva v segunda parte](https://reader034.vdocuments.pub/reader034/viewer/2022052514/587935a61a28ab7c448b77c3/html5/thumbnails/83.jpg)