SlideShare una empresa de Scribd logo
1 de 17
Descargar para leer sin conexión
U
S A
B I L I
D A D
CONSTRUYE TU WEB
CENTRADA EN TUS CLIENTES
E L
C L I
E N T E
1_ UN BUEN KICKOFF
Darse el tiempo de conocer el proyecto a desarrollar.
No basta con un correo electrónico a la hora de
enfrentar un proyecto dé gran envergadura, lo
óptimo es socializar con todo el equipo de trabajo,
cliente-empresa, para que todas las esferas que
interactuan tengan claro desde el principio los
objetivos a alcanzar de primera mano.
2_ TRAZA METAS
O B J E
T I V O
S
Es importante tener objetivos claros para no caer en
la especulación y poder realizar un producto
centrado en el usuario, los KPI o Indicadores Clave
de Desempeño son el mapa de ruta que nos guiará a
la hora de realizar una experiencia de usuario
efectiva y al ser medibles poder generar informes
que justifiquen un retorno de la inversión.
I N
V E S
T I G A
3_ EXPERIENCIA DE USUARIO UX
Estamos en la era de la velocidad, nada se premia mas que entregar los proyectos lo
antes posible y es por esta razón que el internet está lleno de páginas sin sentido y
clientes insatisfechos, un Benchmark digital te dará información relevante en diversos
campos pasando desde patrones de diseño hasta colores y experiencia de usuario.
CONOCE EL MERCADO
DE TU CLIENTE:
a__________
Analiza los datos existentes tanto internos como externos, para eso podemos utilizar la herramienta
estrella de la analítica web Google Analytics, el cual nos muestra un amplio panorama de
comportamiento de nuestros usuarios en el internet, si deseamos generar un producto digital
centrado en el usuario, debemos saber cómo interactúan con dichos productos. Además podemos
darnos una idea de tendencias globales con Google Trends lo cual nos dará información valiosa si no
tenemos los suficientes datos de analítica recopilados por el cliente.
CONOCE A LOS USUARIOS
DE TUS CLIENTES:
b__________
Comúnmente llamado arquitectura de la información, realiza historias de usuario en las que plantees
las principales tareas que pueda realizar una persona en tu producto digital, organízalas como tareas
independientes y sub tareas, planifica un flujo lógico y agradable en donde se pueda surfear con
sencillez en la información y materialízalo en un mapa dé sitio.
REALIZA UN MAPA DE RUTA:
c__________
Los wireframes nos dan enormes ventajas a la hora de crear experiencias de usuario,
primero nos ahorramos los grandes reprocesos que significa realizar cambios en un
diseño elaborado, segundo no hay imágenes que no distraigan de lo esencial que es
mostrar de forma efectiva la información y guiar a la conversión, por último podemos
realizar bocetos de forma rápida y moverlos hasta que representen fielmente los
intereses de la estrategia.
PROTOTIPA WIREFRAMES:
d__________
4_ DISEÑO
C R E
A
T I V I
D A D
El diseño, un poderoso diferenciador que ayuda de forma primordial al enganche
emocional con la marca, una imagen dice mil palabras, nunca ántes fué tan importante
este enunciado como en el diseño actual, la mayoría de los elementos de diseño en un
proyecto digital están compuestos por fotografías que nos inspiran, nos muestran
valores de la marca, nos motivan, seducen y lo más importante nos guían por el
contenido, los cuales han mutado hasta llegar al escaneo dé texto, el cual consiste en
que los usuarios ya no leen de forma secuencial línea por línea sino que se guían por
títulos, subtítulos y escaneo rápido de párrafos haciendo incapié en los realmente
relevantes.
Se responsive, crea los elementos pensando mobile first, el tráfico de internet en
dispositivos móviles está creciendo vertiginosamente y se espera que supere en pocos
años al computador de escritorio, por eso debemos ser amigables con esta importante
porsión del mercado y realizar proyectos adaptables a todo tipo de dispositivos ya sea
computador, tablet o smartphone.
5 _ TESTEA
C O
R R I
G E
Recoge y analiza tus datos, trackea las tareas
principales de tu portal con Google Analytics y
analiza los movimientos de tu usuario, si exinten
posibles fugas de tus conversiones plantea posibles
soluciones y mejora tu producto o crea nuevas
oportunidades, el usuario tiene el poder y tenemos
las suficientes herramientas para leer y predecir sus
necesidades, de ti depende la calidad y cantidad de
datos que puedas obtener.
© _ DERECHOS
DE
AUTOR
Este contenido es de distribución libre y fue construído
con base en los conocimientos que he adquirido alrededor
de mis estudios y los mas de 10 años de experiencia en el
mercado digital, por favor no te des crédito con algo que
no construiste, el conocimiento es para todos, compártelo.
¡¡¡GRACIAS!!!
Gracias por tomarte el tiempo de leer esta
presentación y compartirla, si tienes aportes
al documento no dudes en escribirme a
grafix18@hotmail.com
www.behance.net/juanSanta www.linkedin.com/in/juanestebansanta

