Javiera Missana: Replanteo de Widgets

De Casiopea
La versión para imprimir ya no se admite y puede contener errores de representación. Actualiza los marcadores del navegador y utiliza en su lugar la función de impresión predeterminada del navegador.


TítuloReplanteo de widget
Palabras Clavewidget
Período2018-2018
AsignaturaTaller de Diseño de Interacción,
Del CursoTaller de Diseño de Interacción 2018
CarrerasDiseño
Alumno(s)Javiera Missana
ProfesorHerbert Spencer, Rodolfo Pinto

Estudio de la interfaz

Caso I - lápiz grafito

Missana interaccion1.png

El lápiz es una interfaz, en el sentido de que responde a una extensión de la mente y la mano, un puente entre la cabeza y el papel que termina en un dibujo o un texto.

Missana interaccion2.png

Su superficie entrega información acerca de la manera de agarrarlo, y el material con el que está hecho (la madera) hace que no sea un objeto pesado, por lo que la mano puede moverse con facilidad mientras trabaja.

Missana interaccion3.png

Missana interaccion4.png Missana interaccion5.png

Caso II - tijeras de costura

Estas tijeras de costura cuentan con una tapa para cubrir las hojas. El problema aquí es que la forma del objeto hace pensar que tiene un botón para abrir la tapa, cuando es sólo parte del mecanismo de la hoja.

Missana interaccion6.png Missana interaccion7.png

Para sacar la tapa se requieren ambas manos, lo que aleja la mano de la tapa de las hojas, pero el acto no es fluido, por lo que alguien cerca puede accidentarse con la fuerza del abrir.

Missana interaccion8.png Missana interaccion9.png

Caso III - microondas

Un microondas es un compartimento para calentar la comida: uno introduce el plato y cierra la puerta, protegiendo la comida mientras se calienta.

Responde al acto del hogar: calentar la comida y protegerla de depredadores.

Missana interaccion10.png

Missana interaccion11.png

El problema con la interfaz de los microondas es que todas son distintas entre sí, todos los modelos tienen diversa información sobre el modo de operar el objeto.

Además, suele ser bastante compleja en relación al gesto de calentar la comida, hay un desbalance: hay muchos botones o ninguno, perillas, mucho texto o nada, números o nada de ellos.

Ejemplos de interfaces observadas al mismo tiempo en distintos microondas:

Missana interaccion12.png

La tendencia para simplificar el interfaz sería reducir drásticamente el número de elementos del tablero. Tal vez es difícil mantener pocos botones debido a la cantidad de funciones que ofrecen los microondas en la actualidad (descongelar, hervir, asar), pero mantener un estándar de interfaz resumida es posible si las distintas marcas se ponen de acuerdo en una línea de diseño común, teniendo en cuenta los siguientes puntos en relación a la accesibilidad:

  • botones con relieve (mas braille) y estímulo auditivo (click) que sean fáciles de presionar
  • una pantalla no pequeña que muestre solo el tiempo, con tipografía clara
  • una manilla, a fin de evitar más botones en el tablero

Missana interaccion13.png Propuesta visual de interfaz común

Caso a profundizar: el microondas de acuerdo a su protoforma

Mito

Cuando el hombre descubrió el fuego, lo domesticó para defenderse de los depredadores y para asar la carne cruda, naciendo así la cocina y por ende el hogar.

Missana interaccion14.png

Missana interaccion15.png

Gesto

Missana interaccion16.png Missana interaccion17.png

Missana interaccion18.png

Accesibilidad

Propuesta interfaz I

Missana interaccion19.png Missana interaccion23.png

Propuesta interfaz II

Missana interaccion24.png Missana interaccion25.png

Una interfaz más simple de utilizar se compone de un control perilla y dos botones, uno para avanzar y otro para retroceder, ambos con relieve y braille. La perilla es el cursor (los items se destacan al girarla) y con los botones se avanza o se retrocede.

Diagrama de flujo

Missana interaccion26.png

Propuesta forma

Missana interaccion20.png Missana interaccion21.png

La forma elegida es la segunda propuesta, por considerar que sigue la protoforma mejor que las demás.

  • Es necesaria la adición de una bandeja con manillas para facilitar el acceso al plato.
  • Se pensó en algún momento en que la bandeja tuviera varios "pisos" verticales para hacer caber más platos, unidos a la tapa y que esta se sacara, pero resultaría en un objeto con mucho peso una vez puestos los platos, y en un objeto muy alto.
  • Se decide mantener la manilla y la bisagra por juzgarse de fácil lectura.

Demo

Exposición

IMG 20180323 103312104.jpg IMG 20180323 103344654.jpg