1. Gestión de proyectos web
Diplomado de Periodismo Digital y Gestión de Medios en Internet
ICEI, Universidad de Chile
Clase 2 / 20.07.10
Profesor: Carlos Gaona U.
carlosgaona@gmail.com
miércoles 4 de agosto de 2010
2. Objetivos del curso
• Desarrollar un entendimiento de principios esenciales en la construcción
experiencias y productos digitales, tales como segmentación, análisis y
ventaja competitiva, propuesta de valor y modelo de negocio.
• Contextualizar las metodología de diseño centradas en el usuario, en el
marco del desarrollo de proyectos con objetivos negocio.
• Introducir herramientas de gestión necesarias para liderar proyectos de
conceptualización, diseño e implementación de experiencias o productos
digitales.
miércoles 4 de agosto de 2010
3. Programa de estudio
I. Segmentación - Caracterizando usuarios y audiencias desde la perspectiva del
diseño centrado en las personas.
II. Análisis competitivo - Entendiendo el contexto competitivo en el marco de las
experiencias digitales.
III. Marco estratégico - Conceptualizando experiencias, servicios y productos de
valor.
IV. Planificación y ejecución - Liderando el desarrollo de proyectos digitales.
miércoles 4 de agosto de 2010
4. Perfil de un proyecto digital
Arquitectura de información, diseño de
Modelamiento de usuarios,
información e interacción, diseño visual.
propuesta de valor, principios de Marco
experiencia.
Estratégico Experiencia de Uso
Investigación Producción
Interno: Inmersión en los objetivos de la Plantillas XHTML/CSS/
compañía, documentación existente, JS, CMS, Integración.
compresión de expectativas de stakeholders.
Externo: Trabajo de campo, invesitgación
cualitativa o cuantitativa.
miércoles 4 de agosto de 2010
5. emocional
Seducción
para generar
necesidad
Acercar los
destinos Experiencia
personalizada
Arqu
per
Atención
Fidelización
Investigación Ámbitos y herramientas
miércoles 4 de agosto de 2010
6. Evaluación del negocio Expectativas, contexto, alcance y objetivos
miércoles 4 de agosto de 2010
7. Expectativas
• ¿Qué debemos identificar?
• Visión preliminar del
producto
• Presupuesto y alcance
• Limitantes y oportunidades
técnicas
• Drivers de negocio
miércoles 4 de agosto de 2010
8. Stakeholders
• ¿Con quiénes nos
encontramos?
• Marketing
• Ingeniería
• Ventas
• Ejecutivos senior
• Experto de dominio
miércoles 4 de agosto de 2010
9. [1. Hito] Comunicar Involucrar Aprobar
[Stakeholder] ✖|✔ ✖|✔ ✖|✔
Stakeholders:
Hitos y roles
Matriz de responsabilidades
miércoles 4 de agosto de 2010
10. Espacio competitivo Industria, competidores y buenas prácticas
miércoles 4 de agosto de 2010
11. Buenas prácticas
• Muestra: Competidores que
presenten grados de madurez o
liderazgo que permitan generar
aprendizajes inmediatos.
• Alcance: Definir ámbitos
funcionales asociados a los
objetivos generales y
específicos del proyecto.
• Objetivo: Reunir buenas
prácticas para los ámbitos
definidos. Descubrir patrones o
tendencias de industria.
miércoles 4 de agosto de 2010
12. Heurístico
• Objetivo: Permite obtener una
evaluación comparativa a partir
de la evaluación experta de
cierto número de variables.
• ¿Qué obtenemos? Una
valoración de distintos
aspectos de la experiencia de
uso, cumplimiento con
objetivos de negocio, o estado
del arte.
miércoles 4 de agosto de 2010
13. Test de usuario
• Observar cómo un grupo de usuarios resuelven
una serie de tareas o actividades que
buscamoss resolver, en los sitios de nuestra
competencia.
• ¿Cómo?
• Tareas/Actividades
• Escenarios
• Requiere:
• 4-8 participantes
• 1 PC con webcam
• 15 minutos por participante
• 1 observador y un facilitador
miércoles 4 de agosto de 2010
14. Personas Motivaciones, escenarios, modelos mentales
miércoles 4 de agosto de 2010
15. Preguntas Datos Técnicas Usos
Preferencias Encuestas, focus-groups, Diseño visual,
¿Qué? Opiniones, gustos, cardsorting, sugerencia de comunicación,
deseos clientes publicidad.
Funcionalidades,
Evaluativas
Test de usabilidad, análisis layout, etiquetado,
¿Por qué? Que es entendido o
de logs, cardsorting arquitectura de
logrado
información
Entrevistas en profundidad, Flujos de navegación,
Generativas observación y análisis diseño de interacción,
¿Cómo? Espacios mentales contextual (etnografia), gap analysis, contexto
modelos mentales. y escenarios.
Tipos de investigación Preferencias, Evaluativas, Generativas
miércoles 4 de agosto de 2010
16. Perfil de un proyecto digital
Arquitectura de información, diseño de
Modelamiento de usuarios,
información e interacción, diseño visual.
propuesta de valor, principios de Marco
experiencia.
Estratégico Experiencia de Uso
Investigación Producción
Interno: Inmersión en los objetivos de la Plantillas XHTML/CSS/
compañía, documentación existente, JS, CMS, Integración.
compresión de expectativas de stakeholders.
Externo: Trabajo de campo, invesitgación
cualitativa o cuantitativa.
miércoles 4 de agosto de 2010
17. Marco estratégico Modelamiento, objetivos y requerimientos
miércoles 4 de agosto de 2010
18. Plataforma
Dirección de
Diseño de Arte
Diseño visual
interacción
‣ ¿Para quién?
‣ ¿Qué?
Arquitectura ‣ ¿Cómo?
Información
¿Por qué es
necesario?
miércoles 4 de agosto de 2010
19. ¿Para quién?
• ¿Cuáles son los segmentos de
usuarios y clientes?
• ¿Cuáles son las características
de estos segmentos?
• ¿Cuál podría ser una buena
excusa para que los visiten
frecuentemente?
• ¿Cuáles son escenarios de
interacción con cada
segmento?
miércoles 4 de agosto de 2010
20. ¿Qué?
•Audiencia
•Priorización de personas
•Posicionamiento
•¿Cuál es el posicionamiento
que se desea comunicar?
•¿Cuales son sus referentes
en el mercado y la posición
que buscamos lograr.
miércoles 4 de agosto de 2010
21. ¿Qué?
•Objetivos
•¿Cuál es la propuesta de
valor del sitio?
•¿Cuáles son las prioridades
estratégicas respecto de este
proyecto?
•¿Qué metas concretas
asociadas a estos objetivos
existen? ¿Cómo las
medimos?
miércoles 4 de agosto de 2010
22. ¿Cómo?
•¿Cómo esperamos que el
diseño encaje en los escenarios
de uso que esperamos
satisfacer?
•¿Qué contenidos debemos
considerar?
•¿Que funcionalidades y
servicios deben ser provistos?
miércoles 4 de agosto de 2010
23. Modelamiento ¿Para quién?
miércoles 4 de agosto de 2010
24. Modelo ¿Qué representa? ¿Para qué?
Relacionarnos con
Motivaciones y
Personas empatia y comunicar
comportamiento
sintenticamente
Representación y Comprender la
Modelos mentales
relaciónamiento organización mental
Modelamiento Personas y modelos mentales
miércoles 4 de agosto de 2010
25. Análisis de Personas Motivaciones y comportamiento
miércoles 4 de agosto de 2010
26. ¿Qué es una
persona?
• ... es usuario arquetipico y
ficticio
• ... que describe
comportamientos y
motivaciones
• ... de forma representativa, para
un grupo mayor de potenciales
usuarios
• ... basados (idealmente) en la
observación de personas
reales.
miércoles 4 de agosto de 2010
29. ¿Por qué realizar un análisis de personas?
• Nos permiten ponernos en el lugar • Desarrollar experiencias de uso
de los usuarios reales, para diseñar centradas en satisfacer los
experiencias digitales centrados en objetivos del usuario.
la satisfacción de nuestros clientes.
• Diseñar escenarios de uso en los
• El uso de personas permite: contextos adecuados.
• Definir y priorizar contenidos y • Articular una propuesta de valor
servicios de acuerdo a lo que pensada en audiencias bien
buscan los usuarios. segmentadas.
• Construir una arquitectura de • Diseñar interacciones intuitivas e
información acorde a los modelos interfaces más usables.
mentales y cognitivos del usuario
miércoles 4 de agosto de 2010
30. Las personas no son segmentos de mercado
Segmentos de mercado
puede tener debe tener puede tener
Volumen Habilidades,
Demografía Modelos mentales
y valor actitudes y
y motivaciones
comportamiento
puede tener debe tener debe tener
Análisis de personas
miércoles 4 de agosto de 2010
31. C:^¿:r.='" ftÚ
¡¡aa<--'NftffflüSl
v
FdaF v
v int+rtl+'*ve*s
ffim** FdaFvarie*l**
!a
*:vii*
int+rtl+'*ve*s
¿Cómo crear personas? RoteI Rote2 :-*i*¡-.;i=====
ffim** mi* ,iYY
^ffi*T !a varie*l**
b'i i*ie
ii *=r====:-5 ^ffi*T mi* ,iYY
C:^¿:r.='" ftÚ
C:^¿:r.='" ftÚ
ffim ffto :
C:^¿:r.='" ftÚ ffim ffto :;l:
v
a*ci
ldentifu' v
tI
*:vii* t
1 RoteI Rote2 * : :-*i*¡-.;i=====
vii*
v
agrupar roles i*+ntifl: 4 ; @"", v *HFia!{t
Fiii !¡: other
ldentifu' a*ci
pr:t*l:tíai
tI 1
* :b'i i i*ie
vi * t
RoteI Rote2 :-*i*¡-.;i=====
Feiseile tYPes
RoteI Rote2 :-*i*¡-.;i=====
b'i i*ie
ii *=r====:-5
b'i i*ie
ii *=r====:-5
'il*hnvi*¡*t
; itli'r: ''l::h@
@"",
*HFia!{t
¡= ¡'raeded
pr:t*l:tíai identificar
ilett*:11É
ii *=r====:-5
y!A^<-IiIlmmf
n*d d*t**qraPhr*
i$r
ru*r'iab[*s ''l::h@
ilett*:11É patrones
<---+
nmru^rrrr
l,,ttNg[fi 1 *s*h reL*¡
itli'r:
@r""x;il"
v ¡¡aa<--'NftffflüSl l @r""x;il"
Fiii !¡: other
l
i*+ntifl: Feiseile tYPes
v 'il*hnvi*¡*t
Fiii !¡: other
v
Cs¡¡t'*¡'*
2
I ¡= ¡'raeded
v i*+ntifl:
'il*hnvi*¡*t
I Fiii !¡: other
Feiseile tYPes
'lmf!A ),*Tff! ffi
: páit*fln5
anc
#n*'*Pd*fin*
v
5
n*d d*t**qraPhr*
i*+ntifl: Feiseile tYPes Cs¡¡t'*¡'*
y!A^<-IiIlmmf 'il*hnvi*¡*ti$r
ru*r'iab[*s I
I FdaF
f f i f f i fryry..
¡= ¡'raeded
¡= ¡'raeded
InÜ@
fi 2" '
a*d
Friorifire
: páit*fln5
n*d d*t**qraPhr* 'lmf!A ),*Tff! ffi t";ffib' 6*a'r=
agrupar y
M]JM ..@lii! 1. . ¡sr,üJÉt
y!A^<-IiIlmmf *s*h reL*¡ ^NtrM p*f5ün#5
identificar variables int+rtl+'*ve*s f f i f f i fryry..
fi a*d d*fin*
jÉili;rlal
l,,ttNg[fi ru*r'iab[*si$r
n*d d*t**qraPhr* ¡-ftixfd!
<---+
y!A^<-IiIlmmf
nmru^rrrr iñi tilr!Í l¡girs¡
'
ffim** i$r
ru*r'iab[*s
*s*h reL*¡ !a varie*l** InÜ@ t";ffib'
'ómmM 6*a'r=
completar
.mWrM 'ANalffm
M]JM iÑ'i!l¡'
<---+ l,,ttNg[fi *s*h reL*¡ ^NtrM ¡[!i]jil4
'mrmK r!rr!i;!ífrl 'trW ri¡Br/ta/i
nmru^rrrr l,,ttNg[fi ^ffi*T .{mfloú
¡¡aa<--'NftffflüSl
<---+
nmru^rrrr mi* ,iYY 'ffimM
./wmm 'ANalffm
.mWrM
idi.il!:l¡1
'Nmm
'ómmM ¡ñiif*Lil
rjr:iifrúl!
i¡lrllnÑ
¡¡aa<--'NftffflüSl v .{mfloú 'mrmK 'trW
v
¡¡aa<--'NftffflüSl ffim ffto
FdaF
v 2" ./wmm
anc
'ffimM
Friorifire
v 'Nmm :;iJ'
:;l::;# l'llrllr,;;'
#n*'*P
v v ..@lii! 1. . ¡sr,üJÉt #n*'*P
p*f5ün#5
anc
v
int+rtl+'*ve*s
FdaF
¡-ftixfd!
iñi tilr!Í
2"
jÉili;rlal
l¡girs¡ #n*'*Pv v
anc
Friorifire
ffim** !a varie*l**
FdaFv
int+rtl+'*ve*s
..@lii! 1. .
¡[!i]jil4
¡-ftixfd!
2"¡sr,üJÉt
iÑ'i!l¡'
jÉili;rlal p*f5ün#5
Friorifire *eveittP
3t 6
ri¡Br/ta/i
¡sr,üJÉt
iñi tilr!Í 1. .
r!rr!i;!ífrl
..@lii! l¡girs¡
t ffim** mi* ,iYY
^ffi*T int+rtl+'*ve*s
!a varie*l** a*ci
ldentifu' ¡-ftixfd!
idi.il!:l¡1 jÉili;rlal
i¡lrllnÑ p*f5ün#5 fiai"la!iv€
rjr:iifrúl! ¡ñiif*Lil
l¡girs¡
iñi tilr!Í
¡[!i]jil4 iÑ'i!l¡'
ffim** !a varie*l** ar¡d athÉr
;mapear entrevistas:;l::;# l'llrllr,;;' *HFia!{t
narrativa
ri¡Br/ta/i
@"",
r!rr!i;!ífrl
¡[!i]jil4 iÑ'i!l¡'
^ffi*T mi* ,iYY
i¡lrllnÑ
ffim ffto :;iJ'
idi.il!:l¡1
pr:t*l:tíai r!rr!i;!ífrl
rjr:iifrúl! ri¡Br/ta/i
¡ñiif*Lil **mmunicatl+:r
^ffi*T mi* ,iYY idi.il!:l¡1 i¡lrllnÑ
I ffim ffto ''l::h@
ilett*:11É rjr:iifrúl!
:;iJ'
:;l::;# l'llrllr,;;'
v l'llrllr,;;'
¡ñiif*Lil
t¡:*'tc
1 ffim v ffto itli'r:
a*ci
:;l::;#
v
:;iJ'
*eveittP
v @r""x;il"
ldentifu'
v
fiai"la!iv€
ar¡d athÉr
; @"", *HFia!{t *eveittP
v a*ci *eveittP
l
ldentifu'
pr:t*l:tíai fiai"la!iv€
**mmunicatl+:r
*HFia!{t a*ci t¡:*'tcathÉr
; itli'r: ''l::h@ ldentifu'
ilett*:11É fiai"la!iv€
ar¡d
; @"", pr:t*l:tíai
*HFia!{t ar¡d athÉr
**mmunicatl+:r
miércoles 4 de agosto de 2010
I
I @"", pr:t*l:tíai
ilett*:11É
Cs¡¡t'*¡'*
: páit*fln5
**mmunicatl+:r
t¡:*'tc
32. 1. Agrupar por roles
• Agrupar los entrevistados
según que tareas realizan (no
cómo las realizan).
• Esto permite focalizarnos en
adelante en identificar patrones
más especificos sin ser
entorpecidos por patrones más
generales.
miércoles 4 de agosto de 2010
33. 2. Identiticar variables
organiza por busca
• Variables de comportamiento album temas
• Artefactos, modelos u objetos
se relaciona cómo sólo
coleccionista casual
• Motivaciones y objetivos
• Frecuencia y duración de las descarga descarga
tareas díariamente escasamente
• Actitud frente al tarea
gestiona no almacena
miles de canciones
música
• Volumenes de datos
• Habilidades tecnológica y de
dominio
miércoles 4 de agosto de 2010
34. 2. Identiticar variables
• Variables demográficas
• Edad
• Estructura familiar
• Geografía
• Jerarquía
• Tamaño de la empresa
• Industria
• Contexto fisico
miércoles 4 de agosto de 2010
35. relación con la tecnología, habilidad digital
inmigrante digital nativo digital
3 2 5
1 4 6
3. Mapear entrevistas Variable por variable
miércoles 4 de agosto de 2010
37. 5 + 6 = El soltero
x La independencia para llevar su vida. Encontrar un
x Los viejos amigos y las nuevas amigas. departamento para
comenzar su vida
x La tecnología sencilla y elegante.
independiente con
x Ser reconocido en su mérito. estilo.
x La sofisticación y la calidad.
x La comunicación pensada en la vida familiar.
x No poder contextualizar el departamento dentro de un
entorno de entretención.
M Tareas Ob
ot jet
iva ivo
cio s
ne
s
5. Agrupar y completar
miércoles 4 de agosto de 2010
38. 6. Narrativa Comunicar
miércoles 4 de agosto de 2010
39. Modelos mentales Entendendimiento desde las tareas
miércoles 4 de agosto de 2010
40. ✓ •Tareas X •Preferencias
•Tarea implicita •Deseos
•Tarea de terceras partes •Expectativas
•Filosofía
•Sentimientos
1. Peinar entrevistas Identificar tareas y conductas
miércoles 4 de agosto de 2010
41. Atomic Task ID# Aud Loc Quote
Seg
Pursue BI Concepts from 101A PSN NA Because I read industry magazines. IT
Industry Magazines magazines have been mentioning
business intelligence.
Read industry magazines, 104 PrSOE NA I have lots of biz magazines… industry,
trade press MT trade press.
Subscribe to and read 112 PRESO NA Day to day through either weekly or
vertical industry publications T daily newsletters, which are either
business journals or industry tracking…
as well as a couple of specific telecom
Read neutral trade 104 PrSOE NA journals. newsletters would also do
The trade
newsletter vendor MT comparisons so I had an idea of what
comparison reports box compares with that box. I used
neutral sorts of sources
Use industry research 115 PRENB EU [Are these research things Forester and
newsletters to learn Gartner?] Yes. Newsletters.
2. Crear bloques de tareas
Follow developments in DW
industry
101A PSN NA very interested in and following
Acción + Objeto
developments in [data warehousing]
work. Came to attention to several of us
in the IT dept way before the business
Actively survey and consider 104 PrSOE office
NA I survey technology and have an opinion
new technology from
miércoles 4 de agosto de 2010 MT about it, both from a technological side
43. Enter the sale
transaction with
amount
refund
Check my total Enter the tip for Get refund
approval from C
sales for today the sale
manager
Tell the customer
Check the tip Get a list of all she has a coupon Make a full C
summary for my sales for or discount during refund
today today sale
Get a list of all Get details on a Make a partial Ch
Split the check
my tips for today sale/transaction refund o
My tips My sales Make a sale Make a refund C
View all reports View all reports Refund > List all
> Daily > Daily Sale / Tap customer B
summary summary transactions
View all reports Rewards > Refund > Enter S
> Transaction > Setup > Info amount
List
View all reports View all reports
> Transaction > Refund > Enter
> Transaction > C
Detail manager code
Detail
3. Gap Analysis Contrastando funcionalidades
miércoles 4 de agosto de 2010 Available on pa
44. Negocio Personas
Plataforma
Objetivos y principios ¿Qué?
miércoles 4 de agosto de 2010
45. Priorización de
audiencias
• Establecer una (idealmente)
persona primaria.
• En función de críterios como:
• Cobertura funcional
• Compatibilidad de valores
• Representatividad del
mercado
miércoles 4 de agosto de 2010
49. Posicionamiento
• Que lugar ocupamos en la
industria (cualitativa o
cuantitativamente)
• Cómo nos posicionamos y
diferenciamos
• Hacía donde debemos empujar
el sitio.
miércoles 4 de agosto de 2010
50. Objetivos
• ¿Por qué nuestra persona
primaria nos elegirá o tendra
una experiencia satisfactoría?
• Que objetivos nos planteamos
lograr, y cuáles son las métricas
de éxito:
• Cualitativas
• Cuantitativas
miércoles 4 de agosto de 2010
51. h a
De
co aliz
on
io 7.1 ers gar
lo sar P
8.0 tu ho
.3 .2 G
6
ía s
.1 Gu
6.3
ón
aci
rm
Info ica
6.3 técn
n as
o mu
e C
H om 4.0
a sa
4 .2 C
sa s
Ca
3.0 . s
4.1 ento
am
art .1
s D ep 4.2
2.0 ento s
am na os
art o mu oy ect
D ep C P r
3.1 4 .1.1
os a
ect ien
d
u nas Pr oy Viv
l om 1.1 .1
a C 3 . .1.1
cip 2.1 4
rin da
ó np tos ivie
n
de n y ec .1 V
lo Pro
ic rsió .1.1
0 C ida
1. V ve 2.1
.1 3
1 .5 In
Nid
o
Requerimientos
va cí
o
.1.1
¿Cómo?
.1V ivie
n da
1.4 2
o
Nid to
1.3 de e
miércoles 4 de agosto mpl2010
52. a - ro
s
d Eli
n an E lisa
J ua
¿Cómo? ari
o 2: Ju
an
cen
s
n t to
4. S a wa and
e Elis ether isitin
ffic d and tog re v
• Escenarios ), o rrie 1 n n
Jua rnoo dren a
r n (42 ma afte ir chil ents.
A cto ua ager, two r.
J n the ndpa
r
, e
m a l isa emb gra
• Requerimientos h E n. M
wit dre
l
chi
• Datos
,
k irts ,
• Contenidos o uts nch
t he ter lu ,
ntex in t af m office
.
Co o use noon edroo me
's h after ter b n ho
• Funcionales uan ay s o g 4
Jua
J
n d ma puter s tin
Su V on om
T c n exi m
BB ktop t o a nt.
de s k ed cou
• Atributos s lin ac
TV i .com
BB uca
z
Ba
s
itie
s a bil a tion ng
on ntic owsi r,
rep the br o
e m au vie ir ect
S yst and d mo ing d
miércoles 4 de agosto de 2010 ing e d
53. 8. Scenario 6: Francisca's 12 hour movie marathon on czech directors Bazuca On Demand UX Guidelines
Version 4.7 / 22.02.10
Actor
Queue
Francisca (34),
journalist,
engaged, cinema Francisca
geek, Bazuca.com
fan. Subscriber. 1 2 3
Francisca has planned this night all week.
Using her web browser she has research Francisca takes the remote and point it Francisca it's ready and set to go. All her
and add to her instant queue the best to NetCast, and from there she logs into favorites movies are already waiting for
silent, black & white, czech films on his Bazuca account. her on Bazuca on Demand queue.
Context Bazuca.
Francisca's apartment, thursday 8
PM, BBTV on bedroom, turned off
cellphone, lots of butter flavored
popcorn.
BBTV is linked to an existing
Bazuca.com account.
4
She play the first one and enjoy a 12
System reponsabilities hour tour de force.
1. Seamless synchronization of a
favorite movies list between web
and BBTV.
2. Logging and authentication
3. A Queue access.
4. A full screen video player.
Escenario Un ejemplo
miércoles 4 de agosto de 2010