Prototipado Diseño Centrado en el Usuario

Universitat Obertade CatalunyaUOO

PrototipadoDiseño Centrado en el Usuario en los objetos cotidianos

Interface de una vitrocerámicaJonás Pérez JiménezPrototipado- PEC3Universitat Oberta de Catalunya

Vitrocerámicas:Diseño Centrado en el Usuario en los objetos cotidianos


Investigación con personas usuarias (discover)Nuestro objetivo en esta fase será descubrir qué necesidades, expectativas y frustraciones tienen los usuarios con sus cocinas (aquí da igual la tecnología gas, vitrocerámica…) de modo que recopilemos material para realizar una propuesta de una nueva cocina de inducción que mejore la experiencia de uso de este electrodoméstico para un tipo de usuario concreto.

Para ello, prepararemos y realizaremos tres entrevistas, en este caso mediadas a través de Google Meet por precauación concerniente a la actual situación COVID. Antes de realizar las entrevistas, crearemos un pequeño inventario relativo a contextos, personas usuarias y herramientas.

Jonás Pérez JiménezPrototipado- PEC3Universitat Oberta de Catalunya

ContextoEn nuestro habitual día a día, las cocinas, tanto de gas como vitrocerámicas o de inducción, están presentes en un amplio rango de tareas e interacciones preminentemente físicas y alguna vez mediadas a través de un interface digital dependiendo de la complejidad de las placas. Queremos conocer cuales son las rutinas habituales y los pain points de las personas usuarias en sus rutinas diarias.

Personas usuarias

Adultas y adultos independizados, con un rango de edad de entre 30 y 55 años, que, preparen comida de manera regular en casa.

Herramientas (elementos)

• Placa de cocina (preferiblemente vitrocerámica, no excluyente)

Preguntas de investigación- ¿Cocinas habitualmente o comes y cenas fuera de casa?- ¿Posees aparatos auxiliares o complementarios como microondas o robot de cocina?- ¿Has cambiado alguna actividad que habitualmente realizabas con la placa por algún aparato auxiliar?- ¿Cuales son los mayores desafíos o problemas que encuentras a la hora de “trabajar” con la placa? (pain points)- ¿Que te gustaría añadir a tu placa actual que ahora no tiene, y, que te ayudará a realizar mejor las tareas? (funcionalidades)



Selección de personas usuariasPara las entrevistas hemos seleccionado a tres personas usuarias, estas son sus características básicas:

- Beatriz Pérez Virgos, 39 años, madre, cocina en casa cenas para todos, come fuera de casa por motivos laborales, posee una cocina de inducción, microondas y robot de cocina.

- Francisco Godina López, 54 años, vive solo, come y cena en casa, prepara la comida en su placa vitrocerámica, posee también un microondas.

- Leticia García de Bas, 45 años, madre, cocina comida y cena para todos, posee placa vitrocerámica, robot de cocina y microondas.

Durante las entrevistas y, previo permiso de las personas participantes, se grabará el contenido de las mismas para luego hacer una transcripción de las mismas. Con estas transcripciones podremos elaborar un rápido mapa de afinidad o affinity diagram, donde tendremos tres ejes de resultados en orden jerarquico de importancia y que a su vez construiran los resultados superiores. Así los snippets son las piezas ínimas de información que nos ayudan a crear los resultados y estos nos permiten generar insights.


SnippetsLas piezas de información que se seleccionan del total de información de la que disponemos y que proceden de los usuarios tal cual, sin modificar ni interpretar.

Resultados

Los resultados son los patrones que observamos, o no observamos, tras organizar los datos provenientes de diferentes fuentes.

InsightsLa interpretación que se hace de los resultados. Son un conocimiento profundo que suele contener una explicación de los fenómenos identificados y que surge de interconectar la información.


Snippets- “Tengo un robot y un micro aparte de la placa, y la verdad es que hago muchas rutinas con ellos que antes hacía con la placa”.

- “No me aclaro nada a la hora de elegir el fuego, creo que es lo más complejo de un aparato que se supone es sencillo”.

