Diseño de Interfaces Humanas David Cuerva Trujillo

Diseño de Interfaces Diseño de Interfaces HumanasHumanas

David Cuerva Trujillo.David Cuerva Trujillo.

ÍndiceÍndice IntroducciónIntroducció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.

IntroducciónIntroducción ¿Qué programa hemos elegido?¿Qué programa hemos elegido?

Para esta práctica hemos usado Adobe Photoshop CS 5 Extended EditionPara esta práctica hemos usado Adobe Photoshop CS 5 Extended Edition

Análisis del programa.Análisis del programa. InteracciónInteracciónEn Adobe Photoshop CS 5 Extended Edition la “Interacción” con el programaEn Adobe Photoshop CS 5 Extended Edition la “Interacción” con el programaes la de hacer “click” en el icono del programa.es la de hacer “click” en el icono del programa.

En este aspecto el programa no presenta ningún problema.En este aspecto el programa no presenta ningún problema.

Hacer click en la imagen para agrandar

Análisis del programa.Análisis del programa. ComunicaciónComunicaciónEn Adobe Photoshop CS 5 Extended Edition como respuesta a “Interacción” el programa actúaEn Adobe Photoshop CS 5 Extended Edition como respuesta a “Interacción” el programa actúaa través de “comunicación” y presenta la siguiente pantalla.a través de “comunicación” y presenta la siguiente pantalla.



Análisis del programa.Análisis del programa. PercepciónPercepciónEn Adobe Photoshop CS 5 Extended Edition la “Percepción” con el programaEn Adobe Photoshop CS 5 Extended Edition la “Percepción” con el programaes que vemos que el programa se empieza a abrir (Sentido de la vista).es que vemos que el programa se empieza a abrir (Sentido de la vista).



Análisis del programa.Análisis del programa. Comprensión.Comprensión.En Adobe Photoshop CS 5 Extended Edition la “Comprensión” con el programaEn Adobe Photoshop CS 5 Extended Edition la “Comprensión” con el programaes la de que el programa se abrió.es la de que el programa se abrió.



Análisis del programa.Análisis del programa. Comodidad.Comodidad.En Adobe Photoshop CS 5 Extended Edition la barra que sale arriba es del todo incómoda.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.Además, propongo un rediseño de la aplicación.


Análisis del programa.Análisis del programa. Accesibilidad.Accesibilidad.


El menú desplegable de filtros es muy usado en PS, por lo tanto deberíaEl menú desplegable de filtros es muy usado en PS, por lo tanto deberíaser más cómodo su acceso.ser más cómodo su acceso.

Se propone un rediseño.Se propone un rediseño.

Análisis del programa.Análisis del programa. Seguridad.Seguridad.


En el apartado de Seguridad de Adobe Photoshop CS 5 Extended Edition veo un problemaEn el apartado de Seguridad de Adobe Photoshop CS 5 Extended Edition veo un problemacon la cantidad de tiempo que utiliza un usuario delante de la pantalla del ordenador.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.Además, propongo un rediseño de la aplicación.

Análisis del programa.Análisis del programa. Expectativas.Expectativas.En Adobe Photoshop CS 5 Extended Edition en la paleta de herramientas, al querer hacer yo unEn Adobe Photoshop CS 5 Extended Edition en la paleta de herramientas, al querer hacer yo uncuadrado, me espero que este en la herramienta “cuadrado” y realmente esta en un submenú en cuadrado, me espero que este en la herramienta “cuadrado” y realmente esta en un submenú en la herramienta “Línea”.la herramienta “Línea”.

Esto se podría considerar un fallo en “expectativas” además de un fallo en “Metáforas Esto se podría considerar un fallo en “expectativas” además de un fallo en “Metáforas Visuales”.Visuales”. como rediseño se plantea cambiar la metáfora visual esto arreglaría los dos como rediseño se plantea cambiar la metáfora visual esto arreglaría los dos problemas a la vez. problemas a la vez.


Análisis del programa.Análisis del programa. Restricciones.Restricciones.En Adobe Photoshop CS 5 Extended Edition se podría decir que son restricciones todosEn Adobe Photoshop CS 5 Extended Edition se podría decir que son restricciones todoslos formatos que no estén incluidos en la lista de formatos cuando vamos a guardar el archivo.los formatos que no estén incluidos en la lista de formatos cuando vamos a guardar el archivo.


- Como arreglo a esto lo que se puede- Como arreglo a esto lo que se puedehacer es incluir nuevos formatos en un futuro.hacer es incluir nuevos formatos en un futuro.

Análisis del programa.Análisis del programa. Convenciones.Convenciones.En Adobe Photoshop CS 5 Extended Edition la barra que sale arriba no debería estar arriba,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ú”.esta debería ser sustituida por la “barra de menú”.


Análisis del programa.Análisis del programa. Analogías.Analogías.En Adobe Photoshop CS 5 Extended Edition en la paleta de herramientas he visto un falloEn Adobe Photoshop CS 5 Extended Edition en la paleta de herramientas he visto un falloen analogías situado en el “cuadrado”.en analogías situado en el “cuadrado”.

Por analogía al programa “Paint” he pensado que es cuadrado que era una herramienta diferentePor analogía al programa “Paint” he pensado que es cuadrado que era una herramienta diferente


Análisis del programa.Análisis del programa. Perdida del ControlPerdida del ControlEn Adobe Photoshop CS 5 Extended Edition al entrar a la aplicación se pierde el controlEn Adobe Photoshop CS 5 Extended Edition al entrar a la aplicación se pierde el controlmomentáneamente.momentáneamente.

Para este caso se propone un rediseño.Para este caso se propone un rediseño.


Análisis del programa.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.En Adobe Photoshop CS 5 Extended Edition existe un fallo en metáfora visual en el cuadrado.


Como propuesta de resiseño se propone cambiar las Como propuesta de resiseño se propone cambiar las metáforas por otras que las identifiquen mejor.metáforas por otras que las identifiquen mejor.

Análisis del programa.Análisis del programa. Realimentación.Realimentación.En Adobe Photoshop CS 5 Extended Edition no existe realimentación ya que no hayEn Adobe Photoshop CS 5 Extended Edition no existe realimentación ya que no hayAlguna zona donde te de información.Alguna zona donde te de información.

Por tanto para el rediseño se propone una zona de realimentación.Por tanto para el rediseño se propone una zona de realimentación.


Análisis del programa.Análisis del programa. Manipulación Directa.Manipulación Directa.


En Adobe Photoshop CS 5 Extended Edition no existe manipulación directa ya que no hayEn Adobe Photoshop CS 5 Extended Edition no existe manipulación directa ya que no hayalguna zona donde te de información.alguna zona donde te de información.

Por tanto para el rediseño se propone una zona de manipulación directa.Por tanto para el rediseño se propone una zona de manipulación directa.

RediseñoRediseño Interfaz del software antes del ejercicio.Interfaz del software antes del ejercicio.



Interfaz del software después del ejercicio.Interfaz del software después del ejercicio.

RediseñoRediseño

Documents

Diseño de Interfaces Humanas David Cuerva Trujillo