Hablemos de UX - José Ma. Medina, UX UI designerJosé Ma. Medina
Introducción sobre el tema de UX,las ventajas de como integrar UX dentro de nuestro proceso de trabajo ayuda a mejorar el desarrollo de un producto digital y nuestra manera de pensar.
Quick introduction to UX & service design, high-level process & some methodologies and inspiration.
This deck was created for the workshop on UCD for the built environment.
Hablemos de UX - José Ma. Medina, UX UI designerJosé Ma. Medina
Introducción sobre el tema de UX,las ventajas de como integrar UX dentro de nuestro proceso de trabajo ayuda a mejorar el desarrollo de un producto digital y nuestra manera de pensar.
Quick introduction to UX & service design, high-level process & some methodologies and inspiration.
This deck was created for the workshop on UCD for the built environment.
This presentation was made by me for a basic level UI and UX training in my company. The presentation has also been designed from a UI and UX perspective and has been kept minimalistic. The presentation also contains several other important topics like the work culture in my company, Our process of developing a presentation and a short brief on E commerce platforms.
Se presenta una breve explicación sobre diseño centrado en el usuario, historia, definición e importancia de esta metodología de trabajo para el diseño de interfaces usables.
En esta presentación podrá encontrar:
- Inicios del diseño centrado en el usuario (DCU).
- Diferencias entre el diseño tradicional y el diseño centrado en el usuario.
- Definición del DCU.
- Faces del DCU.
- Metodologías de evaluación usadas por el DCU.
Fuente: www.blog.pucp.edu.pe/ux
This presentation is an introduction to the fields of User Experience and User Interface design that I created for a Google Hangout talk for Saigon CoWorkshop.
En esta presentación veremos cuáles son los principales patrones de diseño e interacción para aplicaciones en Android. Tendremos una introducción a los conceptos básicos del diseño centrado en el usuario (Ux) y conoceremos las reglas heurísticas para la creación de prototipos que mejoren la experiencia de nuestros usuarios.
Temario:
Introducción a Ux
Patrones de diseño de interacción en Android
Principios de Material design
Creación de wireframes
Reglas Heurísticas
The Overview and basic guidance on User interface designing and User experience designing for designer and developers, The Difference in User Interface designing and User Experience Designing.
Basics in User Experience Design, Information Architecture & UsabilitySebastian Waters
Presentation for my talk about the "Basics in User Experience Design, Information Architecture & Usability" at General Assembly Berlin, January 9th, 2013
This presentation taget basics of UX design fundamentals. It’s a quick overview, so you can go from zero-to-hero as quickly as possible. One more Advance course on UX practices is coming soon...
Los principales roles y funciones que deben desempeñar los diferentes profesionales de experiencia usuaria en el desarrollo de un proyecto.
En esta presentación podrá encontrar:
- El equipo UX interactúa con otros profesionales de diferentes áreas
- ¿Qué documentos o actividades los relaciona?
Fuente: www.blog.pucp.edu.pe/ux
This presentation was made by me for a basic level UI and UX training in my company. The presentation has also been designed from a UI and UX perspective and has been kept minimalistic. The presentation also contains several other important topics like the work culture in my company, Our process of developing a presentation and a short brief on E commerce platforms.
Se presenta una breve explicación sobre diseño centrado en el usuario, historia, definición e importancia de esta metodología de trabajo para el diseño de interfaces usables.
En esta presentación podrá encontrar:
- Inicios del diseño centrado en el usuario (DCU).
- Diferencias entre el diseño tradicional y el diseño centrado en el usuario.
- Definición del DCU.
- Faces del DCU.
- Metodologías de evaluación usadas por el DCU.
Fuente: www.blog.pucp.edu.pe/ux
This presentation is an introduction to the fields of User Experience and User Interface design that I created for a Google Hangout talk for Saigon CoWorkshop.
En esta presentación veremos cuáles son los principales patrones de diseño e interacción para aplicaciones en Android. Tendremos una introducción a los conceptos básicos del diseño centrado en el usuario (Ux) y conoceremos las reglas heurísticas para la creación de prototipos que mejoren la experiencia de nuestros usuarios.
Temario:
Introducción a Ux
Patrones de diseño de interacción en Android
Principios de Material design
Creación de wireframes
Reglas Heurísticas
The Overview and basic guidance on User interface designing and User experience designing for designer and developers, The Difference in User Interface designing and User Experience Designing.
Basics in User Experience Design, Information Architecture & UsabilitySebastian Waters
Presentation for my talk about the "Basics in User Experience Design, Information Architecture & Usability" at General Assembly Berlin, January 9th, 2013
This presentation taget basics of UX design fundamentals. It’s a quick overview, so you can go from zero-to-hero as quickly as possible. One more Advance course on UX practices is coming soon...
Los principales roles y funciones que deben desempeñar los diferentes profesionales de experiencia usuaria en el desarrollo de un proyecto.
En esta presentación podrá encontrar:
- El equipo UX interactúa con otros profesionales de diferentes áreas
- ¿Qué documentos o actividades los relaciona?
Fuente: www.blog.pucp.edu.pe/ux
UX: La experiencia de diseñar la experienciaAriel Glaz
Clase teórica sobre Diseño de Experiencia de Usuario, Diseño de Interacción y Diseño de Interfaces.
Diseño Gráfico II - Cátedra Salomone
FADU, Universidad de Buenos Aires
Agile UX …O Como integrar UX en equipos ágiles y no morir en el intentoSandra Vilchez
Charla realizada como parte de la cuarta edición del IDF Perú, en las instalaciones de Multiplica Lima y en donde el tema de fondo fueron las metodologías Ágiles y la integración del especialista de UX en equipos Ágiles
Master class: Mobile UI/UX. Como diseñar una App exitosa.Martin Redigolo
Introducción en el desarrollo de interfaces (UI) y experiencia (UX) en aplicaciones (móviles). 13 puntos claves para que tanto el desarrollo como la app tenga éxito. Impartido por Martin Redigolo, diseñador y co-fundador de Startup Astronauts* y del boletín semanal de innovación en negocios, diseño y tecnología ▅▅ stuff (youstuff.me)
Un repaso bien completo a todos los pasos del proceso de diseño de una interfaz web o mobile, desde que tenemos una idea hasta que la dejamos lista para programación. Además, incluyo unos claros ejemplos de diseñadores que lo han hecho bien.
Presentación de la charla sobre Card Sorting realizada en el marco del primer encuentro de Web másters de Bogotá, en mayo de 2008. Autor: Mario Carvajal
Esta presentación fue dada en el marco de la laBITconf Hackathon. El objetivo de la presentación fue darle a los participantes herramientas y conocimientos básicos de UX para que puedan aplicar durante la hackaton y que les sirva para crear productos más usables, que resultan productos de mayor valor y con más chances de éxito.
Aquí revisaremos temas de cómo se incorpora el rol de ux designers en equipos agiles, los problemas que se dan y como evoulcionar para poder resolver estos conflictos ademas de incorporar Research UX herramientas, técnicas y tácticas para el éxito de un Producto
El Software más allá del Software y el Factor “Wow” en la Semana Prosoftware ...SemanticWebBuilder
Es necesario contar con una infraestructura de servicios operativos que funcionen alrededor de los productos, las cuales deben brindar el soporte para que sean un modelo de negocio sustentable y no sólo una elaborada solución tecnológica. Por ello, es importante considerar todas las implicaciones necesarias para la implementación del medio ambiente que revestirá al producto tecnológico tras su liberación, siendo esta igual o más importante quizás que el producto mismo. Para crear el Factor "Wow", se debe fomentar un cambio en cuanto a los esquemas mentales (paradigmas) , logrando de forma natural la obtención de un enfoque creativo que fomente la generación de ideas. Así como proporcionar herramientas para crear una metodología sencilla en la solución de problemas.)
Diseño de productos digitales para emprendedores tecnológicosSol Mesz
Esta presentación está dirigida a emprendedores interesados en el diseño de productos digitales. Los temas centrales son:
1. Importancia de UX, Usabilidad y diseño centrado en el usuario en el diseño de productos digitales
2. Enfoques para la creación de un producto digital
3. Modelo de desarrollo de productos digitales
Presentación de la primera jornada del Workshop Digital donde se abaracaron las temáticas del diseño centrado en el usuario y sus metodologías, experiencia de usuario, y diseño responsive.
Muy frecuentemente oímos hablar de productos tecnológicos de varios tipos, incluidos los de cloud, haciendo evidente la necesidad de contar con una infraestructura de servicios operativos que funcionen alrededor de esas ofertas y brinden el soporte para que sean un modelo de negocio sustentable y no sólo una elaborada solución tecnológica-;Por ello es importante considerar todas las implicaciones necesarias para la implementación del medio ambiente (Plataforma y servicios) que revestirá al producto tecnológico tras su Liberación, siendo esta igual o más importante quizás que el producto mismo.
Si bien los hospitales conjuntan a profesionales de salud que atienden a la población, existe un equipo de organización, coordinación y administración que permite que los cuidados clínicos se otorguen de manera constante y sin obstáculos.
Mario García Baltazar, director del área de Tecnología (TI) del Hospital Victoria La Salle, relató la manera en la que el departamento que él lidera, apoyado en Cirrus y Estela, brinda servicio a los clientes internos de la institución e impulsa una experiencia positiva en el paciente.
Conoce el Hospital Victoria La Salle
Ubicado en Ciudad Victoria, Tamaulipas, México
Inició operaciones en el 2016
Forma parte del Consorcio Mexicanos de Hospitales
Hospital de segundo nivel
21 habitaciones para estancia
31 camas censables
13 camillas
2 quirófanos
+174 integrantes en su plantilla
+120 equipos médicos de alta tecnología
+900 pacientes atendidos
Servicios de +20 especialidades
Módulos utilizados de Cirrus
HIS
EHR
ERP
Estela - Business Intelligence
Escaneo y eliminación de malware en el equiponicromante2000
El malware tiene muchas caras, y es que los programas maliciosos se reproducen en los ordenadores de diferentes formas. Ya se trate de virus, de programas espía o de troyanos, la presencia de software malicioso en los sistemas informáticos siempre debería evitarse. Aquí te muestro como trabaja un anti malware a la hora de analizar tu equipo
1. UX Beneficios e implementación
en proyectos
Edwin Madueño
Lima 2015
2. Agenda
Que es UX
• Definiciones
• Usabilidad & UX
Beneficios de la UX
• Escenario real de los proyectos
• Beneficios que nos trae
• ¿Cómo medimos sus beneficios?
Qué implica realizar UX
• Desarrollo de proyectos
• Quienes participan
• Problemas típicos
Cómo realizar UX
• Etapas de la UX
• Evaluación
Preguntas y respuestas
5. UX es la suma de interacciones que una persona
tiene con un producto o servicio, y tiene como
finalidad mejorar la utilidad, facilidad de uso y la
eficiencia
Se centra en entender:
• Personas: problemas, necesidades, deseos
• Negocio: beneficios, objetivos organizacionales,
estrategia de marketing
• Tecnología: infraestructura, arquitectura,
rendimiento, soporte
10. • Como es
• El que patrocina le dice al que lo va a
desarrollar lo que cree que se necesita,
se lo enseña al que lo usara, le hace
modificaciones creando un "mejor
producto".
• El que desarrolla realiza la propuesta
según lo especificado se lo muestra al
patrocinador, el que lo usara solicita
modificaciones que se adecuen mejor a
lo que realmente quiere pero se ve
limitado.
• La propuesta fue desarrollada basada
en "lo que se necesita", no se adecua, el
que lo usa se frustra
• Debería ser
• El que patrocina el proyecto pide al que
desarrollo el proyecto que haga algo
para que alguien lo use.
• El que desarrolla el proyecto entrevista
al que lo usa, arma una propuesta y se
la ensaña al que patrocina.
• Al haber sido una propuesta
desarrollada en conjunto con el que la
usara, será una propuesta exitosa.
11. Lo que el Cliente y nosotros creemos que el usuario necesita
Lo que el Usuario realmente necesita
12.
13. Para que el producto o servicio
funcione de la forma en que los
usuarios esperan, ya que de lo
contrario afectaría aspectos como:
1. Lealtad del usuario
2. Retorno de la inversión
3. Eficiencia / Productividad
4. Satisfacción del usuario
5. Reducción de costos a largo plazo
6. Mejorar posicionamiento de la
Empresa
14. Beneficios que nos trae
Lealtad de usuarios
• No solo se pierde a un cliente, puede que el
cliente vaya a la competencia
• El agregar opciones al producto no
recuperara la fidelidad, pero una buena UX si
lo hará
• Los clientes fieles son los mejores
evangelizadores de los productos
1.
15. Beneficios que nos trae
Retorno de inversión
• La UX ayuda a eliminar confusiones o
molestias que eviten que convierta (p.e. una
compra)
• Una buena UX aumentara ventas, presencia
en mercado, nro. visitas, productividad
interna
• El valor puede ser monetario o un beneficio
2.
16. Beneficios que nos trae
Eficiencia y productividad
• La mejora de la eficiencia en sus herramientas
mejora su productividad
• Una buena UX minimiza el trabajo
innecesario y redundante
• Cuando un producto es muy usado, ahorrar
unos segundos es significativo, reduce rebote
3.
17. Beneficios que nos trae
Satisfacción del usuario
• La UX debe atender expectativas,
proporciona calidad, garantiza eficiencia,
satisfacción al usuario
• Sin una UX los productos tendrán
características o funciones que pueden ser
usadas por el usuario o las usan
erróneamente, generando emociones
negativas
4.
18. Beneficios que nos trae
Reducción de costos
• Invertir en UX nos asegura que los productos
estén bien desde el inicio
• El equipo de desarrollo gasta el 50% de su
tiempo en arreglar problemas de UX
• Con una buena UX se reduce el tiempo y
recursos destinados a capacitación, soporte,
mejoras
5.
20. Como determinamos los beneficios
económicos que supone la inversión
en la UX:
• Eficacia
• Eficiencia
• Satisfacción
• Cualidad de ser recordado
• Facilidad de aprendizaje
21. Como medimos los beneficios de UX
Eficacia
• Tasa de Conversión: Se contabilizan las tareas
ejecutadas exitosamente
• Tasa de Rebote: Se contabilizan los tareas
donde se produjeron error
22. Como medimos los beneficios de UX
Eficiencia
• Recarga de Páginas, Tiempo consumido,
Cantidad de clics.
Satisfacción
• Se mide con cuestionarios al final de cada
prueba
23.
24. En desarrollo
• Estimaciones más precisas
• Optimización de los tiempos
• Reducción de costos en mantenimiento
correctivo
En ventas
• Incrementar el número de conversiones,
transacciones/ventas
• Incremento en ventas por producto
• Aumento en el tráfico/audiencia
• Mejora en la retención de usuarios y frecuencia
de compra
• Incremento en los índices de captación de
nuevos clientes
• Aumento de la cuota de mercado (mejora en la
competitividad)
• En uso
• Mejora en los índices de éxito, menos errores
de usuarios
• Mejora en la eficiencia/productividad
(reducción del tiempo/tarea)
• Mejora en la satisfacción de los usuarios
• Mayor satisfacción en los equipos de desarrollo
• Mejora en la facilidad de uso y de aprendizaje
• Mejora en la confianza en el sistema
• Reducción en los costes de soporte
• Reducción en los costes de formación y
documentación
25.
26. PROCESO DE UX
Investigación, análisis y pruebas
como base del diseño. Diseño y
desarrollo en iteraciones
avanzando y validando
progresivamente.
PROCESO TRADICIONAL
Definición de alcance a
grandes rasgos, definición
funcional, diseño de pantallas,
diseño técnico y desarrollo
27. • Frente al análisis tradicional
• Se realiza en conjunto con el Cliente
y los Usuarios en una etapa de
descubrimiento de las
funcionalidades según escenarios
reales.
• No enfoca el trabajo en reuniones,
entrevistas y generación de
documentación (anotaciones, actas).
• Se trabaja en equipo sobre un
modelo visual entendible y pivotable
por todas las partes.
29. Proceso de implementación de UX
Investigación
• Información del proyecto: Necesidades generales
• Estudio de Usuario: Categorización, Escenarios
• Estudio del contexto: Contexto de uso, Análisis de uso
• Estudio del contenido: Inventario de recursos, Mapas de
conceptos
• Informes: Brief, Estrategia, Personas
• Diagramas: Storyboard, User journey
• Entrevistas
• Encuestas
• Observación
30. Proceso de implementación de UX
Organización
• Representación de las estructuras
• Definición de jerarquías
• Correspondencia de las estructuras a las necesidades
• Mapas Contenidos y Navegación
• Especificación Funcional
• Cardsorting
• Mapas Conceptuales
31. Proceso de implementación de UX
Diseño
• Definición del funcionamiento
• Definición de las pantallas
• Definición de los servicios que ofrecerá el producto
• Elaboración de prototipos
• Diagrama Flujos
• Prototipos
• Prototipado iterativo (wireframe)
• Análisis Heurístico
• Test usuario
32. Proceso de implementación de UX
Pruebas
• Revisión de diagramas
• Evaluación y pruebas de prototipos
• Informe de test de usabilidad
• Análisis de métricas
• Análisis heurístico
• Test de usabilidad
• Analítica digital
33.
34. Quienes participan
Investigación: Planificación,
objetivos:
• UXer
• Especialista de Analítica digital
Organización: Arquitectura de
información:
• UXer
• Especialista en Posicionamiento
• Especialista de Analítica digital
• Diseño: Diseño y especificación:
• UXer
• Diseñador Gráfico
• Desarrollador
• Especialista en Posicionamiento
• Pruebas: Estrategia y ejecución de
test:
• UXer
• Estratega de contenido
• Especialista de Analítica digital
Participación en etapas
35. Necesidad de contener la mayor cantidad de funcionalidades
• Causantes: Demasiados stakeholders
• Resultado: Producto complicado, excesivamente ambicioso
• Solución: Priorizar necesidades del usuario, Foco en Producto mínimo viable
Problemas con tiempos y costos
• Causantes: Necesidad de más funcionalidades, No cierre de etapas
• Resultados: Implementar funcionalidades a toda prisa, Consumir recursos en funcionalidades
mal implementadas
• Solución: Respetar hitos, Participación temprana de personas claves
Productos inútiles
• Causantes: Solicitud de requerimiento utópica o no viable
• Resultados: Capital y tiempo malgastados
• Solución: Refinar la idea, Refinar el grupo objetivo
36. Mala investigación
• Causantes: No conocer el valor de la investigación, No disponibilidad del cliente
• Resultados: Producto no satisface al usuario
• Solución: Realizar investigación
Brecha entre Diseño y Desarrollo
• Causantes: Separación entre equipos de Diseño y Desarrollo
• Resultados: Fractura entre lo desarrollado y lo diseñado
• Solución: Cooperación entre los equipos, Crear conciencia de que las decisiones de diseño
tienen implicancias técnicas
Dar mayor importancia al proceso de UX
• Causantes: Exceso en énfasis del proceso de UX, foco a entregables e hitos
• Resultados: Productos mal diseñados
• Solución: Realizar procesos iterativos para el diseño, micro-validaciones con usuarios
37. Actualmente existe una fuerte corriente de
Lean UX basada en tres principios que
fortalecen aún más el rol de la UX en
proyectos de TI:
• Design Thinking, aproximación visual a
los retos y problemas,
• Desarrollo ágil: scrum
• Ciclo de proceso: construir, medir,
aprender
39. La aplicación de UX
depende de muchos
factores, pruebas y
estudios, requiere
conocimiento de diversas
disciplinas que son
complementarias y a la vez
se sobreponen entre ellas
40. El siguiente diagrama explica
gráficamente las cualidades que son
fundamentales para que un producto o
servicio consiga construir una buena UX:
• Útil:
• Usable
• Deseable
• Localizable
• Accesible
• Creíble
• Valioso
41. Establecido por Jesse James Garett, nos explica la metodología de trabajo a
seguir para garantizar una buena experiencia de usuario
42. Etapas de la UX
Estrategia
• Identificar los objetivos que se busca con el producto
• Briefing alcanzado por el Cliente
• Identificar a los usuarios y sus necesidades
• Realizar entrevistas y analizar resultados
43. Etapas de la UX
Alcance
• Usuarios
• Contenido
• Contexto
• Usuarios: Personas
• Contenido: Análisis del contenido
• Contexto: Especificación funcional
44. Etapas de la UX
Estructura
• Arquitectura de información
• Mapas conceptuales
• Card sorting
• Mapa de arquitectura
45. Etapas de la UX
Esquema
• Diseño de interfaz
• Diseño de interacción
• Diseño de información
• Sketching
• Wirframe
46. Etapas de la UX
Superficie
• Mantener convenciones
• Buen uso del color
• Estilo visual y Tipografía
• Contenido audiovisual
• Mobile First
47. • ¿Cuál es su objetivo?: probar funcionalidades especificas
• ¿Cómo lo aplicamos?: listar tareas a ejecutar, guiar a
participantes
• ¿Qué debemos prevenir?: incomodar o sesgar acciones
del usuario
• ¿Cuál es su objetivo?: medir efectividad de diseño de
opciones
• ¿Cómo lo aplicamos?: presentar dos versiones de un
elemento
• ¿Qué debemos prevenir?: exceso de cambios en interfaz
48. • ¿Cuál es su objetivo?: Evidenciar
problemas de usabilidad
• ¿Cómo lo aplicamos?: Validar
cumplimiento de pautas de evaluación
de usabilidad
• ¿Qué debemos prevenir?: Analizar
problemas puntuales para mejoras
específicas