Más contenido relacionado

Destacado

Saeed speacial on mitchells fruit farm ltd
Saeed speacial on mitchells fruit farm ltdSaeed speacial on mitchells fruit farm ltd
Saeed speacial on mitchells fruit farm ltdsaeed anjum
 
mitchell fruit farm ltd
mitchell fruit farm ltdmitchell fruit farm ltd
mitchell fruit farm ltdsaeed anjum
 
Hello Prototype!
Hello Prototype!Hello Prototype!
Hello Prototype!UX Nights
 
Prototipando experiencias de usuario
Prototipando experiencias de usuarioPrototipando experiencias de usuario
Prototipando experiencias de usuarioUX Nights
 
La importancia del trabajo colaborativo en Arquitectura de Información
La importancia del trabajo colaborativo en Arquitectura de InformaciónLa importancia del trabajo colaborativo en Arquitectura de Información
La importancia del trabajo colaborativo en Arquitectura de InformaciónUX Nights
 
Diseño emocional - emocioname luego existes
Diseño emocional - emocioname luego existesDiseño emocional - emocioname luego existes
Diseño emocional - emocioname luego existesUX Nights
 
Eres tan bueno como tus usuarios
Eres tan bueno como tus usuariosEres tan bueno como tus usuarios
Eres tan bueno como tus usuariosUX Nights
 
El futuro de la interacción
El futuro de la interacciónEl futuro de la interacción
El futuro de la interacciónUX Nights
 
UX Nights Vol 03.04: UX empieza en los valores
UX Nights Vol 03.04: UX empieza en los valoresUX Nights Vol 03.04: UX empieza en los valores
UX Nights Vol 03.04: UX empieza en los valoresUX Nights
 
Desmitificando la Usabilidad - Imelda González
Desmitificando la Usabilidad - Imelda GonzálezDesmitificando la Usabilidad - Imelda González
Desmitificando la Usabilidad - Imelda GonzálezUX Nights
 
Arquitectura de Información en Proyectos de Gobierno
Arquitectura de Información en Proyectos de GobiernoArquitectura de Información en Proyectos de Gobierno
Arquitectura de Información en Proyectos de GobiernoUX Nights
 
Por que amamos u odiamos las cosas de dia a dia
Por que amamos u odiamos las cosas de dia a diaPor que amamos u odiamos las cosas de dia a dia
Por que amamos u odiamos las cosas de dia a diaUX Nights
 
Marketing para MiPyMES
Marketing para MiPyMESMarketing para MiPyMES
Marketing para MiPyMESUX Nights
 

Destacado (14)

Saeed speacial on mitchells fruit farm ltd
Saeed speacial on mitchells fruit farm ltdSaeed speacial on mitchells fruit farm ltd
Saeed speacial on mitchells fruit farm ltd
 
mitchell fruit farm ltd
mitchell fruit farm ltdmitchell fruit farm ltd
mitchell fruit farm ltd
 
Distally-Based Sural Flap
Distally-Based Sural Flap Distally-Based Sural Flap
Distally-Based Sural Flap
 
Hello Prototype!
Hello Prototype!Hello Prototype!
Hello Prototype!
 
Prototipando experiencias de usuario
Prototipando experiencias de usuarioPrototipando experiencias de usuario
Prototipando experiencias de usuario
 
