Ver el código de «Maria Ignacia von Unger / Rediseño de un widget / Parlante inalámbrico»

{{Proyecto
|Título=María Ignacia von Unger – Rediseño de un widget (Parlante inalámbrico)
|Tipo de Proyecto=Proyecto de Taller
|Palabras Clave=widget
|Año de Inicio=2017
|Año de Término=2017
|Carreras Relacionadas=Diseño, Diseño Gráfico, Interacción y Servicios
|Asignaturas Relacionadas=Taller de Diseño de Interacción, Taller de Diseño de Servicios,
|Cursos Relacionados=Taller de Interacción y Servicios 2017,
|Profesor=Herbert Spencer, Katherine Exss,
|Alumnos=María Ignacia von Unger,
}}
=Rediseño del parlante inalámbrico=

El parlante inalámbrico es un objeto de uso público –entendiéndose por público que puede ser manipulado por más de una persona en una misma instancia– que se remite a un espacio privado. 

El objeto tiene una forma y tamaño que se adapta a la mano y se acopla a ella. Su manipulación, por ende, es fácil y cómoda, permitiendo su uso de manera fluida, sin movimientos extras.

La secuencia de uso del parlante deberá ser corta, para cumplir su función de manera óptima. Deberá ser fácil de manipular desde el primer uso y deberá ser claro con sus funciones y modos, en caso de tenerlos.

Como se puede observar en los dibujos, si bien la forma cumple su objetivo, los botones y funcionalidades del objeto no lo hacen. Aquí es cuando el rediseño se hace imperativo.

[[Archivo:Parlante – Secuencia de uso 1.png|200px]]
[[Archivo:Parlante – Secuencia de uso 2.png|200px]]
[[Archivo:Parlante – Secuencia de uso 3.png|200px]]
[[Archivo:Parlante – Secuencia de uso 1.png|200px]]

[[Archivo:Parlante – Secuencia de uso.jpeg|500px|center]]

[[Archivo:Parlante – Secuencia.png|500px|center]]

===Acercamiento a la forma===
Para poder llegar al rediseño del objeto, es necesario entender su contexto y secuencia de uso, la interacción que debe llevar a cabo con el usuario, las funcionalidades que debe desempeñar y su partitura de uso.

Se hizo una lista con las cosas buenas y malas del objeto actual, con el fin de poder entender de mejor manera tanto los elementos a mantener como los que se deben cambiar.

===Pros===
* Forma y tamaño cómodo a la mano y portátil.
* Gesto de prender/manipular en un mismo movimiento.

===Contras===
* Cantidad exagerada de elementos en la franja inferior.
* Funciones innecesarias.
* Falta de reciprocidad adecuada: feedback ineficiente.


Antes de pensar en la forma, se definió una primera propuesta de rediseño de manera conceptual, tomando como base los pros y los contras:

* Mínima cantidad de botones.
* Mantención del tamaño “mano”.
* Feedback claro.
* Control gestual.


Luego se definieron las funciones que debería tener y las tareas que debería realizar:

* On/off.
* Play/pausa.
* Volumen (+/–)
* Siguiente canción/canción anterior.
* Aviso de bluetooh conectado.
* Aviso de batería restante.
* Aviso de carga.

===Partitura de interacción===
[[Archivo:Parlante – Partitura de Interacción – 1.png|600px|center]]

==Propuesta de rediseño==
El nuevo diseño del parlante tendrá forma cilíndrica con una cara plana, para poder ser apoyado y tomado de manera fácil y natural.

Una vez en la mano, el parlante tendrá una forma familiar a la mano, acoplándose de tal manera que será fácil y cómodo de manipular, no sólo en la mano, sino que apoyado en una superficie plana también.

El parlante tendrá sólo un botón, en un costado, con el cual se encencerá, apagará, se pondrá play y pausa. Las funciones de volumen, cambio de canción y adelantar/retroceder se podrán llevar a cabo mediante la barra touch en la parte superior del parlante. La gestualidad de la barra touch permitirá que el uso del parlante sea más intuitivo, dado que tendrá un principio de uso parecido al celular.

El feedback entregado por el parlante al usuario para dar cuenta de las acciones que se están haciendo, será claro y único según cada acción, para evitar, de esta manera, el entendimiento erróneo de estas señales.

[[Archivo:Parlante – vec.png|500px|center]]

Si bien el parlante se enciende y se puede manipular fácilmente con una mano, su forma también permite una fácil manipulación cuando está posado sobre una superficie plana.

Esta doble modalidad de uso se debe al contexto en el que está inmerso el objeto, donde será manipulado por una o más personas en un espacio que no es necesariamente estático, sino que podría moversedentro de éste, tomando posición en más de un sitio en su tiempo de uso.

[[Archivo:Captura de pantalla 2017-03-17 a las 15.55.31.png|500px|center]]

===Funciones y feedback===
Las funciones serán simples de accionar y el feedback será claro y entendible a primera vista. De esta manera, el usuario no tendrá que obligatoriamente recurrir al manual de uso para hacerlo funcionar.

* Encender el parlante: Se deberá apretar el botón PLAY/PAUSA. Se encenderá una luz verde en el botón y junto con eso se encenderán los íconos de la barra touch y el ícono de batería en la parte de abajo.

* Apagar el parlante: Se deberá apretar el botón PLAY/PAUSA de manera prolongada (3 segundos). Si no se apaga manualmente, el parlante se apagará de manera automática después de 5 minutos sin música. Se apagarán todas las luces del parlante.

* Aviso de conexión exitosa al bluetooth: Al conectar el celular a la señal bluetooth del parlante, se encenderá el ícono de bluetooth en la parte inferior del parlante.

* Aviso de batería disponible: Al encender el parlante, se encenderá el icono de la batería con la cantidad de carga disponible.

* Aviso de carga del parlante: Cuando el parlante esté siendo cargado a la corriente, se encenderá una luz verde sobre el input para conectarlo. Esta luz deberá parpadear hasta que la carga termine, haciéndose continua en ese momento.

* (Barra touch) Subir/bajar volumen: Al deslizar el dedo por la barra touch hacia uno de sus extremos, el parlante subirá o bajará el volumen de la música que está sonando.

* (Barra touch) Cambiar canción: Al hacer “tap” en los íconos de cambio de canción, cambiará la música que está sonando por la siguiente o anterior canción.

* (Barra touch) Adelantar/retroceder en canción: Al presionar y luego deslizar el dedo desde el centro hacia los extremos se adelantará o retrocederá la canción hasta el punto desdeado.

===Mapa de navegación===
[[Archivo:Parlante – Mapa de navegacion.png|500px|center]]

===Presentación del objeto===
{{#widget:YouTube|id=VTiDcNL4Ei8}}

Video presentación del rediseño del parlante inalámbrico]