- “Me gustaría que los peques podrían ser autónomos a la hora de calentarse la leche o pequeñas rutinas diarias”.

- “En el robot o en el micro existen pequeñas programaciones, que en la placa no encuentro”.

- “Gran parte del trabajo de cocinar recae en la placa, pero esta carece de ayudas para realizar esos trabajos”.

- “Recuerdo que cuando era pequñx calentar un vaso de leche no se antojaba tan complejo como ahora”.

- “No acabo de entender el porqué de que los controles estén en la parte inferior”.

Resultados

Los robots, microondas y demás aparatos solventan tareas que antes se realizaban con cocinas, ya fueran de gas, inducción o vitrocerámicas.

Acertar con el control adecuado de cada fuego es una tarea compleja en la mayoría de los casos.

Las placas son habitualmente usadas por una única persona en el hogar, aunque se desaría que las y los pequeñas y pequeños puediran tambien usarlas.

No existen atajos o tareas predeterminadas a la hora de trabajar con una placa, en relación con actividades repetitivas.

Se intuye como un sistema complejo, poco accesible para personas usuarias nuevas y excesivamente dependiente de modelos mentales anclados en el pasado.

InsightsTrabajar en la sencillez de la interface para no depender de aparatos externos a la hora de cocinar.

Solventar la tarea de elegir un fuego con la ausencia de pain points.

Facilitar el acceso a personas usuarias que no tengan necesariamente un modelo mental previo del uso de una cocina de fuego.

Fomentar la inclusión de micro tareas o elementos repetitivos para el día adía.





Investigación y análisis de patrones de interacciónAntes de diseñar el nuevo prototipo, analizaremos los patrones de interacción empleados habitualmente en las cocinas observando de forma crítica el sistema. Observaremos cómo están organizados los diferentes elementos y cómo se comportan, así como cuáles son los requisitos con los que cuenta una interfaz de este tipo.

Para la investigación de patrones de interacción y modelos mentales que pueden surgir o depender del uso habitual de placas de cocina, se seleccionaron tres modelos diferentes de placas. Todas ellas son vitrocerámicas o mixtas (vitrocerámica e inducción) y combinan unas, modelos de accionadores físicos, otras táctiles/digitales y otras digitales con pantallas oled con más altas capacidades de interacción digital como por ejemplo el arraste o desizamiento.

Los tres modelos analizados son:

- Klarstein Kochheld - Placa de inducción encastrable, Vitrocerámica, 9 niveles. Control mediante perillas. https://shorturl.at/dxKOP

- Zerone - Placa de Cocción Vitrocerámica. Placa de Inducción de 4 Zonas, con Bloqueo Infantil y Protección contra Sobrecalentamiento. Digital. https://shorturl.at/fhyX0

- IsEasy - Placa Vitrocerámica, 6600 W, Cerámica, Negro. Digital y táctil. https://shorturl.at/tvHL5




Klarstein Kochheld - InvestigaciónEl primer modelo analizado nos sirve para sentar las bases comunes a la mayoría de las placas disponibles en el mercado, tanto en aspecto como funcionalidades e interacción.

AspectoSuperficie negraFormas circulares para fuegos y controlesForma rectangular con bordes redondeados

FuncionalidadesNúmero de fuegos: 4Número de controles: 4Tipo de controles: externo, no integrados en la placa y “analógicos”.Control de encendido/apagado individual y por fuegoAyuda visuales/indicadores: 6. 4 para fuegos, 1 para encendido y 1 para cocción.

InteracciónFísica a través de los mandos externos o perillas que nos retrotraen a las acciones clásicas de cocinas antiguas. Cada perilla controla el encendido o apagado de cada fuego en función del giro. Una vez encendido el fuego, el led pertinente se enciende para mostrar que está activo y caliente. El mismo movimiento nos permite apagar el fuego.





Zerone - InvestigaciónAspectoSuperficie negraFormas circulares para fuegos y controlesForma rectangular con bordes redondeados

