Tentándole (interacción)

francisco tosete | usabilidad, interacción, diseño y arquitectura de información

histórico de posts

May 1, 2009

El Diseño Gráfico, el color, la estética, la usabilidad y los fundamentos psicofísicos del Diseño de Información y de la Experiencia de Usuario

Automatic text translation to english

Talibanes de la Usabilidad sí, pero también del Diseño Gráfico y de la estética.

El diseño gráfico y el color son, correspondientemente, un ejercicio, y un componente y una parte del Diseño de Información tan esencial y fundamental para conseguir una interfaz usable como cualquier otro aspecto implicado en su construcción tal, como por ejemplo, el Diseño de Interación.

¿Por qué?

Pues debido a que la percepción visual del ser humano es un complejísimo y amplísimo conjunto de factores psicofísicos que son la suma de estímulos ambientales e internos y de procesos que se producen a nivel físico y químico en nuestro aparato visual y en nuestro cerebro.

Ellos nos permiten que percibamos nuestro entorno, que procesemos la información que nos llega, que lo reconozcamos gracias a factores como la oclusión (que un objeto esté por delante de otro, o que tape parcial o totalmente a otro -más próximo-, o por detrás, visible parcial, o totalmente oculto -es decir, más lejano-) la perspectiva, mediante la cual nos hacemos una idea entre otras cosas de la profundidad del espacio y la distancia, la escala y el tamaño, el sombreado, la textura, el color, el contraste, la luminancia, el brillo, la cantidad de luz, la comparación, la extracción de formas y de fondos basándonos en los patrones anteriores, etc. Al mismo tiempo, nuestro sistema cognitivo y la memoria nos permiten comprenderlos, almacenarlos y memorizarlos, extraerlos, utilizarlos y compararlos para ayudarnos a percibir, aprender y entender nuestro entorno.

Conocer, comprender y entender el proceso psicofísico de la percepción visual es fundamental para tener elementos y argumentos para poder defender un diseño, para poder juzgar una interfaz y para poder entender y comprender qué funciona y qué no funciona de la misma.

Cuanto más leo, más cuenta me doy de lo poco que realmente sé, y de la importancia que tiene la psicología y el funcionamiento de nuestro sistema cognitivo y visual humano, así como de las limitaciones con las que se suele abordar y trabajar en el área de la Experiencia de Usuario en nuestra labor cotidiana, algo por otra parte inevitable excepto quizá, para las grandes multinacionales que pueden tener los recursos necesarios y que se pueden permitir hacer realmente I+D+I.

Cierto es que el trabajo del día a día es el trabajo del día a día y que un Arquitecto de Experiencia de Usuario (por englobar bajo una “etiqueta” común a Arquitectos de Información, Diseñadores de Información, Diseñadores Gráficos y Diseñadores de Interacción) de manera inconsciente, y gracias a su experiencia, suele aplicar y hacer un buen uso de los recursos enumerados y de otros tantos para hacer buenos diseños de interfaces pero sin lugar a dudas, un conocimiento aunque sea somero de los factores reseñados ayudaría mucho a mejorarlos y a dotarle con excelentes herramientas de juicio y de trabajo. Por otra parte, algunos factores del diseño caen más allá de su responsabilidad y dominio entrando en los del Diseñador Gráfico. De ahí que sea tan importante y esencial una comunicación directa, fluida, cordial y eficaz con el mismo, profesional ante todo y con la suficiente delicadeza como para poder transmitirle las recomendaciones oportunas para realzar un diseño. Y por supuesto, viceversa, tener las entendenderas bien abiertas para mirar con la suficiente profesionalidad debida los diseños que surgen basados en nuestros prototipos ya que en muchas ocasiones son sorprendentes y pueden poner de relieve aspectos en los que no habíamos pensando ya sea realzando determinadas partes de la interfaz, creando puntos focales mediante el diseño gráfico, jerarquizando la importancia de los elementos mediante el uso de los tamaños o colores, separándolos visualmente, provocando sentimientos mediante la elección de determinadas gamas cromáticas, etc.

Talibanes de la Usabilidad sí, pero también del Diseño Gráfico y de la estética. Son una parte indisociable de ese conjunto y todo que conocemos como la Experiencia de Usuario. Si te dedicas a la consultoría es esencial formar un equipo multidisciplinar de personas en el que arquitectos de información - diseñadores de interacción y diseñadores gráficos se sienten unos al lado de otros y puedan comunicarse. No hay mejor forma de crear un producto excelente.