La importancia del trabajo colaborativo en Arquitectura de Información
La importancia del trabajo colaborativo en Arquitectura de InformaciónLa importancia del trabajo colaborativo en Arquitectura de Información
La importancia del trabajo colaborativo en Arquitectura de Información
 
Diseño emocional - emocioname luego existes
Diseño emocional - emocioname luego existesDiseño emocional - emocioname luego existes
Diseño emocional - emocioname luego existes
 
Eres tan bueno como tus usuarios
Eres tan bueno como tus usuariosEres tan bueno como tus usuarios
Eres tan bueno como tus usuarios
 
El futuro de la interacción
El futuro de la interacciónEl futuro de la interacción
El futuro de la interacción
 
UX Nights Vol 03.04: UX empieza en los valores
UX Nights Vol 03.04: UX empieza en los valoresUX Nights Vol 03.04: UX empieza en los valores
UX Nights Vol 03.04: UX empieza en los valores
 
Desmitificando la Usabilidad - Imelda González
Desmitificando la Usabilidad - Imelda GonzálezDesmitificando la Usabilidad - Imelda González
Desmitificando la Usabilidad - Imelda González
 
Arquitectura de Información en Proyectos de Gobierno
Arquitectura de Información en Proyectos de GobiernoArquitectura de Información en Proyectos de Gobierno
Arquitectura de Información en Proyectos de Gobierno
 
Por que amamos u odiamos las cosas de dia a dia
Por que amamos u odiamos las cosas de dia a diaPor que amamos u odiamos las cosas de dia a dia
Por que amamos u odiamos las cosas de dia a dia
 
Marketing para MiPyMES
Marketing para MiPyMESMarketing para MiPyMES
Marketing para MiPyMES
 

Similar a Crea una web centrada en tus clientes (UX)

Guía diseño y elaboración pagina web
Guía diseño y elaboración pagina webGuía diseño y elaboración pagina web
Guía diseño y elaboración pagina webBlack creativebox
 
Guía diseño y elaboración pagina web
Guía diseño y elaboración pagina webGuía diseño y elaboración pagina web
Guía diseño y elaboración pagina webBlack creativebox
 
Presentacion punala (1)
Presentacion punala (1)Presentacion punala (1)
Presentacion punala (1)Oscar Grondona
 
8 herramientas mejorar empresa
8 herramientas mejorar empresa8 herramientas mejorar empresa
8 herramientas mejorar empresaJulio Alberto Exr
 
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?Connext Comunicación Digital
 
Diseño como Enfoque de Visión Estratégica
Diseño como Enfoque de Visión EstratégicaDiseño como Enfoque de Visión Estratégica
Diseño como Enfoque de Visión EstratégicaSoftware Guru
 
Taller: ¿Está mi web preparada para la expansión internacional?
Taller: ¿Está mi web preparada para la expansión internacional?Taller: ¿Está mi web preparada para la expansión internacional?
Taller: ¿Está mi web preparada para la expansión internacional?Connext Comunicación Digital
 
Ficha tecnica desarrollo web
Ficha tecnica desarrollo webFicha tecnica desarrollo web
Ficha tecnica desarrollo webleadbrokers
 
Opensession: Como medir nuestro ecosistema digital de sitios web y apps
Opensession: Como medir nuestro ecosistema digital de sitios web y appsOpensession: Como medir nuestro ecosistema digital de sitios web y apps
Opensession: Como medir nuestro ecosistema digital de sitios web y appsMultiplica
 
Creaacion de apps
Creaacion de appsCreaacion de apps
Creaacion de appsLuisGabba
 
¿Cómo diseñar SUNAT.gob.pe? Aplicando Diseño Centrado en el Usuario
¿Cómo diseñar SUNAT.gob.pe?  Aplicando Diseño Centrado en el Usuario ¿Cómo diseñar SUNAT.gob.pe?  Aplicando Diseño Centrado en el Usuario
¿Cómo diseñar SUNAT.gob.pe? Aplicando Diseño Centrado en el Usuario Juan-Francisco Reyes
 

