Creación del prototipo. Fase4

El logo corresponde al que aparece cuando descargamos la aplicación ya que, cuando esta está instalada, se integra en el menú de envío de sms.

La pantalla del menú de envío de sms antes de instalar la aplicación es:

Después de instalarla:

Si pulsamos Play comienza el dictado:

Con Pause pausamos el dictado y con Stop finalizamos. Después enviamos el sms de la forma habitual.

Descripción detalla del software. Fase 3

Como se aprecia en el boceto, el  menú de envío de sms es el convencional al que hemos incorpordo la herramienta de dictado.

El dictado  empieza cuando pulsamos Play y se puede Pausar y Detener. Esto proporciona el control que, junto con la utilización de metáforas visuales buenas y la coherencia, hace que su uso sea fácil.

Una vez detenido el dictado, podemos editar el contenido del sms de la misma forma que si hubiera sido escrito y cambiar el destinatario de forma que se garantiza la reversibilidad.

Por otro lado, observamos manipulación directa y realimentación cuando escribímos en la barra de introducir destinatario.

Todo lo anteriormente  mencionado y el diseño que tiene el menú de envío de sms proporciona integridad estética.

Aplicaciones similares en el mercado. Fase2

La 1era de las aplicaciones similares que he encontrado se llama Dragon Dictation y tiene el siguiente formato:

La 2nda y, que más se parece a la que voy a diseñar, es Siri y tiene esta interfaz:

Diseño de una interfaz software para dispositivos móviles. Fase1

La aplicación que voy a diseñar pretende facilitar el envío de sms de forma que, cuando enviamos un sms, exista la opción de dictar al "editor de texto" para que él lo copie.

Una vez instalada la aplicación, después de pulsar Crear mensaje, nos aparecera en la pantalla de envío el botón  Dictar. De no pulsarlo, la forma de envío de sms será la convencional, es decir, escribir el texto que deseamos enviar.

Le he llamado CONFORTABLE SMS que significa "sms cómodo".

Errores de diseño en la interfaz de una aplicación software.

El software que elegido para esta tarea es el reproductor de audio Zap Audio Player. Me he centrado en la parte que concierne a la reproducción y que presenta la siguente interfaz:

He idenfiticado fallos de diseño, fallos en la frontera de ejecución y fallos en la frontera de evaluación. Estos son:


    • Difícil percepción de los elementos de interacción por su apariencia.

   • Fallo de coherencia y de metáfora visual debido a que la interfaz no ayuda a que sea familiar y predecible. Se hace difícil aplicar conocimientos existentes debido a que tiene muy pocas similitudes con los reproductores convencionales.

                    

   • De comodidad. El diseño no potencia la productividad y no reduce el esfuerzo ni la fatiga del usuario.

                    

   • De expectativas. Los objetos no indican al usuario cómo se usan a partir de su apariencia.

   • De convención. No existe familiaridad alguna. Los objetos no aayudan al usuario a comprender el funcionamiento del programa sin grandes esfuerzos.

   • De analogía. No es posible inducir el funcionamiento de un objeto en base a otro objeto semejante en uno o más aspectos.


Mi propuesta para corregir los fallos antes mencionados y, para mejorar el funcionamiento, sería implementar algo como:

   • Ahora existe una fácil percepción de los elementos por su apariencia debido a la coherencia y a las buenas metáforas visuales que ayuda a que la interfaz sea familiar y predecible.

   • La manipulación directa es total. En todo momento vemos que el programa responde a nuestras acciones y podemos hacer las operaciones con rapidez, con menos errores y con menor esfuerzo mental

   • En la frontera de ejecución se ha mejorado la comodidad que reduce el esfuerzo del usuario.

   • En la frontera de evaluación cumple con las expectativas y mejora el funcionamiento del programa debido a su familiaridad que proporciona su convencionalidad y la analogía con programas similares.

Ejemplos de manipulación directa y de coherencia.

Manipulación directa

El Youtube proporciona manipulación directa mediante realimentación constante cuando intentamos buscar un video de forma que, cuando vamos introducciendo el nombre del video que queremos ver, nos hace sugerencias que nos ayudan a confirmar que está respondiendo a las acciones. Esto también nos permite realizar las busquedas con menos errores y con menor esfuerzo mental.

Coherencia

Generalmente, los gestores de correo poseen  interfaces  familiares y predecibles. Esto nos permite la utilización de uno nuevo  a partir de  conocimientos anteriores que tenemos sobre el uso de este tipo de  herramientas.

Ejemplo de metáforas.

A continuación se muestra un ejemplo de los 3 tipos existentes:

Métafora visual

El icono de impresión es un elemento gráfico que resulta familiar para la mayoria de las personas. Sólo con visualizarlo es fácilmente reconocible.

Metáfora organizacional

Se fundamenta y está distribuido en las mismas secciones que en la tienda Decathlon de forma que, cuando vamos, puede resultarnos útil para localizar los artículos y comprar.

Metáfora funcional

Mediante las etiquetas que aparecen en la barra de favoritos, podemos acceder de forma mas rápida y cómoda a los sitios web que visitamos frecuentemente.

Programa donde el usuario no tiene el control.

En el programa de instalación de Windows XP no tenemos el control ya que, en medio de la instalación, no podemos pausar, reanudar y cancelar la instalación. Se trata de una tarea  automatizada sin interactividad que no podemos controlar.

Fallos en la frontera de evaluación.

En el 1er caso (un despertador) encontramos un fallo restrictivo en el panel de configuración por su difícil de manejo debido a que es pequeño y de difícil acceso. También un fallo de convención porque cuesta comprender su funcionamiento.

En el 2ndo (batidora), observamos un fallo de expectativa. Resulta prácticamente imposible adivinar cómo se usa a partir de su apariencia.

Fallos en la frontera de ejecución.

El video que se muestra a continuación, muestra las comodidades y mejor funcionalidad de una vitrocerámica frente a las carencias de las antiguas cocinas eléctricas.

Los fallos que se detectan, en referencia a los aspectos que podemos evaluar en la frontera de ejecución, son:

    - Comodidad: Ante la ausencia de indicadores en la ruedecilla, el usuario encuentra el problema de no  saber que posición selecionar para poder regular la temperatura de la placa. Podemos decir que es poco efectiva e inflexible. 

    - Accesibilidad: Existe una gran dificultad para personas que carecen de sensibilidad en las manos al no poder comprobar que cantidad de calor desprende la placa en la posición seleccionada.

    - Seguridad: Puede causar quemaduras comprobando la temperatura de la placa, por salpicadura de aceite caliente por una elevada temperatura de la placa en la que estamos cocinado e incluso puede llegar a provocar un incendio.

Ejemplo de interacción, comunicación, percepción y comprensión.

El arranque de un coche, algo que la mayoría de las personas hace diariamente en más de una ocasión.

En él, distinguimos:

Interacción :  Girar llave de contacto.

Comunicación: El coche arranca.

Percepción: Rudio del coche y luces en el panel.

Comunicación: El coche esta preparado para circular.

Ejemplo de mal diseño.

Generalmente, la tecla Ctrl (Control) se sitúa en el extremo inferior izquierdo de un teclado, debajo de la tecla Shift.

La imagen siguiente muestra un caso de mal diseño. En la posición referida la tecla que aparece es Fn (Funciones especiales) y no Ctrl. Esto causa al usuario una confusión en la utilización de dicho teclado.