A continuación un ejemplo muy simple de la utilización del color, el espacio, el contraste, la proximidad, la separación de áreas, la alineación, la agrupación basándose en todos o en parte de los anteriores aspectos citados, la agrupación basándose en atributos semánticos comunes (asociamos números con números, texto con texto, líneas con líneas, áreas coloreadas con áreas coloreadas, etc) para el diseño de tablas jugando con la percepción de la información presentada y consecuentemente para mejorar o decrementar nuestra capacidad para comprenderla, abstraerla y memorizarla.

Incluso con un ejemplo tan aparentemente simple de diseño de información como éste, la deconstrucción y el análisis semiótico y psicofísico es francamente complejo.

La Experiencia de Usuario es un todo, y el Diseño Gráfico es una parte fundamental de la misma para lograr productos usables.

Diseño de tablas jugando con el espacio horizontal y vertical y camas de color gris y amarilla

Diseño de tablas jugando con el espacio horizontal y vertical y camas de color gris y amarilla

Diseño de tablas jugando con el espacio horizontal y vertical y camas de color gris y amarilla entre cada tres líneas de texto

Diseño de tablas jugando con el espacio horizontal y vertical y camas de color gris y amarilla entre líneas alternas

Todas las tablas juntas. Comparación por múltiples pequeños:

Tablas. Todas juntas. Comparación por múltiples pequeños

Si en este caso jugamos con un reducísimo número de factores de diseño controlados y finito, imaginaros la increible cantidad de elementos que intervienen en el diseño de cualquier interfaz que utilizamos diariamente como por ejemplo, el escritorio de un sistema operativo.

Todavía está pendiente un post para explicar el por qué es conveniente y ayuda a la visualización de información el utilizar escalas cromáticas armónicas de colores en nuestras hojas excel cuando realizamos arquitecturas de información y mapas de arquitecturas (y en general para cualquier diseño).

3 Comments »

The URI to TrackBack this entry is: http://tentandole.blogsome.com/2009/05/01/el-diseno-grafico-el-color-la-estetica-la-usabilidad-y-los-fundamentos-psicofisicos-del-diseno-de-informacion-y-de-la-experiencia-de-usuario/trackback/

  1. Vaya, parece que no estoy solo :)

    Un buen post Francisco, hace unos días yo tambien estaba dándole vueltas al mismo tema:

    http://www.nachogil.com/eye-candy/

    Comment by nachogil — May 1, 2009 @ 3:42 pm

  2. Totalmente de acuerdo. Es importantísima la comunicación equipo de UX - equipo de diseño gráfico, las revisiones mutuas, etc. Nosotros siempre planificamos un hito de aceptación por parte de UX sobre el trabajo realizado por Diseño Gráfico. Las reuniones de puesta en común, aunque costosas, son enriquecedoras :-) Y cuando hemos trabajado con equipos externos de diseño la verdad es que ha sido bastante más complejo. Al fin y al cabo, los wireframes no son código, sino que son interpretables.

    Respecto a diseño de información, supongo que conoces a Tufte:

    http://www.edwardtufte.com/tufte/

    Sus libros son auténticas maravillas, tanto en contenidos como en edición.

    Comment by Diego Cano — May 3, 2009 @ 6:15 pm

  3. @Diego,

    interesantísima la metodología que usáis, en mi trabajo estamos sentados prácticamente al lado diseñadores de UX y diseñadores gráficos con lo que, una vez terminado la labor de prototipado directamente, según va avanzando el diseño gráfico podemos ir comentando cosas, y por cierto, coincido contigo en lo de “costoso”… ufff… :-) de ahí la (auto)-y-crítica por ambas partes de tener las entendederas bien abiertas porque… cuesta, cuesta… cuando tendría que ser todo lo contrario.

    En cuanto a Tufte, sus libros son de lo mejor que hay (si conocéis alguno más del estilo por favor postearlo que me interesa francamente) y es uno de los que ha inspirado este post :-) Otra recomendación, si no lo has leido, cómprate el libro de Colin Ware, Information Visualization, es alucinante leer las explicaciones desde un punto de vista psicofísico de cómo percibimos visualmente y relacionarlo con el trabajo de Tufte. Alucino cómo lo que Tufte explicita visualmente, Ware explica causalmente. Si saco tiempo y me dan permiso tengo que traducir y publicar en el blog unas páginas de su libro que me han impactado (de la 70 a la 78). Lo dicho, si te interesa cómpratelo y léelo porque merece la pena, una auténtica joya.

    Comment by Administrator — May 4, 2009 @ 6:53 am

RSS feed for comments on this post.

Leave a comment

Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>























Get free blog up and running in minutes with Blogsome
Theme designed by Hadley Wickham