Haciendo la vida más fácil a las personas
-
Upload
benjamin-preller -
Category
Documents
-
view
531 -
download
2
description
Transcript of Haciendo la vida más fácil a las personas
![Page 1: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/1.jpg)
HACIENDO LA VIDA MÁS FÁCIL A LAS PERSONAS
Usabilidad y Experiencia de Usuario.
Benjamín Preller Diharce @benjapreller
![Page 2: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/2.jpg)
¿DE QUÉ FORMA SE PONE CORRECTAMENTE?
![Page 3: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/3.jpg)
HACIA ADELANTE
Fuente: EngineeringDegree.net
![Page 4: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/4.jpg)
HACIA ATRÁS
Fuente: EngineeringDegree.net
![Page 5: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/5.jpg)
USABILIDADQue tan fácil lo hacemos
![Page 6: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/6.jpg)
USABILIDAD
"Es la facilidad con que las personas pueden utilizar una herramienta particular o cualquier otro objeto fabricado por humanos con el fin de alcanzar un objetivo concreto."
Fuente: Wikipedia
![Page 7: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/7.jpg)
![Page 8: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/8.jpg)
USABILIDAD SEGÚN NIELSEN"Es el atributo de calidad que mide lo fáciles de usar que son las interfaces web."
Jakob Nielsen El padre de la Usabilidad web.
• Entendible
• Novedoso
• Comprensible
• Inteligente
• Atractivo
Un sitio web debe cumplir las siguientes características:
![Page 9: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/9.jpg)
Disciplina que facilita el acceso de los usuarios a los contenidos de un sitio en el menor tiempo posible.
![Page 10: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/10.jpg)
¿CÓMO LOGRAMOS ESTO?Metodología
![Page 11: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/11.jpg)
OBSERVAR
![Page 12: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/12.jpg)
ANALIZAR
![Page 13: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/13.jpg)
PLASMAR
![Page 14: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/14.jpg)
HERRAMIENTAS DE TRABAJO
![Page 15: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/15.jpg)
OBSERVAR
![Page 16: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/16.jpg)
BENCHMARK
Técnica de investigación, realizada por uno o más expertos que consiste en realizar un análisis comparativo de diversos sistemas digitales bajo diversos criterios.
Objetivo
Recopilar buenas prácticas para realizar definiciones estratégicas o prototipos.
![Page 17: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/17.jpg)
CARDSORTING
Herramienta de investigación psicológica, que se basa en la observación de los usuarios y como estos agrupa y asocian un grupo de tarjetas con diversas categorías de temáticas de un sitio web.
Objetivo
Reconocer los diversos modelos mentales de los usuarios, para la generación una arquitectura de información orientada a los usuario.
![Page 18: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/18.jpg)
http://www.youtube.com/watch?v=-89cj71-Vfg
CARDSORTING
![Page 19: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/19.jpg)
TEST DE USUARIOHerramienta de investigación cualitativa que se basa en la interacción de las personas con una interfaz digital, ya sea éste un sitio Web, aplicación, programa, cajero automático, sistema de auto atención o dispositivo móvil.
Objetivos
• Observar a usuarios representativos interactuar con el sitio en el marco de escenarios de uso claves.
• Analizar el comportamiento de los usuarios observados en las diversas plataformas .
• Identificar problemas de usabilidad y medir niveles de satisfacción.
![Page 20: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/20.jpg)
http://www.youtube.com/watch?v=zL-HmsHwvN8
TEST DE USUARIO
![Page 21: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/21.jpg)
ANALIZAR
![Page 22: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/22.jpg)
INTERPRETACIÓN Y DOCUMENTACIÓN
Toda nuestra investigación debe ser interpretada, analizada y resumida para que sea comprendida.
Muchas veces el resultado final es un documento estratégico el cual define todos lineamientos a seguir en las siguientes etapas de un proyecto.
![Page 23: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/23.jpg)
PLASMAR
![Page 24: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/24.jpg)
ARQUITECTURA DE LA INFORMACIÓNDisciplina preocupada de la organización, disposición y estructuración de la información dentro de un espacio de interacción.
Objetivo
Hacer que la compresión de la información y las acciones que los usuarios realizan sean fáciles de alcanzar.
![Page 25: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/25.jpg)
DISEÑO DE INFORMACIÓNEs la forma en que disponemos los diversos contenidos definiendo las distintas jerarquías que estos dispondrán dentro de nuestra web, aplicación o sistema.
Estos prototipos tienen el nombre de WIREFRAMES
![Page 26: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/26.jpg)
ETAPAS POSTERIORES DE UN PROYECTO
• Diseño de interfaces
• Maquetación HTML/CSS/Javascript
• Desarrollo del plataforma (PHP, Phyton, Ruby and Rails, etc..)
• Marcha blanca y testeo de la plataforma.
![Page 27: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/27.jpg)
EXPERIENCIA DE USUARIOComo hacemos la diferencia
![Page 28: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/28.jpg)
EXPERIENCIA DE USUARIO
Todos los factores que involucran la interacción de una persona ya sea con un servicio, un sitio web, una aplicación o un dispositivo tecnológico.
Y como nosotros pensamos y la hacemos distinta para nuestros usuario.
![Page 29: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/29.jpg)
NO ES LO MISMO...
Callcenter de Movistar
![Page 30: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/30.jpg)
PERO...EL MUNDO ESTA CAMBIANDO• Ya no solo hablamos de sitios web
• Tenemos nuevos dispositivos.
• La web la llevamos en el bolsillo.
• Existen nuevas formas de comunicarnos.
![Page 31: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/31.jpg)
LOS CONTEXTOS HAN CAMBIADO
![Page 32: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/32.jpg)
LA WEB ESTA MURIENDO...Como la conocemos hasta ahora
![Page 33: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/33.jpg)
SMARTHPHONES
![Page 34: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/34.jpg)
TABLETS
![Page 35: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/35.jpg)
SMARTTV
![Page 36: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/36.jpg)
GESTOS
![Page 37: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/37.jpg)
REDES SOCIALES
![Page 38: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/38.jpg)
ENTONCES MIREMOS AL FUTURO HOY
![Page 39: Haciendo la vida más fácil a las personas](https://reader034.fdocument.pub/reader034/viewer/2022051209/547d1a225806b508408b47d3/html5/thumbnails/39.jpg)
MUCHAS GRACIAS, AHORA MANOS A LA OBRA.
Benjamín Preller Diharce @benjapreller