9. ¿Entonces…? No hay una sola respuesta No hay una única solución Depende del contexto Pasamos de ingredientes a producto, servicio y por último experiencia
15. El usuario en rol activo Modelo de negocios de comida rápida:bajocosto, altarotación Optimización de procesos Ofertalimitada Usuarioscomo parte del sistema Autoservicio No sobremesa
16. Sillas anti-sobremesa “El comportamiento es función de la persona y su entorno” (Lewin, 1936) Diseñando el entorno, influenciamos el comportamiento 16
22. Diseño de interacción Define el modelo de operaciónde los productos y sistemas con los queinteractúa el usuario Considera y modela: Comportamiento del usuario Respuesta del sistema ...paralograrmejoresexperienciaspara la mayor cantidad de usuarios
25. PrimerosPasos Plantearhipótesissobre los casostípicos Identificarpartescríticas. Identificarrelaciones y dependencias de funciones. El encargado de la caja solo cobra El mozo solo describe lo queentrega Buscar un restaurant quetengalascaracterísticasbuscadasparaevaluar.
27. Evaluarmodelo Evaluacióncompetitiva Evaluacióncualitativa y funcional Features queno consideramos Features que son innecesarios o perjudiciales Features cuyo valor no entendemos Evitar un producto “Feature Rich, Quality Starved”
65. Responsive web design Consiste en diseñaraplicaciones de maneratalque el contenido se adapte a los distintos dispositivos. Media Queries: Declaraciones de CSS específicasparadeterminadascondiciones de contexto. @Media screen and (max-device-width: 480px) { header { display:none; } .main { width:100%; } } Viewport Meta: Para definir las condiciones iniciales de escala y ancho del dispositivo. <meta name="viewport" content="width=device-width; initial-scale=1.0">
66. Responsive web design El mismo HTML responde de diferentes maneras según el dispositivo.
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.
80.
81.
82. “ Hay diseños intencionales y otros que se cometen. ” Santiago Bustelo.Filósofo Contemporáneo.
89. 𝐶𝑎𝑙𝑖𝑑𝑎𝑑 Portabilidad Reusabilidad Interoperabilidad Facilidad de recibir mantenimiento Flexibilidad Susceptibilidad de someterse a pruebas REVISIÓN del PRODUCTO TRANSICIÓN del PRODUCTO OPERACIÓN del PRODUCTO Corrección Confiabilidad Usabilidad Integridad Eficacia
¿Cómo organizamos esto?Repasemos la lista de elementos.
O sino un pastel de carne.
O porque no una milanesa con puré.
Y si queremos hacer complejo, podemos obtener carne ensobrada en astilla de pan con huevo agitado.
¿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.
Que la experiencia sea un resultado intencional, implica diseñarla.
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.
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.
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?
¿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)
La clave al plantearcasostípicoses lo quenosotrospensamosque son casostípicos (Hipótesis).
Ejemplos de la vida real encontrados en Internet.
Ejemplos de la vida real encontrados en Internet.
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.
Proceso de desarrollo de Wireframes y Prototipos.
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.
En el prototipo final, se ajustaron los contrastes para lograr una visión clara de las mesas reservadas y ocupadas.
TODOS diseñamos la interacción.
Viaje en el Tiempo del IxDesigner.
Es necesario entender las características de cada organización/equipo.