Keikendo: WPF Jutsu!
Descargar como PPTX, PDF0 recomendaciones829 vistas
El documento habla sobre diseño de interacción y experiencia de usuario. Explica conceptos como organización de procesos, caso de estudio de McDonald's, prototipado de aplicaciones y migración a nuevas tecnologías prestando atención a las necesidades del usuario. El objetivo final es diseñar software de forma repetible considerando el diseño de interacción.
Keikendo: WPF Jutsu!
- 2. ¿Qué es Keikendo?Arquitectura de proyectos digitalesDiseño de InteracciónGeneración de tecnología y conocimientoけいけんど
- 4. ¿Qué hay al final del túnel?Keikendo.com
- 5. Experiencia
- 8. ¿Milanesas con papas fritas?
- 9. ¿Carne ensobrada sobre huevo agitado y astillas de pan?
- 10. Del producto a la experiencia
- 11. ¿Entonces…?No hay una sola respuestaNo hay una única soluciónDepende del contextoPasamos de ingredientes a producto, servicio y por último experiencia
- 13. El caso McDonaldsModelo de negocios de comida rápida:bajocosto, altarotaciónOptimización de procesosOfertalimitada
- 15. Restaurante de comida rápida
- 16. El usuario en rol activoModelo de negocios de comida rápida:bajocosto, altarotaciónOptimización de procesosOfertalimitadaUsuarioscomo parte del sistemaAutoservicioNo sobremesa
- 17. Sillas anti-sobremesa“El comportamiento es función de la persona y su entorno” (Lewin, 1936)Diseñando el entorno, influenciamos el comportamiento17
- 19. Diseño Centrado en el Usuario: un enfoque opuesto a..Diseñoautoreferencial
- 20. Diseñocentrado en la tecnología
- 22. Diseñocentrado en la competenciaWPF Workflow
- 23. Diseño de interacciónDefine el modelo de operaciónde los productos y sistemas con los queinteractúa el usuarioConsidera y modela:Comportamiento del usuarioRespuesta del sistema...paralograrmejoresexperienciaspara la mayor cantidad de usuarios
- 24. Diseño con bases racionalesGOMSModeloparapredecirtiempos de operaciónde unainterfaz de usuario0,2 seg. Tecla / mouse click & release0,4 seg. Paso mouse teclado1,1 seg. Apuntar con el mouse1,35 seg. Preparación mental nueva tarea? Respuesta del sistema
- 25. CASO ejemplo
- 26. Caso de ejemploEntorno:El CEO quiereintroducir un nuevoproductopara el mercado de los restaurants.El equipoesencargado de desarrollarlo.Se utilizaráunametodología agile basada en scrum.El equipodispone de un diseñador de interacción.El productodebedestacarseen el mercado de los restaurants de altarotación.
- 28. PrimerosPasosPlantearhipótesissobre los casostípicosIdentificarpartescríticas.Identificarrelaciones y dependencias de funciones.El encargado de la caja solo cobraEl mozo solo describe lo queentregaBuscar un restaurant quetengalascaracterísticasbuscadasparaevaluar.
- 29. DefinimosalcanceAdministración de MesasAbrir mesa.Cargarpedido.Cerrar mesa.ReservasReservarpara el mismodía.Reservarpara un día en el futuro.
- 30. EvaluarmodeloEvaluacióncompetitivaEvaluacióncualitativa y funcionalFeatures queno consideramosFeatures que son innecesarios o perjudicialesFeatures queno entendemossu valorEvitar un producto“Feature Rich, Quality Starved”
- 35. Validación del Modelo CON USUARIOSEjemplo
- 36. ¿Queoperaciones se registran?¿Se registra cuando se abre una mesa?No, se registra con el primer pedido.¿Se registra el cierre de una mesa?Si, porque hay que cobrar.¿Es útil o necesaria la presentaciónespacial de las mesas?Cuando llegan varios comensalesLos comensales o el mozo juntan las mesas.
- 37. El mozo avisa por control.
- 38. De ahí en adelante, se refiere al conjunto usando el número de una de las mesas.Se manejan "slots“.A la noche, x ejemplo, hay un "cena temprano" (8pm a 11 pm) y "cena tarde" (11pm a 1am).De esta manera se resuelve de forma práctica cuando ir "echando gente".¿Con qué precisión manejan las reservas?Desde luego, importa registrar como texto el horario y nombre de la reserva.
- 40. Prototipos
- 43. Juntar y SeleccionarJuntar y SeleccionarVersiónbasada en drag&dropVersiónbasada en links
- 44. Redefinimos elalcanceCaracterísticas del Sprint 0Se obtuvo un modelo global de operaciónSe generaronartefactospara los desarrolladores.No se definió la estética, si wireframesDuración: 3 días – 2 1/2 personasCaracterísticas del Sprint 1Se refinará el modelo de operacionesEl desarrolladorimplementará la aplicación, sin estilosgráficos.Se comenzará a trabajar la estética.Duración: 5 días – 2 1/2 personas
- 47. Card SortingAgrupar funcionalidades sobre modelo mental del usuario
- 49. Prototipo Final
- 51. ¿Cómo podemos impementar el prototipo con WinForms?
- 52. Diseñador + DeveloperMayor adopción en los diseñadores gráficosIntegración con el código
- 53. De diseño a código
- 54. De diseño a código
- 55. De diseño a código
- 56. De diseño a código
- 57. De WinForms a WPF
- 58. De WinForms a WPFPasamos de limitarnos por lo técnico, a limitarnos a las necesidades del usuarioNos da la oportunidad de cambiar el paradigma
- 59. Migrar no es recompilar
- 60. XAML, XAML, XAML
- 61. Ya implementamos el prototipo¿Cómo podemos hacer este trabajo repetible?
- 62. IxD en el proceso de desarrollo
- 65. ¿Quién incorpora diseño de interacción?
- 66. “Hay diseños intencionales y otros que se cometen.”Santiago Bustelo.Filósofo Contemporáneo.
- 68. “Hay un punto en el que sólo se puede mover la complejidad de un lugar a otro.”Larry Tesler.Pionero de IxD.
- 70. Ya están diseñando la experiencia del usuario.
- 71. Sólo resta que elijan cómo quieren hacerlo.
- 74. Influencia de la Suerte.Replicabilidad de los Resultados.
- 75. ParadojaNiveles 4 y 5Equipo de DesarrolloDiseñador de InteracciónUnaLaSoluciónSoluciónMetodologías Agiles
- 78. ¿Qué es un Diseñador de Interacción?“Aquel que facilita lo que una persona quiere lograr con otra a través de dispositivos y servicios.”Dan Saffer.Gurú de IxD.
- 79. Etapas del proceso deDiseño de InteracciónObjetivos y análisisinicialDecisiones de diseñoiteracionesMantenimiento y validación77
- 80. 5 Fases de adopción de Metodologías Agiles para DiseñadoresCraig Villamor.Gurú de IxD.
- 81. 7 Razones por las Cuales Recomendamos Metodologías Agiles
- 82. El Diseñador de Interacción en la OrganizaciónCentralizada
- 83. El Diseñador de Interacción en la OrganizaciónDistribuida
- 84. Estrategia de Integración al Sprint: Dentro del DesarrolloDesarrollo y IxDTiempo
- 85. Estrategia de Integración al Sprint: Fuera del DesarrolloInvestigaciónIxDDiseñoDesarrolloTiempo
- 86. Qué opción elegir?CentralizadaDistribuidaFuera del DesarrolloDentro del Desarrollo
- 87. Depende
- 88. Por algún lugar hay que empezar. Consejos para Mañana a la mañana.
- 89. Por algún lugar hay que empezar. Consejos para Mañana a la mañana.Sincerar el Diseño
- 90. Por algún lugar hay que empezar. Consejos para Mañana a la mañana.Involucrar al Usuario (No sólo al Cliente)Salesforce.com planea 1 año de pruebas antes de saber qué se va a probar.Empezá por planear 1 hora.
- 91. Por algún lugar hay que empezar. Consejos para Mañana a la mañana.Diferenciar Claramente
- 92. Por algún lugar hay que empezar. Consejos para Mañana a la mañana.A = ApruebaC = Confecciona
- 93. Por algún lugar hay que empezar. Consejos para Mañana a la mañana.La tecnología no es el fin. Es un medio.
- 94. Por algún lugar hay que empezar. Consejos para Mañana a la mañana.No cambiar es más costoso.No son males inevitables.
- 95. Por algún lugar hay que empezar. Consejos para Mañana a la mañana.¿De qué se queja más tu usuario?Ya tenés por dónde empezar…
- 96. Por algún lugar hay que empezar. Consejos para Mañana a la mañana.¡Sean originales!(Excusas para no empezar hay millones, si encuentran una nueva no es ser original. Es trampa )
- 97. www.keikendo.com
Notas del editor
- #3: ¿Qué es Keikendo?
- #7: ¿Cómo organizamos esto?Repasemos la lista de elementos.
- #8: O sino un pastel de carne.
- #9: O porque no una milanesa con puré.
- #10: Y si queremos hacer complejo, podemos obtener carne ensobrada en astilla de pan con huevo agitado.
- #11: La experiencia es un valor económico.Para saber más: B. Joseph Pine II y James H. Gilmore, The Experience Economy (1999)
- #12: ¿Cuál es el principio de orden que usás? No hay un único principio, no hay una única solución, y dependen del contexto.En los negocios tenemos un elemento muy importante que es el usuario y cliente, que no resulta ser el principio de orden más usado.
- #13: Que la experiencia sea un resultado intencional, implica diseñarla.
- #14: Pero no solamente se diseña experiencia en tecnología, también en otros negocios, como en McDonalds. Se diseña la experiencia de compra y el recorrido que tienen que hacer sus usuarios. Porqué? McNegocio (original, no el financiero): alta rotación. Servir rápido es valor para el cliente.
- #17: Cuando el usuario está en rol activo, tenemos que lograr que participe correctamente del modelo.Si logramos que deje la mesa libre en cuanto termina de comer, es valor para nosotros también.¿Cómo logramos que el usuario lo haga por su propia voluntad?
- #19: ¿Y en software? Contrastemos el ejemplo de McDonalds con el recorrido que tienen que hacer los usuarios con el mouse ¿Ven las mediciones?Fuente: The Science Behind Great User Interfaces, presentación de Alex Souza,Designer Marketing Manager – Microsoft Latam (- http://ppgplaces.com/asouza/?p=3)
- #27: La clave al plantearcasostípicoses lo quenosotrospensamosque son casostípicos (Hipótesis).
- #30: Ejemplos de la vida real encontrados en Internet.
- #31: Ejemplos de la vida real encontrados en Internet.
- #32: Ejemplos de la vida real encontrados en Internet.
- #37: Lo q se me ocurre: los slots nos permiten mostrar en la mesa, en qué turno o turnos estaría reservada. En el ejemplo, uso ubicación y colores (redundancia) para marcar qué slots están ocupados, de un conjunto de 6:Habia contado 6 slots, pero me faltaba el nuevo "brunch". Los siguientes 7 slots serían bastante estándar, podemos suponer q el boliche customice cantidad y código de colores:- Desayuno- Brunch- Almuerzo 1- Almuerzo 2- Merienda / Café- Cena 1- Cena 2También puede ser piola para el restobar tener registrado quién trabaja en cada turno, pero creo q excede nuestro alcance.
- #39: Proceso de desarrollo de Wireframes y Prototipos.
- #40: Planteamos diversas posibilidades, incluidas metáforas como el TimeMachine. Consideramos cuanto aportaba cada posibilidad. El problema era resolver los distintos modos de operación (sujeto / verbo / objeto), y lograr elementos y lenguaje de operación coherentes e integrados en toda la aplicación. Para reservas, consideramos la idea de seleccionar una mesa y luego cargarle la fecha. Pero en el caso de uso, la prioridad está invertida: primero necesito ver cómo será el restaurant en esa fecha, qué lugares tengo disponibles, y recién después indicar la mesa.Para reservas, consideramos la idea de seleccionar una mesa y luego cargarle la fecha. Pero en el caso de uso, la prioridad está invertida: primero necesito ver cómo será el restaurant en esa fecha, qué lugares tengo disponibles, y recién después indicar la mesa.
- #48: En el prototipo final, se ajustaron los contrastes para lograr una visión clara de las mesas reservadas y ocupadas.
- #57: Ya no esquepuedohacer, sinoquequierohacer
- #59: Portabilidad.
- #65: TODOS diseñamos la interacción.
- #84: Viaje en el Tiempo del IxDesigner.
- #86: Es necesario entender las características de cada organización/equipo.
- #88: - “Ni nombre es Sebastián, hace 10 años programo y quiero diseñar mejor la experiencia de mi usuario.”
- #91: - Se puede empezar por pensar en qué actividades se pueden realizar sin involucrar a un Diseñador de Interacción. Esta solución es momentánea, hasta que adaptemos nuestro equipo a las nuevas prácticas.