Este documento presenta una introducción a los conceptos clave de diseño web como la experiencia del usuario, la interfaz de usuario y la usabilidad. Explica que la experiencia del usuario se refiere a cómo se siente una persona al usar un sistema y que depende de factores subjetivos. También define la usabilidad como el grado en que un producto puede ser usado por personas para lograr objetivos específicos de manera efectiva, eficiente y satisfactoria. Finalmente, destaca algunos elementos importantes de una buena interfaz de usuario como menús, botones y format
Your guide to picking the right User Interface (UI) and creating the best User Experience (UX) in just a short amount of time. Learn how to quickly create mockups, landing pages, and build mock integrations that turn into large ideas.
Have more questions about UX/UI? Contact mvp@koombea.com for additional information or questions and we will get back to you shortly.
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.
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
UX significa diseño de experiencia del usuario, que es el proceso de identificar la necesidad de un usuario seguido de los pasos necesarios para ejecutarse, como pruebas e improvisación, hasta su desarrollo.
Your guide to picking the right User Interface (UI) and creating the best User Experience (UX) in just a short amount of time. Learn how to quickly create mockups, landing pages, and build mock integrations that turn into large ideas.
Have more questions about UX/UI? Contact mvp@koombea.com for additional information or questions and we will get back to you shortly.
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.
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
UX significa diseño de experiencia del usuario, que es el proceso de identificar la necesidad de un usuario seguido de los pasos necesarios para ejecutarse, como pruebas e improvisación, hasta su desarrollo.
Final report about the Design & UX Industry Survey conducted in Spain 2016: task, profiles, salaries, companies, gender and cities combined to obtain the final picture of the Design & UX Industry. Spanish.
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.
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
We provide a talk about general aspects of UX and Visual Design as IxDA Mendoza local group.
It presents a user experience throughout a gov application a well know for the audience we talked for.
Then we used the metaphor of super heroes of UX with an old TV character called "chapulín colorado"
Then some fundamental Viusal Design concept were presented by Analía Basualdo, Marite Impellizzeri and Sebastian Veggiani.
In parallel we did a re design of our example alive while we were showing "the 10 super powers of an effective visual design"
We concluded saying that everyone involved in the project is responsible for a good or a bad UX since every decision taken cause an impact in some way.
Verónica Traynor explica qué es User Experience y qué no es, especialmente las diferencias que hay entre UX y UI. User Experience es un norte que nos sirve como referencia para diseñar experiencias positivas y memorables.
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
La usabilidad es la intersección entre la efectividad, la eficiencia y la satisfacción en el contexto del uso. Consiste en lograr finalizar las tareas y en la satisfacción de los usuarios mientras las realizan.
Cuando pensamos en UX y Marcos de trabajo Ágiles, una nube de incredibilidad aparece sobre nuestra cabeza: ¿Cómo UX que invierte mucho tiempo en investigación, análisis de usuarios y contextos de uso ANTES de comenzar el desarrollo de un producto digital puede ir de "la mano" con este tipo de Marcos de Trabajo?
Pues a partir de la experiencia de algunos y mi propia experiencia, puedo asegurarles que los métodos de UX pueden estar inmersos en las diferentes iteraciones del desarrollo de productos digitales bajo Marcos de Trabajo Ágiles.
Final report about the Design & UX Industry Survey conducted in Spain 2016: task, profiles, salaries, companies, gender and cities combined to obtain the final picture of the Design & UX Industry. Spanish.
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.
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
We provide a talk about general aspects of UX and Visual Design as IxDA Mendoza local group.
It presents a user experience throughout a gov application a well know for the audience we talked for.
Then we used the metaphor of super heroes of UX with an old TV character called "chapulín colorado"
Then some fundamental Viusal Design concept were presented by Analía Basualdo, Marite Impellizzeri and Sebastian Veggiani.
In parallel we did a re design of our example alive while we were showing "the 10 super powers of an effective visual design"
We concluded saying that everyone involved in the project is responsible for a good or a bad UX since every decision taken cause an impact in some way.
Verónica Traynor explica qué es User Experience y qué no es, especialmente las diferencias que hay entre UX y UI. User Experience es un norte que nos sirve como referencia para diseñar experiencias positivas y memorables.
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
La usabilidad es la intersección entre la efectividad, la eficiencia y la satisfacción en el contexto del uso. Consiste en lograr finalizar las tareas y en la satisfacción de los usuarios mientras las realizan.
Cuando pensamos en UX y Marcos de trabajo Ágiles, una nube de incredibilidad aparece sobre nuestra cabeza: ¿Cómo UX que invierte mucho tiempo en investigación, análisis de usuarios y contextos de uso ANTES de comenzar el desarrollo de un producto digital puede ir de "la mano" con este tipo de Marcos de Trabajo?
Pues a partir de la experiencia de algunos y mi propia experiencia, puedo asegurarles que los métodos de UX pueden estar inmersos en las diferentes iteraciones del desarrollo de productos digitales bajo Marcos de Trabajo Ágiles.
Objetivos:
Tomar decisiones del desarrollo de un sitio web analizando e interpretando las especificaciones del diseño
Conocer conceptos de diseño para la diagramación de paginas
Conocer los diagramas de flujo, guiones gráficos y diagramas para la creación de un Sitio Web.
Comunicarse con los clientes respecto de diseño y el contenido.
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...Herlency Muñoz García
Esta charla la realicé en compañía de Eliana Castaño, lo que se pretendía era, desde un contexto de desarrollo de software a la medida, poder explicar la importancia de tener en cuenta a los usuarios finales, contarles las técnicas que nos han funcionado y adicional mostrar algunas tendencias que podemos implementar sin problemas en el desarrollo de aplicaciones transaccionales.
Presentación para estudiantes de segundo año de curso webmaster de la Academia Área, en Donostia. EL curso habla sobre metodologías de experiencia de usuario, usabilidad, UX, estrategia, etc.
Se describen algunos de los perfiles que toman parte dentro del diseño web, así como un listado de referencias interesantes para los alumnos.
Charla presentada en Campus Party, Bogotá 2009, donde se abordan conceptos de usabilidad y diseño centrado en el usuario y se compara con su aplicación actual en Iberoamérica.
En el diseño web es muy importante el manejo de las imágenes.
Hay que considerar que su uso y tratamiento es completamente distinto de cuando se usarán para medios impresos.
Para trabajar imágenes en web es importante que éstas tengan el peso y dimensiones adecuadas.
Principios de maquetación web.
Cómo trasladar un diseño creado en un editor de imágenes a HTML + CSS + JS.
Principios básicos de un Framework de diseño y un CMS
Las tendencias de diseño web en 2014 - 2015
Flat design, paleta de colores limitadas, alto contraste, uso de tipografía experimental.
Los elementos que están "in" y que están "out"
2. ANTES DE EMPEZAR A
TRABAJAR
Equipos de trabajo
UX (User Experience) y UI (User Interface)
Usabilidad
Arquitectura de la información
Wireframing, sistema de columnas, modelo de cajas
Responsive design
Tendencias de diseño web
HTML (definición, etiquetas, doctype)
CSS (definición, propiedades, selectores)
5. UX
(EXPERIENCIA DE USUARIO)
Cómo se siente una persona sobre el uso de un
sistema o tecnología
Aspectos vivenciales, afectivos, significativos y
valiosos de la interacción humano-máquina y de
propiedad de producto
Percepciones de una persona de los aspectos
prácticos, como la utilidad, la facilidad de uso y
la eficiencia
6. LA EXPERIENCIA DE
USUARIO ES SUBJETIVA
Probablemente tú no eres el usuario final
Mientras menos te parezcas al usuario final más
trabajo de investigación deberás realizar
Lo que funciona para unos no funciona para otros
Cada producto necesita una visión única
8. ACTIVIDAD
Identifica una buena y una mala experiencia de
usuario en la vida cotidiana
Identifica una buena y una mala experiencia de
usuario en un sitio web
10. ¿QUÉ ES LA USABILIDAD?
Significa asegurarse que algo funcione bien:
Que una persona con capacidad y experiencia media
(o incluso por debajo de la media)
sea capaz de usar algo
(ya sea un sitio web,
un avión de combate o una puerta giratoria)
con el objetivo deseado
sin sentirse completamente frustrado.
Steve Krug
No me hagas pensar. Una aproximación a la usabilidad en la Web
Segunda Edición
11. La Usabilidad implica menor frustración y más
satisfacción para sus visitantes, además de una
mayor probabilidad de volver a verlos en otra
ocasión.
A la gente, en general, no le gusta sentirse
desconcertada cuando se pone a pensar en cómo
hacer Ias cosas.
Steve Krug
No me hagas pensar. Una aproximación a la usabilidad en la Web
Segunda Edición
12. ELEMENTOS DE USABILIDAD
Interfaz intuitiva
Consistencia en el diseño
Elementos básicos fácilmente localizables
Repetición de elementos
Llevar al usuario de la mano
14. Facilidad de aprendizaje: La facilidad para el usuario
de llevar a cabo tareas básicas la primera vez que se
encuentra en el sitio
ELEMENTOS DE LA USABILIDAD
15. Eficiencia: Una vez que el usuario ha aprendido el
diseño, la rapidez con que pueden realizar tareas
ELEMENTOS DE LA USABILIDAD
16. Memorabilidad: Cuando el usuario vuelven al sitio
después de un período de no usarlo, la facilidad con
que pueden recordar cómo navegar y realizar tareas
ELEMENTOS DE LA USABILIDAD
17. Errores: Cuando el usuario comete errores, qué tan
graves son estos errores, y la facilidad con que
pueden recuperarse de éstos
ELEMENTOS DE LA USABILIDAD
19. ELEMENTOS DE USABILIDAD
Evitar saturación de información y elementos
Proporcionar una navegación clara
Poder navegar a cualquier parte del sitio desde
cualquier parte del sitio
Mientras que el contenido es único, la navegación
debe ser lo más simple, predecible e intuitiva
posible
21. ELEMENTOS DE
INTERFAZ DE USUARIO
Header
Footer
Body (Cuerpo o contenido)
Botones / Call to action
Menú de navegación
Carrusel / Slider
Formato de texto
22.
23. EL CONTENIDO ES EL REY
El diseño debe adecuarse al contenido y no al revés
La distribución es la reina
24. NO ME HAGAS PENSAR
STEVE KRUG
https://www.dropbox.com/s/e9eomy6woh2e8j6/
no-me-hagas-pensar.pdf