Similar a Crea una web centrada en tus clientes (UX) (20)

Guía diseño y elaboración pagina web
Guía diseño y elaboración pagina webGuía diseño y elaboración pagina web
Guía diseño y elaboración pagina web
 
Guía diseño y elaboración pagina web
Guía diseño y elaboración pagina webGuía diseño y elaboración pagina web
Guía diseño y elaboración pagina web
 
Trabajo Prog. Web
Trabajo Prog. WebTrabajo Prog. Web
Trabajo Prog. Web
 
Presentacion punala (1)
Presentacion punala (1)Presentacion punala (1)
Presentacion punala (1)
 
FORMATO DE LA EMPRESA
FORMATO DE LA EMPRESAFORMATO DE LA EMPRESA
FORMATO DE LA EMPRESA
 
8 herramientas mejorar empresa
8 herramientas mejorar empresa8 herramientas mejorar empresa
8 herramientas mejorar empresa
 
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
 
Trabajo Completo
Trabajo Completo Trabajo Completo
Trabajo Completo
 
Scope Canvas
Scope CanvasScope Canvas
Scope Canvas
 
Tendencias analytics para el 2016
Tendencias analytics para el 2016Tendencias analytics para el 2016
Tendencias analytics para el 2016
 
Bilnea. Negocio Digital
Bilnea. Negocio DigitalBilnea. Negocio Digital
Bilnea. Negocio Digital
 
Construcción y desarrollo de un sitio web de éxito
Construcción y desarrollo de un sitio web de éxitoConstrucción y desarrollo de un sitio web de éxito
Construcción y desarrollo de un sitio web de éxito
 
Diseño como Enfoque de Visión Estratégica
Diseño como Enfoque de Visión EstratégicaDiseño como Enfoque de Visión Estratégica
Diseño como Enfoque de Visión Estratégica
 
Marketing digital.docx (1)
Marketing digital.docx (1)Marketing digital.docx (1)
Marketing digital.docx (1)
 
Taller: ¿Está mi web preparada para la expansión internacional?
Taller: ¿Está mi web preparada para la expansión internacional?Taller: ¿Está mi web preparada para la expansión internacional?
Taller: ¿Está mi web preparada para la expansión internacional?
 
Ficha tecnica desarrollo web
Ficha tecnica desarrollo webFicha tecnica desarrollo web
Ficha tecnica desarrollo web
 
Opensession: Como medir nuestro ecosistema digital de sitios web y apps
Opensession: Como medir nuestro ecosistema digital de sitios web y appsOpensession: Como medir nuestro ecosistema digital de sitios web y apps
Opensession: Como medir nuestro ecosistema digital de sitios web y apps
 
Presentación DO Web y Aplicaciones
Presentación DO Web y AplicacionesPresentación DO Web y Aplicaciones
Presentación DO Web y Aplicaciones
 
Creaacion de apps
Creaacion de appsCreaacion de apps
Creaacion de apps
 
¿Cómo diseñar SUNAT.gob.pe? Aplicando Diseño Centrado en el Usuario
¿Cómo diseñar SUNAT.gob.pe?  Aplicando Diseño Centrado en el Usuario ¿Cómo diseñar SUNAT.gob.pe?  Aplicando Diseño Centrado en el Usuario
¿Cómo diseñar SUNAT.gob.pe? Aplicando Diseño Centrado en el Usuario
 