FuncionalidadesNúmero de fuegos: 4Número de controles: 4Tipo de controles: táctiles integrados en la placa.Control de encendido/apagado general y por fuego, Bloqueo, temporizador y pausa.Ayuda visuales/indicadores: 10. 4 para fuegos, 1 para encendido, 1 para bloqueo, 1 para temporizador y uno para pausa. 2 para subir y bajar temperatura

InteracciónFísica a través de los mandos táctiles colocados en la parte inferior de la placa. Desde ahí, debemos primero, encender la placa, después seleccionar el fuego y la intensidad del mismo. Posteriormente podemos programar el temporizador, bloquear la placa, pausar el temporizador o apagar la placa.




IsEasy - InvestigaciónAspectoSuperficie negraFormas circulares para fuegos y controlesForma rectangular con bordes redondeados

FuncionalidadesNúmero de fuegos: 3Número de controles: 3Tipo de controles: digitales y táctiles integrados en la placa.Control de encendido/apagado general, Bloqueo, selección de fuego.Ayuda visuales/indicadores: a través de led o pantalla integrada en la parte inferior de la placa.

InteracciónFísica a través de los mandos táctiles colocados en la parte inferior de la placa. Apoyada con la información digital que muestra la pequeña pantalla de led situada encima de los controles. Desde ahí, podemos encender o apagar la placa, seleccionar el fuego que deseemos y bloquear o no la placa. Este modelo incluye la posibilidad regular la potencia del fuego por arrastre dentro del panel generando una interacción más cercana a un dispositivo táctil como puede ser u móvil o una tablet.


Investigación: resultados y conclusiones

Poniendo en común las diferente interacciones y los resultados de las mismas, podemos concluir que todas las placas analizadas dependen de unas formas circulares para los fuegos, en gran medida por las resistencias que se encuentran debajo de la placa para calentar los diferentes alimentos. También nos encontramos con patrones circulares a la hora de modular y trabajar con los fuegos, en este caso siendo un elemento que hace referencia a un modelo mental heredado de las cocinas tradicionales de fuegos.

Los elementos de control se encuentran siempre en la parte inferior de las placas, por una parte por referencia al modelo mental heredado y por otra por seguridad a la hora de que caigan elementos como agua o aceite hirviendo. En la mayoria de casos el control de independiente de cada fuego requiere de una pequeña curva de aprendizaje previo para desbloquear y seleccionar el fuego que deseemos.

Combinamos elementos físicos como perillas con elementos tactiles y digitales con la misma base y operativa, el control de la sensibilidad del fuego. Muchas de las acciones clásicas que se efectuaban en cocinas de fuego, como calentar un vaso de leche o descongelar un alimento han sido desplazadas por los microondas, que cuentan con funciones específicas para ello.

Vamos a explorar la posibilidad de crear controles unificados por fuego que no dependan del modelo clásico para facilitar el acceso a nuevas generaciones y también la posibilidad de incluir mini tareas en los fuegos más allá del control de calor.





PersonaCon el objetivo de diseñar la interfaz del nuevo producto y partiendo de las entrevistas anteriores, definiremos el tipo de usuario (Persona).


DEMOGRAPHICS NEEDS AND GOALS

BEHAVIOURSMARV • Posee un robot de cocina, microondas, horno y placa vitrocerámica.

• Consume alimentación ecológica.

• Cocina regularmente en casa.

• Practica deporte.“Hoy tenemos Lasaña ...”

• Mejorar el impacto de su huella de carbono.

•Comer sano para ayudar a su dieta relacionada con el deporte.

• Aumentar susconsultas a recetas online.

• 38 años.• Vive en una ciudad de más

de un millón habitantes.• No está casada/o.• Ingresos anuales superiores

a 20.000 €.




Escenarios (Journeys)Redactaremos dos escenarios en los que el usuario podrá resolver sendas tareas con éxito (incluyendo las nuevas funcionalidades o soluciones que aporte el nuevo producto). Los escenarios nos darán el contexto para comprender la importancia de las soluciones aportadas.

User Journey 1 Calentar un vaso de leche

Acciones

Buscar recipiente Encender placa Seleccionar fuego Calentar y servir

Pain points

Emociones

Oportunidades

Marv busca un recipiente adecuado para calentar la leche.

