Webs pensadas en

clientes
Sergio Cuervo G., MBA
Universidad ESAN
 Por qu disear
desde el usuario, para
mejorar la
experiencia?
Porque los objetivos lo son todo

1. Porque si no tenemos la definicin de objetivos clara no podemos evaluar

el xito o fallo del nuevo sitio.

2. Sin la definicin de objetivos no existen lineamientos que estructuren y

proyecten el producto digital en escenarios futuros.
Por qu conocer al usuario y su contexto?

3. Porque si no conocemos las necesidades de los usuarios o

su comportamiento de consumo, es probable que le
ofrezcamos un producto o servicio que no encuentre relevante,
de tal forma que perdemos conversiones.

4. Porque sin entender la experiencia actual de nuestros

clientes es poco probable que podamos mejorarla.
 5. Porque sin los
lineamientos que definan la
estructura del sitio, es poco
probable que el crecimiento
del mismo sea coherente y
mantengamos una
experiencia de uso y marca
consistentes.

Por qu conocer al usuario y su contexto?

 Consultora diseo, estrategia e innovacin (DCU)
Kick Of
Brief
Puesta en marcha Conocimiento del negocio marca
Propsito
Propsito
Estructura del negocio
Estudios, documentacin
Expectativas / compromisos en
Estrategia
relacin al canal digital
implementac Estrategia
implementac macro
macro yy
Alinear objetivos
in
in digital
digital Definicin del propsito del sitio
Propuesta grfica Definicin del operacin del negocio
del Website y una
interior)
Dise Lineamientos Estratgicos
o Propuesta de valor del portal web
centra Oportunidades de posicionamiento
Benchmarking iniciativas digital en
do en sectores relevantes
Mapa del sitio
Estructura conceptual el Anlisis del Proceso de Atencin
Look
Look and
and
del Home feel
feel
usuari Audiencia
Audiencia
Arquitectura de la
o
informacin. Pblico objetivo en Digital
Flujograma de uso Jornada del Consumidor
Guideline UX Perfiles de usuarios.
consolidado Necesidades de usuarios
Identificacin de Personas
Comportamiento del usuario
Arquitectura
Arquitectura Contenido
Contenido y
y
de
de forma
forma
informacin
informacin
Identificacin y
priorizacin de
contenidos y
funcionalidades
Estrategia de
comunicacin
 Usabilidad (1)
La usabilidad se refiere a la eficacia, eficiencia y satisfaccin
con la que un producto permite alcanzar objetivos especficos
a unos usuarios especfico en un contexto de uso especfico
(ISO /IEC 9241)
Debe tener los siguientes atributos (Krug, 2014)
til (Useful): Hace algo que la gente necesita hacer?
Se puede aprender (Learnable): La gente puede encontrar la manera
de usarlo?
Memorable (Memorable): Tienen que aprender de nuevo ir cada vez
que lo utilizan?
Efectiva (Efective): Se hace el trabajo?
Eficiente (Efficient): Se hace el trabajo con una cantidad razonable
de tiempo y esfuerzo?
Deseable (Desirable): La gente lo quiere?
Encantador (Delightful): Es agradable, o incluso divertido?
 Usabilidad (2)
Encierra la habilidad de adaptarse a la forma en
que el usuario espera ver atendidas sus
necesidades de informacin y de bsqueda de
cualquier producto y servicio deseado
Existen cinco factores que miden el grado de
usabilidad
Primario: el tiempo de carga de las pginas
Secundario: tiempo de acceso con xito a la informacin
deseada
Funcional: nmero de pasos hasta encontrar lo deseado
Fiabilidad de los procesos: sin errores
Personalizacin: grado de adaptacin al usuario
 Usabilidad (3)
Cmo se mide?
El xito de su
Eficacia tarea
Medida objetiva
El usuario
logra lo que
quiere
Satisfacci
Eficiencia
n
Cmo se mide? Lo logra sin
Reporta
Esfuerzo esfuerzo
empleado: satisfaccin Cmo se mide?
Clics y el Preguntas al
tiempo. usuario
Medida objetiva Medida
subjetiva
 Usabilidad (4)

Eficacia

Usuario especfico
Eficienci Objetivos especficos
a Contexto de uso
especfico

Satisfac
cin
 Cmo son los usuario cuando
navegan?
Los usuarios aprecian la
calidad y la credibilidad.
Los usuarios no leen,
escanean la
informacin.
Los usuarios son
impacientes.
Los usuarios no se
toman mucho tiempo
para elegir la mejor
opcin.
 Principios para una buena
Usabilidad (1)
1. Claridad en los objetivos del site
El sitio web debe comunicar de manera
inmediata su propsito, funcin u objetivo.
2. Adecuarse al mundo y a la lgica del
usuario.
El sitio debe estar adaptado al mundo real de
los usuarios, su lenguaje, conocimiento.
3. Visibilidad y orientacin.
Debe incluir de manera visible el ttulo del
sitio, de la seccin, etc.
 Principios para una buena
Usabilidad (2)
4. Feedback
Cada reaccin con el sistema debe tener una
clara reaccin.
5. Consistencia y estndares
Se deben utilizar los estndares de manera
correcta: CSS, XML, AJAX; APIs, WS, W3C
6. Prevencin de errores
El diseo de un site debe prevenir los errores
de los usuarios antes de que se cometan.
 Principios para una buena