Crea una web centrada en tus clientes (UX)

  • 1. U S A B I L I D A D CONSTRUYE TU WEB CENTRADA EN TUS CLIENTES
  • 2. E L C L I E N T E 1_ UN BUEN KICKOFF
  • 3. Darse el tiempo de conocer el proyecto a desarrollar. No basta con un correo electrónico a la hora de enfrentar un proyecto dé gran envergadura, lo óptimo es socializar con todo el equipo de trabajo, cliente-empresa, para que todas las esferas que interactuan tengan claro desde el principio los objetivos a alcanzar de primera mano.
  • 4. 2_ TRAZA METAS O B J E T I V O S
  • 5. Es importante tener objetivos claros para no caer en la especulación y poder realizar un producto centrado en el usuario, los KPI o Indicadores Clave de Desempeño son el mapa de ruta que nos guiará a la hora de realizar una experiencia de usuario efectiva y al ser medibles poder generar informes que justifiquen un retorno de la inversión.
  • 6. I N V E S T I G A 3_ EXPERIENCIA DE USUARIO UX
  • 7. Estamos en la era de la velocidad, nada se premia mas que entregar los proyectos lo antes posible y es por esta razón que el internet está lleno de páginas sin sentido y clientes insatisfechos, un Benchmark digital te dará información relevante en diversos campos pasando desde patrones de diseño hasta colores y experiencia de usuario. CONOCE EL MERCADO DE TU CLIENTE: a__________
  • 8. Analiza los datos existentes tanto internos como externos, para eso podemos utilizar la herramienta estrella de la analítica web Google Analytics, el cual nos muestra un amplio panorama de comportamiento de nuestros usuarios en el internet, si deseamos generar un producto digital centrado en el usuario, debemos saber cómo interactúan con dichos productos. Además podemos darnos una idea de tendencias globales con Google Trends lo cual nos dará información valiosa si no tenemos los suficientes datos de analítica recopilados por el cliente. CONOCE A LOS USUARIOS DE TUS CLIENTES: b__________
  • 9. Comúnmente llamado arquitectura de la información, realiza historias de usuario en las que plantees las principales tareas que pueda realizar una persona en tu producto digital, organízalas como tareas independientes y sub tareas, planifica un flujo lógico y agradable en donde se pueda surfear con sencillez en la información y materialízalo en un mapa dé sitio. REALIZA UN MAPA DE RUTA: c__________
  • 10. Los wireframes nos dan enormes ventajas a la hora de crear experiencias de usuario, primero nos ahorramos los grandes reprocesos que significa realizar cambios en un diseño elaborado, segundo no hay imágenes que no distraigan de lo esencial que es mostrar de forma efectiva la información y guiar a la conversión, por último podemos realizar bocetos de forma rápida y moverlos hasta que representen fielmente los intereses de la estrategia. PROTOTIPA WIREFRAMES: d__________
  • 11. 4_ DISEÑO C R E A T I V I D A D
  • 12. El diseño, un poderoso diferenciador que ayuda de forma primordial al enganche emocional con la marca, una imagen dice mil palabras, nunca ántes fué tan importante este enunciado como en el diseño actual, la mayoría de los elementos de diseño en un proyecto digital están compuestos por fotografías que nos inspiran, nos muestran valores de la marca, nos motivan, seducen y lo más importante nos guían por el contenido, los cuales han mutado hasta llegar al escaneo dé texto, el cual consiste en que los usuarios ya no leen de forma secuencial línea por línea sino que se guían por títulos, subtítulos y escaneo rápido de párrafos haciendo incapié en los realmente relevantes. Se responsive, crea los elementos pensando mobile first, el tráfico de internet en dispositivos móviles está creciendo vertiginosamente y se espera que supere en pocos años al computador de escritorio, por eso debemos ser amigables con esta importante porsión del mercado y realizar proyectos adaptables a todo tipo de dispositivos ya sea computador, tablet o smartphone.
  • 13. 5 _ TESTEA C O R R I G E
  • 14. Recoge y analiza tus datos, trackea las tareas principales de tu portal con Google Analytics y analiza los movimientos de tu usuario, si exinten posibles fugas de tus conversiones plantea posibles soluciones y mejora tu producto o crea nuevas oportunidades, el usuario tiene el poder y tenemos las suficientes herramientas para leer y predecir sus necesidades, de ti depende la calidad y cantidad de datos que puedas obtener.
  • 15. © _ DERECHOS DE AUTOR Este contenido es de distribución libre y fue construído con base en los conocimientos que he adquirido alrededor de mis estudios y los mas de 10 años de experiencia en el mercado digital, por favor no te des crédito con algo que no construiste, el conocimiento es para todos, compártelo.
  • 17. Gracias por tomarte el tiempo de leer esta presentación y compartirla, si tienes aportes al documento no dudes en escribirme a grafix18@hotmail.com www.behance.net/juanSanta www.linkedin.com/in/juanestebansanta