Diseño de Interfaces Humanas David Cuerva Trujillo.

Presentación del tema: "Diseño de Interfaces Humanas David Cuerva Trujillo."— Transcripción de la presentación:

1 Diseño de Interfaces Humanas David Cuerva Trujillo.

2 Índice Introducción. Introducción. Objetivo de la práctica. Objetivo de la práctica. ¿Qué programa hemos elegido? ¿Qué programa hemos elegido? Análisis del programa. Análisis del programa. Interacción, Comunicación, percepción y comprensión. Interacción, Comunicación, percepción y comprensión. Frontera de ejecución. Frontera de ejecución. Frontera de evaluación. Frontera de evaluación. Diseño de interfaces I. Diseño de interfaces I. Diseño de interfaces II. Diseño de interfaces II. Diseño de interfaces III. Diseño de interfaces III. Propuesta de rediseño. Propuesta de rediseño. Interfaz del software antes del rediseño. Interfaz del software antes del rediseño. Interfaz del software después del rediseño. Interfaz del software después del rediseño.

3 Introducción ¿Qué programa hemos elegido? ¿Qué programa hemos elegido? Para esta práctica hemos usado Adobe Photoshop CS 5 Extended Edition

4 Análisis del programa. Interacción Interacción En Adobe Photoshop CS 5 Extended Edition la “Interacción” con el programa es la de hacer “click” en el icono del programa. En este aspecto el programa no presenta ningún problema. Hacer click en la imagen para agrandar

5 Análisis del programa. Comunicación Comunicación En Adobe Photoshop CS 5 Extended Edition como respuesta a “Interacción” el programa actúa a través de “comunicación” y presenta la siguiente pantalla. En este aspecto el programa no presenta ningún problema. Hacer click en la imagen para agrandar

6 Análisis del programa. Percepción Percepción En Adobe Photoshop CS 5 Extended Edition la “Percepción” con el programa es que vemos que el programa se empieza a abrir (Sentido de la vista). En este aspecto el programa no presenta ningún problema. Hacer click en la imagen para agrandar

7 Análisis del programa. Comprensión. Comprensión. En Adobe Photoshop CS 5 Extended Edition la “Comprensión” con el programa es la de que el programa se abrió. En este aspecto el programa no presenta ningún problema. Hacer click en la imagen para agrandar

8 Análisis del programa. Comodidad. Comodidad. En Adobe Photoshop CS 5 Extended Edition la barra que sale arriba es del todo incómoda. Además, propongo un rediseño de la aplicación. Hacer click en la imagen para agrandar

9 Análisis del programa. Accesibilidad. Accesibilidad. Hacer click en la imagen para agrandar El menú desplegable de filtros es muy usado en PS, por lo tanto debería ser más cómodo su acceso. Se propone un rediseño.

10 Análisis del programa. Seguridad. Seguridad. Hacer click en la imagen para agrandar En el apartado de Seguridad de Adobe Photoshop CS 5 Extended Edition veo un problema con la cantidad de tiempo que utiliza un usuario delante de la pantalla del ordenador. Además, propongo un rediseño de la aplicación.

11 Análisis del programa. Expectativas. Expectativas. En Adobe Photoshop CS 5 Extended Edition en la paleta de herramientas, al querer hacer yo un cuadrado, me espero que este en la herramienta “cuadrado” y realmente esta en un submenú en la herramienta “Línea”. Esto se podría considerar un fallo en “expectativas” además de un fallo en “Metáforas Visuales”. como rediseño se plantea cambiar la metáfora visual esto arreglaría los dos problemas a la vez. como rediseño se plantea cambiar la metáfora visual esto arreglaría los dos problemas a la vez. Hacer click en la imagen para agrandar

12 Análisis del programa. Restricciones. Restricciones. En Adobe Photoshop CS 5 Extended Edition se podría decir que son restricciones todos los formatos que no estén incluidos en la lista de formatos cuando vamos a guardar el archivo. Hacer click en la imagen para agrandar - Como arreglo a esto lo que se puede hacer es incluir nuevos formatos en un futuro.

13 Análisis del programa. Convenciones. Convenciones. En Adobe Photoshop CS 5 Extended Edition la barra que sale arriba no debería estar arriba, esta debería ser sustituida por la “barra de menú”. Hacer click en la imagen para agrandar

14 Análisis del programa. Analogías. Analogías. En Adobe Photoshop CS 5 Extended Edition en la paleta de herramientas he visto un fallo en analogías situado en el “cuadrado”. Por analogía al programa “Paint” he pensado que es cuadrado que era una herramienta diferente Hacer click en la imagen para agrandar

15 Análisis del programa. Perdida del Control Perdida del Control En Adobe Photoshop CS 5 Extended Edition al entrar a la aplicación se pierde el control momentáneamente. Para este caso se propone un rediseño. Hacer click en la imagen para agrandar

16 Análisis del programa. Metáfora. Metáfora. En Adobe Photoshop CS 5 Extended Edition existe un fallo en metáfora visual en el cuadrado. Hacer click en la imagen para agrandar Como propuesta de resiseño se propone cambiar las metáforas por otras que las identifiquen mejor.

17 Análisis del programa. Realimentación. Realimentación. En Adobe Photoshop CS 5 Extended Edition no existe realimentación ya que no hay Alguna zona donde te de información. Por tanto para el rediseño se propone una zona de realimentación. Hacer click en la imagen para agrandar

18 Análisis del programa. Manipulación Directa. Manipulación Directa. Hacer click en la imagen para agrandar En Adobe Photoshop CS 5 Extended Edition no existe manipulación directa ya que no hay alguna zona donde te de información. Por tanto para el rediseño se propone una zona de manipulación directa.

19 Rediseño Interfaz del software antes del ejercicio. Interfaz del software antes del ejercicio. Hacer click en la imagen para agrandar

20 Interfaz del software después del ejercicio. Interfaz del software después del ejercicio. Rediseño