Usabilidad (3)
7. Flexibilidad y eficiencia de uso.
La pgina facilita y optimiza el acceso de los
usuarios cualesquiera que sean sus caractersticas.
8. Eficacia en los mensajes de error.
Deben ayudar a solucionar el problema.
9. Diseo no sobrecargado
Se debe evitar toda informacin irrelevante para
slo dejar la informacin necesaria.
10.Debe estar adaptada a las necesidades del
usuario.
Ciclo de vida del desarrollo de sistemas para sitios web

Fuente: Laudon & Guercio, 2014

Copyright 2013 Pearson
Education, Inc.
 Preparacin
Definicin del
equipo de trabajo
Infraestructura y
plataforma
Forma de
comunicacin
Reuniones
peridicas
Formatos de
trabajo
 Diseo o Anlisis funcional
Definicin del
alcance
Lnea grfica y
vistas (pantallas)
Definiciones
funcionales
(documentos)
Tecnologa a
utilizar
Diseo de base de
datos
 Mapa del
sitio

uente: http://mrbrownshs.wordpress.com/2012/05/22/info-tech-910-html-intro/
Desarrollo y configuracin
Implementacin de la
plantilla
Programacin
Utilizacin de estndares
(CSS, XML, AJAX; APIs,
WS, W3C)
Integracin con
aplicaciones externas
Personalizacin de
cuentas en redes sociales
Considerar las diferentes
plataformas mviles
QA y Testing
Migracin a ambiente
QA
No se trata de
comprobar que
funciona, sino de
demostrar que NO
Falla
Escenarios de prueba
(browsers)
Diferente interfaz
Ethical hacking
Carga de datos y puesta en
marcha
Migracin al
ambiente real
Carga de datos
Pruebas en ancho
de banda,
servidores, etc.
Cdigo de
seguimiento
(Google Analytics)
 Modelo de Negocios

Ajuste de soporte individual

Contexto Contenido Comunidad Conversin Comunicacin Comercio Conexin

Distribucin Textos, Capacidad del Grado de

Interaccin sitio para Formas en que el Transacciones
y diseo del imgenes, vinculacin
entre usuarios adaptarse a sitio permite la comerciales
sitio sonido y video con otros sitios
distintos comunicacin
usuarios

Reforzamiento consistente
 Interfaz cliente (1)
Contexto
Captura la esttica y funcionalidad de la pgina. Hoy en da se debe
buscar un punto intermedio entre ambos puntos pero lo que ms debe
primar es la funcionalidad de la pgina. Qu es funcional? Qu
levante rpidamente, que sea de fcil navegacin y que el usuario
pueda encontrar lo que busca rpidamente.
Contenido
Es toda la temtica digital en el sitio. Es decir, grficos, videos,
imgenes, texto. El desarrollo de contenido, desde la perspectiva de
texto, es sumamente importante para desarrollar las estrategias a
travs de los buscadores.
Comunidad
Es la interaccin entre usuarios del sitio. Por ejemplo envo de correo
electrnico, jugar entre ellos, comprar y vender entre ellos. Una
ejemplo de comunidad tal como lo plantean los autores son las creadas
por eBay o Mercado Libre.
Conversin
Es la capacidad del sitio para ajustarse a sus consumidores o que el
mismo usuario personalice el sitio.
 Interfaz cliente (2)
Comunicacin
Es el dilogo entre el sitio y el usuario. Se da a
travs de un correo electrnico, mensajes
instantneos, redes sociales, etc.
Conexin
Es el vnculo que tiene la pgina con otros sitios.
Esto se puede dar a travs de los buscadores,
banners, blogs, redes sociales u otros.
Comercio
La capacidad de la empresa de poder desarrollas
actividades de comercio electrnico.
Presupuesto (1)

37% 32%
Desarrollo de contenido
Diseo y Desarrollo de
contenidos
Servicio de hospedaje
5% 16%
5% 5% Telecomunicaciones
software
Marketing
 Presupuesto (2)
Diferenciar
implementacin de Seguridad
mantenimiento
Implementacin (Proyecto)
Procedimiento de
Consultora en marketing seguridad bsicos
digital
Desarrollo del sistema
Ethical Hacking
Lanzamiento Servidor y firewall
Mantenimiento

Data sensible
Mejoras y modificaciones
Social Media Fraude
Nuevos contenidos
Dinmica, promociones, etc
eMailing
Servicios de TI
Fuente: Creatiwebs (2014)
 Factores de xito de una web

Nombre del dominio http://punto.pe//

Usabilidad
Contenido
Imgenes atractivas
Personalizacin
Comunidad
Compra fcil y de plena confianza
 Analtica
Permita poder observar el
comportamiento de los usuarios al
interactuar con los contenidos que ofrece
la pgina
Las herramientas ms usadas a nivel
mundial son: El 12,5% de las
Google Analytics; 68.75%
empresas utiliza 2
Google Analytics tipos de analtica

Certifica
Onmiture
Omniture; 18.75%
Piwik Certifica; 14.58%

Piwik; 2.08%

Fuente: Future Labs, 2011

 Conexiones a Internet por rango
de velocidades (%)

2% 2% 2% 10%
AB > 2048 kbps
19% 1024 < AB <=
2048 kbps
25% 512 < AB <= 1024
kbps
256 < AB <= 512
kbps
40% 128 < AB <= 256
kbps

1024 kB hacen 1 MegaByte (MB)

1024 MB hacen 1 GigaByte (GB)
Elaborado por Osiptel
Fuente: Empresas operadoras
Tomado de: Peridico Gestin, 25 de junio del 2012