Desbloquea la placa y la enciende. Selecciona el fuego adecuado y su intensidad.

Coloca el recipiente, espera a que este listo y sirve la leche.

Potenciar el encendido independiente de fuegos y la selección de intensidad.

Validar la inclusión de programas para tareas recursivas como esta.

Marv duda entre que fuego elegir teniendo que mirar en la parte inferior de la placa.

Marv realiza la tarea sin dificultad y basada en una repetición a la que está acostumbrada/o.




User Journey 2 Descongelar y preparar

Acciones

Encender placa Colocar alimentos Seleccionar fuego Descongelar y preparar

Pain points

Emociones

Oportunidades

Marv esbloquea la placa y la enciende. Selecciona el recipiente y coloca los alimentos a descongelar.

Selecciona el fuego adecuado y su intensidad.

Coloca el recipiente, espera a su descongelación y prosigue con la preparación de la comida.

Potenciar el encendido independiente de fuegos y la selección de intensidad.

Validar la inclusión de programas de descongelado para tareas recursivas como esta.

Marv duda entre que fuego elegir teniendo que mirar en la parte inferior de la placa.

Marv realiza la tarea sin dificultad y basada en una repetición a la que está acostumbrada/o.




Diseño del nuevo prototipoUna vez definidos los escenarios, diseñaremos en Figma o XD la nueva interfaz, en la que se podrán llevar a cabo sendas tareas en el nuevo modelo de cocina. Para que el prototipo se entienda mejor, lo dotaremos de la interacción necesaria. Puede consultarse en el siguiente enlace: https://www.figma.com/proto/Apkcmr1jEmmjQoicUI5vNg/PEC3---Dise%C3%B1o-Centrado-en-el-Usuario-en-los-objetos-cotidianos?page-id=0%3A1&node-id=2%3A11&viewport=241%2C48%2C0.94&scaling=contain&starting-point-node-id=2%3A11




Evaluación de heurísticosAntes de la entrega final, realizaremos al prototipo un test de heurísticos que nos llevará a la versión de entrega definitiva, comprobando que cumple con los requisitos.

Visibility of system statusA través de la pantalla inferior podemos conocer en todo momento el estado del sistema (a mejorar en versión 2).

Match between system and the real worldEl sistema se basa en la convención de las cocinas clásicas de fuegos, con los fuegos redondos.

User control and freedomCon el uso de los deslizadores se simplifica y amplifica la libertad y el control independiente de cada fuego.




Consistency and standardsEncendido/Apagado y Más o menos temperatura, aparte del acceso a tareas programadas.

Error preventionExiste un margen de error muy pequeño al llevar los controles de bloqueo y encendido al lado de cada fuego.

Recognition rather than recallLos deslizadores enraizan con los patrones de desbloqueo de móviles y tablets lo que potencia el reconocimiento.




Flexibility and efficiency of useEstos deslizadores acelaran la flexibilidad de uso y disminuyen la carga de trabajo de identificación. Para la versión dos se eliminará el doble deslizador y este simplemente cambiará de estado, de bloqueo a temperatura.

Aesthetic and minimalist designSe han eliminado las botoneras y se ha potenciado un interface minimalista.

Help users recognize, diagnose, and recover from errorsA mejorar en la fase dos, con la inclusión de mensajes en la pantalla.

Help and documentationTambién el prototipo falla en esta parte, podemos introducir una sección de ayuda en el menú principal.



Entrega de la propuesta definitivaUna vez realizada la evaluación heurística, realizaremos las mejoras oportunas para hacer la entrega de la propuesta definitiva. Puede consultarse en el siguiente enlace: https://www.figma.com/proto/Apkcmr1jEmmjQoicUI5vNg/PEC3---Dise%C3%B1o-Centrado-en-el-Usuario-en-los-objetos-cotidianos?page-id=0%3A1&node-id=2%3A1264&viewport=241%2C48%2C0.65&scaling=contain&starting-point-node-id=2%3A1176&show-proto-sidebar=1


Prototipado Diseño Centrado en el Usuario

Documents

Transcript of Prototipado Diseño Centrado en el Usuario