<!-- .slide: data-background="https://i.imgur.com/bSfxg7X.png" --> --- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> # Taller de fundamentos de UX --- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> # DIA 1 ```Bases``` ---- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> ## Que es UX y su importancia. ---- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> ## Conceptos claves para UX. ---- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> ## Marcos de referencia para UX. ---- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> ## Descripcion de los retos --- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> # DIA 2 ```Entender el problema``` ---- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> ## Procesos de desarrollo ---- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> ## Tecnicas de Investigacion --- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> # DIA 3 ```Desarrollo y Validacion de la solucion``` ---- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> ## Prototipado ---- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> ## Testing ---- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> ## Entrega de productos --- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> # DIA 4 ```FeedBack``` ---- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> ## Muestra de proyectos ---- <!-- .slide: data-background="https://i.imgur.com/NANwnFo.png" --> ## Clase XD --- # DIA 1 ---- # Que es UX * User Experience * UI VS UX * Human computer interaction HCI ---- [Don Norman](https://www.youtube.com/watch?v=9BdtGjoIN4E&t=26s) ---- ## User Experience ISO 9241-210:2019_Ergonomics of human-system interaction — Part 210: Human-centred design for interactive systems. > user’s perceptions and responses that result from the use and/or anticipated use of a system, product or service ... Users’ perceptions and responses include the users’ emotions, beliefs, preferences,... > perceptions, comfort, behaviours, and accomplishments that occur before, during and after use. ... User experience is a consequence of brand image, presentation, functionality, system performance, interactive behaviour, and assistive capabilities of a system, product or service. It also results from the user’s internal and physical state resulting from prior experiences, attitudes, skills, abilities and personality; and from the context of use. ---- ## Papel de UX en un grupo de desarrollo ---- ## Porque es importante UX Ejemplo 1 * [nasa apollo](https://www.hq.nasa.gov/alsj/a11/AS11-36-5389.jpg) * [ SpaceX Crew Dragon](https://twitter.com/alteredq/status/1266853705632145409/photo/1) Ejemplo 2 * Bad Aibling( Error Humano ) ---- ## Diferencia entre UX y UI [Prototypr.SaveIt](https://blog.prototypr.io/save-it-an-instagram-ui-ux-redesign-16962a9d37bf) [MIRO Ejecicio](https://miro.com/welcomeonboard/YnVGVWc0MXN5TlliUlBvQVk0S1REdjhqemhWcjRLZklFbEtIczJOSHNJWjFsNzNWTnBHWk5IZEZXYzhHOVlTQnwzMDc0NDU3MzUyMDA4MzM2OTE4) ---- # Perspectivas de UX ## Mercado Usuario ## Usuario Maquina ---- # Marcos de referencia para UX. ---- ## Leyes de Gestalt * Principio de Semejanza * Principio de Continuidad * Principio de cierre * Principio de Proximidad * Principio de Simetría ... ---- ## Practicar [MIRO Ejecicio 2](https://miro.com/welcomeonboard/YnVGVWc0MXN5TlliUlBvQVk0S1REdjhqemhWcjRLZklFbEtIczJOSHNJWjFsNzNWTnBHWk5IZEZXYzhHOVlTQnwzMDc0NDU3MzUyMDA4MzM2OTE4) ---- ## Retos: - Elearning platform Paradigma Indie - Webapp para donasiones: problema confianza simplicidad engagement - Webapp para insentivar la acciones medioambientales: Problema engagement, anonimidad, seguridad. ---- ## Euristica ---- # Concetops para UX Affordance, Mapas mentales, Metaforas ---- # Interacción ### que es interaccion? ---- ![](https://i.imgur.com/yN8SwSX.png) ---- ![](https://i.imgur.com/v1cUabh.png) ---- # Affordance Como se usa? [Don NOrman Explicando que es Affordance](https://genial.guru/creacion-hogar/18-cosas-que-has-estado-haciendo-mal-toda-tu-vida-y-ni-siquiera-lo-sabias-796860/) ---- [Mouse Apple Store](https://store.storeimages.cdn-apple.com/4668/as-images.apple.com/is/MLA02?wid=1144&hei=1144&fmt=jpeg&qlt=80&.v=1564098735372) [Magic Mause 9to5mac](https://9to5mac.com/wp-content/uploads/sites/6/2019/06/Magic-Mouse-problem.jpeg?quality=82&strip=all&w=1000) ---- [Cosas que simepre he usado mal](https://genial.guru/creacion-hogar/18-cosas-que-has-estado-haciendo-mal-toda-tu-vida-y-ni-siquiera-lo-sabias-796860/) ---- # Mapas mentales Como funciona? ---- # Metaforas Como he experimentado que funciona? ---- # Que pasa cuando uso mal estos conceptos? [Game](https://userinyerface.com) --- # DIA 2 ---- ## Usabilidad * More Info: Malaka et al. 2009 ---- ## Que son los procesos de desarrollo ---- ![](https://i.imgur.com/7zLFXws.png) ---- [Modelo Cascada](https://upload.wikimedia.org/wikipedia/commons/thumb/2/2e/El_modelo_de_desarrollo_en_cascada.svg/1024px-El_modelo_de_desarrollo_en_cascada.svg.png) ---- ## Human Centred Desing ---- ![](https://i.imgur.com/TEjtJDz.png) ---- ## Prototipado ----
{"metaMigratedAt":"2023-06-16T05:06:46.106Z","metaMigratedFrom":"YAML","title":"UX Paradigma","breaks":true,"slideOptions":"{\"theme\":\"night\",\"transition\":\"fade\",\"parallaxBackgroundImage\":\"https://i.imgur.com/hI7t39O.png\"}","contributors":"[{\"id\":\"b5b88645-41ad-40ad-b956-4a17ff68e94b\",\"add\":10453,\"del\":4900}]"}
    343 views