Practica 2 - Rediseño de una Interfaz

Como muestra de un mal diseño de Interfaz he elegido un antivirus open source llamado Clamwin




Ventana Principal

Voy a enumerar los distintos fallos de diseño y luego presentare un interfaz en el que se han corregido.

Fallo de Coherencia

En la ventana principal a parte de ofrecernos muy poca o ninguna información, se presenta un fallo de coherencia en la aplicacion pues no presenta una apariencia tipica de un Antivirus.

Fallo de Expectativas

Durante la frontera de evaluación un usuario inexperto no sabrá como seleccionar las distintas formas de análisis (sistema completo, una carpeta, un archivo...)





Fallo de Causalidad



No se nos indica en ningun momento en la pantalla si el antivirus se encuentra actualizado.

Fallo Metaforas Visuales

Los iconos de la barra de tareas no se corresponden con ningun icono utilizado en otros antivirus y no queda claro para que sirven.



Rediseño del Interfaz
Para solucionar todos estos problemas del interfaz he optado por un interfaz renovado que se ajusta a la siguiente imagen

En este nuevo diseño he añadido los siguientes aspectos que solucionan los errores anteriormente mencionados

Un Boton Scan Now a la izquierda del interfaz (Ademas incluye la fecha y hora de el ultimo Escaneo)
Un Desplegable Scan Options que permita selecionar de manera rapida y sencilla escaneos preconfigurados
Un Boton Update Now a la izquierda del interfaz que permita actualizar el antivirus (Ademas indica la fecha y hora de la ultima actualización)

Un icono AntiVirus que nos indica si el antivirus esta activo o no.

Un icono a la derecha del icono de la aplicacion  (tick verde) que nos indica si el sistema esta correctamente protegido.

Practica 1 - Tarea 6 - Manipulación Directa y Coherencia.

Manipulacion Directa

Un ejemplo de esto puede ser la pagina de Opel
http://www.opel.es/tools/comparar-los-modelos-de-opel/configurador-opel.html

En ella se puede apreciar toda la gama de vehiculos de Opel pudiendo el usuario realizar una configuracion personalizada en la cual se va mostrando cada  aspecto elegido asi como su precio final.

Coherencia

Aqui podemos presentar dos sistemas operativos que tienen aplicaciones y metaforas visuales semejantes
Son los sistemas operativos ZorinOS y Windows 7

Practica 1 - Tarea 5 - Perdida de Control y Ejemplo de Metaforas

Reinicios de Windows

Es bastante grave un comportamiento que viene activado por defecto en windows que consiste en lo siguiente.
Cada vez que se realiza una actualización importante, el sistema operativo intenta reiniciar a los 5 minutos y muestra al usuario una ventana por si quiere cancelar el proceso.

Hay que tener en cuenta que el usuario puede tener aplicaciones abiertas y puede haberse ausentado del PC pudiendose producir una perdida de datos por causas ajenas al Usuario no teniendo control sobre este proceso.

Por ello seria interesante que siempre quedasen en espera de aplicación las actualizaciones importantes para el momento en el que el usuario realmente solicita un apagado del PC

No permitiendose en ningun caso un comportamiento como el aqui citado que puede producir perdidas de datos.

Ejemplo de metáfora

Aqui voy a presentar las metaforas que se aprecian en dos programas de diseño 3D como son el Blender y Modo (Luxology)

• Blender

 

• Modo

• métafora visual, porque ambos usan una serie de iconos que resultan familiares para la mayoría de usuarios al ser usados no sólo en este tipo de aplicaciones sino también en otras aplicaciones de diseño 3D principalmente. Por ejemplo: los iconos de objetos (cubo, cilindro, esfera, etc..)

• metáfora organizacional, ya que los diferentes menús están organizados de manera similar y siguen un esquema típico.

• metáfora funcional, porque la funcionalidad de muchas opciones, no sólo se repite en programas 3D, sino que además están presentes en otro tipo de aplicaciones lo cual resulta familar para un usuario (por ej: abrir archivo, guardar archivo, importar, exportar, etc..).

Practica 1 - Tarea 4 Fallo Frontera de Evaluacion

Expectativas

Aqui voy a presentar un objeto que presenta una clara deficiencia en la frontera de evaluación concretamente en el apartado de expectativas ya que no se intuye facilmente para que sirve dicho objeto, habra que observarlo detenidamente desde distintas perspectivas para poder hacerse una idea.

Viendo esta perspectiva del objeto dificilmente sabremos para que sirve. ¿averigua ud para que sirve?

 Ahora mostrare otra perspectiva que quizas aclare algo mas la utilidad

Sigue sin estar claro? Una ultima imagen para intentar clarificar

 

Bueno no les torturo mas, si despues de esta imagen sigue sin estar claro queda demostrado que el fallo existe.

El objeto es un afilador. Su diseño es muy bonito y atractivo pero la poca similitud con un afilador tradicional produce este fallo en la frontera de evaluación

Practica 1 - Tarea 3 - Fallo en la Frontera de Ejecucion

Como ejemplo voy a poner un lector MultiTarjetas que tengo en casa, es el SVEON SCT014

Este lector posee un mal diseño en los zocalos de inserción de tarjetas ya que permite una incorrecta inserción de las tarjetas que hace imposible su lectura, en concreto para las tarjetas SD y MicroSD.

Esto podia haberse solucionado diseñando un zocalo que permita una única forma de inserción o serigrafiando un dibujo que muestre la correcta orientación de la tarjeta.

Practica 1 - Tarea 2 - Ejemplo de interacción, comunicación, percepción, comprensión

Como ejemplo cotidiano voy a mostrar el uso de un PC

1.- Interaccion
La interaccion con el PC inicialmente se restringe a pulsar el boton de encendido de la pantalla y de la Torre

2.- Comunicación
La respuesta obtenida es que se encienden los leds de ambos dispositivos y empiezan a aparecer distintos mensajes informativos en pantalla.

3.- Percepción
A parte de los mensajes que se pueden ver por pantalla tambien constatamos que se esta efectuando el arranque porque podemos escuchar el ruido de los ventiladores del PC asi como un Beep en el momento de carga de la Bios indicandonos que se ha realizado un chequeo correcto.


4.- Comprensión
La finalidad de esto es poder arrancar el sistema operativo y proceder al uso del sistema informatico.

Practica 1 - Tarea 1 - Fallo Diseño Web ULPGC

En la ULPGC se ha dotado de manera inteligente a todos los usuarios con un identificador unico para todos los servicios que se ofrecen, sin embargo en la pagina web se ha de realizar la autenticación del usuario repetidas veces en funcion de que servicio es el que queremos acceder algo totalmente innecesario y que le resta utilidad y sentido al uso del identificador único.
Aqui les muestro varios ejemplos
Primero nos autenticamos en la pagina principal

http://www.ulpgc.es

Una vez autenticados deberiamos poder acceder a todos los servicios sin mayor problema pero si queremos consultar el correo veremos esta pagina y tendremos que introducir nuevamente usuario y contraseña.

https://correo.ulpgc.es/horde/imp/

Pero aqui no acaba la cosa, si queremos acceder a la biblioteca tambien tenemos que introducir nuestro usuario y contraseña mostrandose la siguiente pagina.

https://opac.ulpgc.es