Diseño de una interfaz para dispositivos móviles - Fase 4

Prototipo herramienta 'hand-writing' 

1.Pantalla de inicio

2. Icono

3. Menús

Inicio

Editar

Herramientas

Diseño de una interfaz para dispositivos móviles - Fase 3

•     El usuario siempre tiene el control.
•     Coherencia:  Permite al usuario aprovechar sus conocimientos en nuevas tareas. Ayuda a que la interfaz sea familiar y predecible.

•     Metáforas:

•    Visuales: se basan en elementos gráficos familiares para la mayoría de la gente. 

                 -> Presenta una interfaz similar a la mayoría de los editores de textos tradicionales

•    Funcionales: se apoyan en tareas que el usuario puede realizar en su vida cotidiana.

                 -> Se utiliza el tipo de menú funcional que en aplicaciones similares: Inicio, editar,...

Diseño de una interfaz para dispositivos móviles - Fase 2

Aplicaciones similares disponibles en el mercado

Notes Plus (App Ipad)

WritePad (Aplicación Android)

Upad (App Ipad)

Diseño de una interfaz para dispositivos móviles - Fase 1

Software de reconocimiento de escritura, cuya finalidad es sustituir el teclado en pantalla.

Puede utilizarse para introducir texto en cualquier aplicación de móvil.

Ofrece tecnología de reconocimiento de escritura compatible prácticamente con cualquier estilo de escritura, incluyendo la letra ligada, de imprenta y mixta. El software analiza los trazos del bolígrafo escritos en la zona designada para tal fin, convierte esos trazos en texto y envía el texto reconocido a la aplicación de destino. El software se adapta y aprende el estilo de escritura de cada usuario.

Rediseño de una aplicación software

      Blogger es un servicio creado por Pyra Labs para crear y publicar una bitácora en línea. El usuario no tiene que escribir ningún código o instalar programas de servidor o de scripting.

     Blogger acepta para el alojamiento de las bitácoras su propio servidor (Blogspot) o el servidor que el usuario especifique (FTP o SFTP).

Frontera de ejecución

•    Comodidad:   El diseño de un objeto debe potenciar la productividad y reducir el esfuerzo y la fatiga del usuario, sin embargo, la aplicación produce cierta incomodidad al insertar las imágenes en las entradas del blog, dado que las inserta siempre al comienzo de la misma y no donde el usuario desea (opción que se ofrece más tarde).

Frontera de evaluación

•    Expectativas:   Propiedad de los objetos para indicar al usuario cómo se usan a partir de su apariencia. En el caso de la inserción de imágenes en blogger, esto no se cumple, dado que las imágenes nunca se insertan a priori donde el usuario desea.

Diseño de interfaz

•     El usuario siempre tiene el control.
•     Metáforas:

*Visuales: se basan en elementos gráficos familiares para la mayoría de la gente. à Todos los gestores de blogs presentan la misma apariencia.

*Funcionales: se apoyan en tareas que el usuario puede realizar en su vida cotidiana. à Todos los gestores de blogs presentan el mismo tipo de menú funcional.

•     Coherencia: Permite al usuario aprovechar sus conocimientos en nuevas tareas. Ayuda a que la interfaz sea familiar y predecible.

                >> Mantiene la interfaz estándar de los gestores de blogs habituales.

SOLUCIÓN

Ejemplo de Manipulación directa

• Proporciona una realimentación constante sobre la tarea desempeñada. 

• El usuario puede hacer las operaciones con rapidez, con menos errores y con menor esfuerzo mental.

 

       La aplicación de Google Chrome, al tener implementado tras la barra de direcciones el buscador de Google, cuando se desea hacer una búsqueda, lo hace automáticamente, evitando incluso terminar de escribir lo que se desea.