Download pdf - Diseño de interfaces multimedia PEC1

8/18/2019 Diseño de interfaces multimedia PEC1

1/15

DISEÑODE INTERFACES

MULTIMEDIA

PEC1. LA NO TRANSPARENCIA DE LAS INTERFICIES

Ángela Costas Caride


2/15


3/15

ÍNDICE

3

Interfaz digital más transparente: WiseMapping ........................................................................................................................................................................... 4

Interfaz digital menos transparente: Mundo Sénior .................................................................................................................................................................. 6Interfaz analógica más transparente: MP3 Sunstech Dedalo......................................................................................................................................... 8Interfaz analógica menos transparente: Caleación Toshiba...................................................................................................................................... 10Conclusión .................................................................................................................................................................................................................................................................................... 12Fuentes consultadas ..........................................................................................................................................................................................................................................................13


4/15

INTERFAZ DIGITAL MÁS TRANSPARENTE: WISEMAPPING

4

Como ejemplo de interfaz digital más transparente que utilice a menudo, me gustaría analizar WiseMapping,que es una aplicaciónonline gratuita que sirve para crear esquemas o mapas mentales. (http://www.wisema-

pping.com/)

ARQUITECTURA DE LA INFORMACIÓN Las herramientas se muestran en forma de iconos dispuestos en un solo menú horizontal superior que estásiempre visible. La separación entre estos iconos es siempre la misma y solo aumenta para agruparlos segúnsu utilidad, por lo que podríamos decir que la organización del contenido se realiza según funciones (para lostópicos, para la tipografía, para añadir enlaces...). En algún caso nos encontramos con iconos desplegablesque muestran por debajo del nivel de este menú otras opciones menores, con lo cual también tendríamos unaorganización jerárquica.Este sistema es totalmente lógico e intuitivo, sigue la línea de la mayoría de los softwares con los que trabaja el usuario medio dejando el espacio de trabajo libre y despejado,utilizando solo la zona superior para las herramientas y agrupándolas siguiendo el estilo de las clásicas pestañas Archivo, Edición, Herramientas, etc.También podemos encontrar en la zona superior derecha las opciones referentes a nuestra cuenta y usuario, totalmente separadas de las herramientas de trabajo.

COMPORTAMIENTO DE LOS ELEMENTOS DE INTERACCIÓN Tanto los iconos de las herramientas como los elementos que ya hayamos creado de nuestro mapa tienenefecto rollover , es decir, al pasar el ratón por encima se destacan. En el caso de los iconos, además nos mues-tra un pequeño texto qué nos dice para qué sirve esa herramienta y el ratón pasa de ser una echa a una mano.Para los elementos del mapa el ratón se convierte en una echa cruz de cuatro puntas que nos indica que sepueden mover de lugar pinchando y arrastrando.El mapa puede contener otros elementos como enlaces o notas que también tienen efecto rollover y el ratóncambia de una echa a una mano al pasar por encima. Además si nos quedamos quietos sobre estos elemen-tos nos mostrará su contenido en una pequeña ventana emergente que desaparece en cuanto nos movemosdel lugar.Para desplazarnos por el mapa podemos utilizar la rueda del ratón simplemente subiendo y bajando o tam-bién moviéndolo mientras la mantenemos pulsada.

RELACIÓN CON LAS CARACTERÍSTICAS PROPIAS DEL DISPOSITIVO Las posibilidades de un software online son casi innitas pero en este sentido han sabido aprovechar lo justo y necesario sin querer ir más allá añadiendo herramientas innece-sarias o demasiado complejas. Además todo está diseñado de una forma que resulta cómodo de utilizar tanto en un ordenador portátil o de sobremesa como en una tablet o undispositivo de menor tamaño.

http://www.wisemapping.com/http://www.wisemapping.com/http://www.wisemapping.com/http://www.wisemapping.com/


5/15

INTERFAZ DIGITAL MÁS TRANSPARENTE: WISEMAPPING

5

AJUSTE AL PERFIL DE USUARIO Esta aplicación es muy coherente con el perl de usuario que la utilizará mayormente, que son adolescentes o jóvenes estudiantes, podríamos calcular una franja de 15 a 30.

Mantiene un diseño claro y directo, con muy poco texto ya que todas las herramientas se presentan en forma de icono, además utiliza colores con mucho contraste para resaltarcomo son el azul y el naranja. Aun así podemos conocer la utilidad de cada herramienta simplemente pasando el ratón por encima, e incluso disponemos de más información deuso en un apartado separado.

USO DE RECURSOS GRÁFICOS Los iconos tienen un estilo gráco con profundidad en caso de que estén disponibles para su uso, pero en el caso de que se

precise tener algún elemento del mapa seleccionado para poder ser utilizadas estas aparecen con un estilo gráco plano,como si el icono estuviese “apagado”. Al pasarles por encima con el ratón los degradados del fondo cambian haciendo queparezcan “pulsados”. Además el icono del ratón cambia de una echa a una mano.

Los elementos del mapa que ya hayamos creado cambian de color al pasar por encima con el ratón y muestran un tono na-ranja suave al rededor, pero si uno de estos elementos está seleccionado mostrará un tono naranja muy saturado. Los nodosdel mapa se representan con círculos azules que se ven morados al pasar el ratón por encima y que tendrán el trazo gruesosi no están desplegados y el trazo no cuando lo estén. Otros elementos que hayamos agregado al mapa como enlaces o

notas se mostrarán en forma de iconos y el ratón cambiará de echa a mano al pasar por encima, además si nos quedamosun momento quietos encima podremos ver una pequeña ventana con el contenido.En las opciones de usuario que se muestran arriba a la derecha se utiliza un subrayado amarillo para indicar que son vínculos, además de que al pasar por encima el ratón pasa deser una echa a ser una mano. Todo esto ayuda a saber qué elementos son interactivos, cuales están disponibles, el estado de las partes del mapa y qué cosas son enlaces.

CONVENCIONES CULTURALESLa forma en la que están colocadas y agrupadas las herramientas (por funciones en un menú horizontal superior) sigue la línea de los softwares más utilizados por todo tipo de usuario.Además la función de cada una está representada con iconos clásicos como la impresora para imprimir, una letra “a” mayúscula para elegir la tipografía, una cadena para los enlaces, etc.

CONTRIBUCIÓN A LA USABILIDAD Todas las herramientas están disponibles durante el trabajo sin tener que acceder a otras ventanas o instalar plugins adicionales. Cualquier cambio o añadido que queramos hacera nuestro trabajo lo encontramos rápidamente y lo aplicamos con un solo clic de ratón.

SENSACIÓN DE TRANSPARENCIA La sensación de transparencia con esta aplicación es muy alta. Podemos centrarnos en nuestro trabajo sin tener que apartar menús o ventanas otantes, sin por ello dejar de tenersiempre a mano todas las herramientas y opciones a utilizar. Estas, además, son muy intuitivas y sencillas.Todo está pensado para la máxima sencillez y agilidad, haciendo que trabajar en WiseMapping esté al alcance de cualquier usuario sin necesidad de una formación o preparaciónprevia. Incluso las transformaciones que podemos ir haciendo se ven reejadas de inmediato, sin esperas o cuelgues del programa.


6/15

6

INTERFAZ DIGITAL MENOS TRANSPARENTE: MUNDO SENIOR

Como ejemplo de interfaz digital menos transparente que utilice a menudo, me gustaría analizar Mundo senior, que es una sitio web para jubilados en el que se gestionan viajescon el Imserso. (http://www.mundosenior.es/ )

ARQUITECTURA DE LA INFORMACIÓN La página se compone de una cabecera con el logotipo y la descripción de la empresa, un menú horizontal y otro vertical con una zonapara registros de usuarios y un pié de página con información web y la dirección. Estos menús están siempre a la vista y enmarcan laparte del sitio que muestra la información de cada página mientras navegamos. Es un tipo de organización por categorías y jerárquica.Según vamos abriendo enlaces podemos ver que la disposición del texto, fotos y demás elementos son diferentes. También nosencontramos con que no podemos hacer una reserva directamente desde la página de información de cada destino, sino quedebemos recordar el destino que nos interesa para luego dirigirnos al apartado de reservas.La información no está bien organizada, los nombres de las secciones son poco descriptivos y aunque hay un breadcrump, estesolo muestra un nivel de navegación. Además la página de inicio es un pequeño batiburrillo de todo el contenido, sin dedicar elespacio suciente a cada cosa.

COMPORTAMIENTO DE LOS ELEMENTOS DE INTERACCIÓN Todos los elementos que tienen interacción muestran una mano en vez del icono de echa del ratón al pasarpor encima como los del menú horizontal, algunos también cambian de aspecto normal a subrayado con unalínea inferior como la información web o se vuelven rojos como las opciones de lugares a los que viajar y sololos elementos del menú vertical tienen un efecto rollover que los colorea de verde suave (aunque este efectono se ve al pasar con el ratón sobre el elemento del menú, sino solo al pasar sobre el texto de cada sección delmenú).Los links no son nada intuitivos y no son fáciles de localizar, además los diferentes efectos no muestran ningúntipo de coherencia de diseño, hay que ir moviendo el ratón a ver si algo reacciona al pasar por encima o hacerclic por si acaso.

RELACIÓN CON LAS CARACTERÍSTICAS PROPIAS DEL DISPOSITIVO El diseño no es responsive, si ya de por sí es una página incómoda para consultar en un ordenador portátil o de sobremesa, en una tablet o un smartphone la tarea se complica

todavía más ya que todos los elementos son demasiado pequeños para poder hacer consultas óptimas o pulsar los enlaces con los dedos. Las posibilidades que ofrecen estosdispositivos de consulta están totalmente desaprovechadas.

AJUSTE AL PERFIL DE USUARIO El usuario tipo de esta página web son personas jubiladas, es decir público sénior. Si tenemos esto en cuenta, podemos ver que el diseño de la página no se ajusta en absoluto aestos usuarios. Por ejemplo, Según Nielsen y NLM es importante evitar colores como amarillo, verde o azul, ya que resultan difíciles de discriminar para algunos usuarios sénior,

http://www.mundosenior.es/http://www.mundosenior.es/


7/15

sin embargo el diseño de esta web se centra completamente en el color verde, además de presentar una gran falta de consistencia y una letra eiconos demasiado pequeños.En la parte derecha del menú horizontal hay un icono para cambiar el tamaño del texto de la página, pero además de ser muy difícil de localizar

no funciona de forma correcta. Según en que sección estés actúa de forma distinta: aveces solo agranda el texto fuera del marco del principal,otras veces agranda solo lo seleccionado, a veces solo permite un aumento, otras veces puedes aumentar las veces que quieras pero no reducir...Aunque la sección de contacto es muy difícil de encontrar, sí que cuentan con una sección de ayuda bastante completa y localizable. Ofrecen so-porte online, preguntas frecuentes, un teléfono de apoyo y un correo electrónico.Para mi, lo que más evidencia que este sitio no está preparado para usuarios sénior es que sea yo la que utilice este servicio en mi casa, ya que misfamiliares jubilados no son capaces, mientras sí utilizan con soltura el correo electrónico o cuentas personales en páginas como Facebook .

USO DE RECURSOS GRÁFICOS Para resaltar textos de enlaces o escribir títulos se utiliza un verde oscuro muy saturado que se confunde fácilmente con negro, en el efecto rollover del menú vertical se utiliza unverde suave, en otros casos se marca la sección que se está visitando con color rojo. Falta coherencia en cuanto a la forma de resaltar o marcar los elementos de interacción, o enlos estilos de texto que se utilizan para marcar las jerarquías en la información.El nombre de las secciones en los menús vienen acompañados de iconos que no siempre son muy representativos del tema como una echa haciaun lado para la sección de enlaces, además de ser demasiado pequeños para apreciarse con claridad, y más si hablamos de usuarios sénior.Dentro de la sección de Mundo Senior se utilizan pequeñas imágenes como apoyo a secciones de un submenú y en los artículos de la sección denoticias se utilizan fotografías como relleno, ya que en la mayoría de los casos no aportan ninguna información a mayores ni ilustran el tema quese está tratando en cada caso.

CONVENCIONES CULTURALESLa colocación de los menús en la parte superior de forma horizontal y la parte izquierda de forma vertical dejando el centro para la información de las páginas que componen la web sigueuna estructura clásica de ordenación y diseño. Aun así no hay mucha coherencia al decidir qué elementos van en el menú superior y cuáles en el lateral.En algunos casos sí se utilizan iconos reconocidos por convención para acompañar el nombre de secciones como en el caso de inicio que se ilustra con una casita.

CONTRIBUCIÓN A LA USABILIDAD Aunque los menús principales están siempre visibles, la página no se caracteriza precisamente por un buen nivel de usabilidad, sobre todo a la hora de reservar o incluso anularviajes. La interfaz es compleja y poco clara, sobre todo teniendo en cuenta el público objetivo. También es fácil perderse a pesar de incorporar un breadcrump ya que hay varias

formas de llegar a ciertas secciones y no hay forma de volver hacia atrás.

SENSACIÓN DE TRANSPARENCIA La sensación de transparencia de esta web es muy baja. Es poco intuitiva a la hora de navegar por sus páginas y la cosa se complica todavía más para registrarse como usuario yutilizar los servicios de reserva y cancelación de viajes. En denitiva es muy poco adecuada para usuarios sénior y además no es responsive por lo que visitarla desde dispositivosmóviles como teléfonos o tablets complica todavía más la navegación.

7

INTERFAZ DIGITAL MENOS TRANSPARENTE: MUNDO SENIOR


8/15

8

INTERFAZ ANALÓGICA MÁS TRANSPARENTE: MP3 SUNSTECH DEDALO

Como ejemplo de interfaz analógica más transparente que utilice a menudo, me gustaría analizar el reproductor de MP3 Sunstech Dedalo.

ARQUITECTURA DE LA INFORMACIÓN El dispositivo consta de una pantalla y botones de mando en el frontal, además tiene un botón de on/o en un lateral junto con el micrófono y lasalida para los auriculares. En el otro lateral encontramos la conexión para el cable USB que nos servirá para cargar la batería y transferir datos alMP3. En la parte trasera incorpora una pinza para sujetar el aparato.Al estar la pantalla sobre los botones principales y los botones secundarios en los laterales podemos decir que el orden es jerárquico, colocandoen primer nivel el display , en segundo nivel los controles y en tercer nivel las conexiones. Asimismo también podemos distinguir una organizaciónpor funciones clara.Esta organización se repite en la interfaz del software que divide la pantalla en una parte superior con información sobre el archivo que estamosreproduciendo y las opciones o estado del aparato (formato, número en la lista, duración, batería, si está activada la repetición, etc.), y una parteinferior con el nombre del archivo, el volumen al que se está reproduciendo y la onda sonora de la pista.

COMPORTAMIENTO DE LOS ELEMENTOS DE INTERACCIÓN Todos los elementos de interacción son botones diseñados para ser pulsados con los dedos a excepción del on/o que funciona por desplazamiento para que no sea tan fácil que seactive o desactive sin querer al transportar el dispositivo. Cualquier acción que llevemos a cabo con los botones tendrá algún tipo de respuesta en la pantalla, si esta se encuentrainactiva el primer toque de un botón servirá solo para despertar el dispositivo.En el software podemos ver como los iconos de las opciones cambian de tamaño y se hacen más grandes cuando los tenemos seleccionados para que sepamos en todo momentoen qué opción estamos. En el caso de que no sean iconos, sino frases o palabras como ocurre en la lista de canciones, estas cambian color y pasan de azul a amarillo para indicar-nos por dónde estamos navegando.

RELACIÓN CON LAS CARACTERÍSTICAS PROPIAS DEL DISPOSITIVO Las posibilidades que ofrece este tipo de dispositivo están bastante bien aprovechadas con los botones y el software que se ha utilizado. Si bien hay que decir que la intención enel diseño es que sea un aparato muy sencillo y básico, ya que no cuenta con opciones como wi, reproducción de imágenes o vídeo, etc. También hay que tener en cuenta que esun MP3 de gama media/baja y precio reducido. Aun así, lo que ofrece se ajusta perfectamente a lo que cuesta.

AJUSTE AL PERFIL DE USUARIO

El perl de usuario es mayormente adolescentes aunque también adultos, aunque en menor medida. En un principio el público de más edad suele decantarse por dispositivos de más calidad.El diseño se ajusta perfectamente al perl de usuario ya que es muy sencillo pero no es infantil. Además está disponible en diferentes colores originales y llamativos.

USO DE RECURSOS GRÁFICOS En el caso de los botones físicos se recurre a iconos o abreviaturas para indicar la función de cada uno, como por ejemplo echas hacia delante o hacia atrás, una M para indicar

el menú, “mic” para el micrófono o unos auriculares para indicar la salida en la que enchufarlos. En el caso del software también se recurre mayormente a iconos para indicar las


9/15

9

funciones de cada apartado, como una nota musical para la reproducción, un micrófono para la grabadora de voz o un engranaje para las herra-mientas.

El color se utiliza para diferenciar las dos zonas de la pantalla: fondo negro con letra amarilla en la parte superior y fondo azul oscuro con letraazul claro en la parte inferior. Cuando no estamos reproduciendo un archivo, sino que estamos navegando por las opciones, toda la pantalla esazul oscura con texto azul claro y los elementos que tengamos seleccionados según nos movemos se vuelven de color amarillo para que sepamosen dónde estamos en todo momento.

CONVENCIONES CULTURALESLa colocación de los elementos en el dispositivo físico responde al diseño de los primeros iPod que calaron de tal manera que se han establecido como una convención casi inamovible. Loscolores en los que está disponible el aparato y la incorporación de la pinza también se basan en el mismo precursor.Los símbolos utilizados para los iconos en los botones físicos y las opciones del software responden a convenciones culturales que todos tenemos asimiladas en los aparatos de reproduc-ción clásicos, como el triángulo para play , las dos barras para el pause, el cuadrado para el stop, etc.

CONTRIBUCIÓN A LA USABILIDAD Los botones están colocados de una manera que es fácil llegar a todos utilizando solo el dedo pulgar a la vez que se sujeta el aparato en la misma mano. Laidea de que se bloquee automáticamente y que se desbloquee al primer toque de un botón también contribuye a la usabilidad ya que no habrá que localizarel botón de desbloquear cada vez que se quiera cambiar de canción o subir el volumen por ejemplo.La pinza de la parte posterior también es un gran añadido que nos permite utilizar este dispositivo mientras caminamos o hacemos deporte y mantenerlosujeto cerca de una zona cómoda para poder acceder a él en cualquier momento.Es importante también que funcione con batería recargable y no con pilas, ya que se puede cargar en cualquier momento e incluso se hará de forma auto-mática mientras gestionamos los archivos de la memoria conectados al ordenador con un cable USB.Otros aparatos MP3 no tienen pantalla y no es posible saber qué canción está sonando en cada momento. Además de que complica al máximo el moverse

por los menús de opciones para borrar algún elemento de la lista o activar opciones de sonido, etc. El hecho de que incorpore un display para visualizar todolo que vamos haciendo es un gran punto a favor y más si tenemos en cuenta que es una pantalla básica que prácticamente no gasta batería.

SENSACIÓN DE TRANSPARENCIA La sensación de transparencia de este dispositivo es muy alta. Es muy intuitivo, cómodo y fácil de utilizar. Los botones están situados de tal forma que el manejo resulta ergonó-

mico y puede hacerse con una sola mano.El software consigue organizar de una forma óptima todas las opciones que tienen este tipo de dispositivos haciendo que sea muy sencillo localizarlas y utilizarlas. Además consolo un vistazo a la pantalla podemos saber qué se está reproduciendo en todo momento y con qué opciones de sonido, volumen, etc.

INTERFAZ ANALÓGICA MÁS TRANSPARENTE: MP3 SUNSTECH DEDALO


10/15

10

INTERFAZ ANALÓGICA MENOS TRANSPARENTE: CALEFACCIÓN TOSHIBA

Como ejemplo de interfaz analógica menos transparente que suelo utilizar, me gustaría analizar el panel de control y programación delos calefactores Toshiba.

ARQUITECTURA DE LA INFORMACIÓN El panel de control cuenta con una pantalla o display en la parte superior y botones pulsables en la parte inferior, por esto se puede decirque el orden es jerárquico. Además los botones están agrupados por funciones. Estas agrupaciones se marcan con fondos de color olíneas que engloban varios botones. También se marca claramente la zona del display y de los botones utilizando un fondo diferente paracada uno, tanto en material como en color.La pantalla se va dividiendo en zonas más pequeñas, primero a la mitad de forma vertical con una línea gruesa y después cada mitad enotras partes con líneas más nas. El lado izquierdo muestra la hora y el día de la semana en que se está o que se está programando enese momento y el lado derecho muestra el grupo de calefactores que se va a programar.

COMPORTAMIENTO DE LOS ELEMENTOS DE INTERACCIÓN Todos los elementos de interacción son botones diseñados para ser pulsados con los dedos. Según vayamos pulsando podremos ver loscambios en la pantalla de lo que vamos haciendo. A veces los cambios no son muy perceptibles ya que la pantalla no se ilumina y es difícil saber si se ha pulsado bien el botón o no.

RELACIÓN CON LAS CARACTERÍSTICAS PROPIAS DEL DISPOSITIVO Las posibilidades que ofrece un dispositivo de este tipo, que además en este caso cuenta con una pantalla incorporada, no están muy bien aprovechadas. Sería mucho más fácil reco-nocer cuando estamos consiguiendo modicar las opciones y las programaciones si se mostrara más claramente en el display y si además se acompañara con un sonido suave que loconrme. Tampoco podemos saber desde el panel si la caldera o los calefactores están encendidos o apagados, algo que es imprescindible para que funcione correctamente.

AJUSTE AL PERFIL DE USUARIO El perl de usuario de este producto son hombres y mujeres a partir de 20 años aproximadamente. Para poder usarlo será necesario entender unos mí nimos de inglés ya que todos l ostextos están en ese idioma. Por esto y además por el reducido tamaño de los botones y los textos del display , no será muy sencillo de utilizar para personas de más edad.

USO DE RECURSOS GRÁFICOS En todo el diseño prácticamente no se recurre a iconos, dibujos o símbolos. Menos un reloj y un candado para encender el temporizador y bloquear-

lo todo lo demás son palabras completas o abreviaturas, tanto en la pantalla como en los botones.Los colores de fondo se utilizan para agrupar los botones en categorías. El aparato es gris claro y los textos son de color negro por lo que el contrastehace que la lectura sea más sencilla.En el caso de la pantalla no tiene luz de fondo, por lo que solo puede verse si la habitación está iluminada. El fondo es gris azulado y los textos sonde color negro. Para dividir la pantalla en zonas diferentes se utilizan lineas que serán más o menos gruesas según la jerarquía de la información, sipertenece a la misma categoría o no.


11/15

11

CONVENCIONES CULTURALESLas convenciones sociales que se buscan pueden verse en los pocos iconos que se usan para simbolizar ciertas acciones como el candado abierto o cerrado para bloquear el control remoto

o los símbolos I/O para simbolizar encendido/apagado junto a un reloj, que simboliza la programación por horas.Creo que estas decisiones no son muy acertadas y me parece bastante pobre el uso de iconos en favor de palabras largas en inglés. Creo que el aparato pierde mucho y se vuelve máscomplicado de utilizar y poco intuitivo.También me parece desconcertante la decisión de que algunos botones sean más grandes que otros sin ningún tipo de motivo aparente, por convención los botones más grandes suelenser más importantes o más usados y los más pequeños son secundarios.

CONTRIBUCIÓN A LA USABILIDAD Es un dispositivo que puede utilizarse con una sola mano y los botones sobresalen bastante para hacer esta acción más sencilla, además son botones suaves y fáciles de pulsar.Algo que puede contribuir a la usabilidad es la altura a la que se ancle en la pared, tendrá que ser adecuada a la altura a la que nos quede la vista y podamos llegar con la mano.El display hace más fácil trabajar con este dispositivo aunque no se aprovechan del todo las ventajas de este tipo de sistemas.

SENSACIÓN DE TRANSPARENCIA La sensación de transparencia de este dispositivo es muy baja. Es imprescindible leerse bien las instrucciones para saber como funciona y entender un poco de inglés para reco-

nocer los botones solo por el texto que los acompaña. Hay botones con nombres repetidos colocados en sitios diferentes y es difícil entender a qué responde la división en grupode estos.El sistema que utiliza la pantalla también deja bastante que desear, ya que no se ilumina y muestra el texto en un tamaño muy pequeño. Tampoco ayuda el hecho de que no hayaningún mecanismo que nos indique con algún tipo de sonido que estamos pulsando correctamente los botones.

INTERFAZ ANALÓGICA MENOS TRANSPARENTE: CALEFACCIÓN TOSHIBA


12/15

CONCLUSIÓN

12

¿QUÉ ES UNA INTERFAZ?La interfaz es una herramienta que permite el acceso y la interacción entre un usuario y el elemento de interacción. Este elemento puede ser un objeto o un producto digital. En nuestro

día a día hacemos funcionar innidad de objetos de uso cotidiano como los cajones de los muebles o las puertas de los armarios, cuyas interfaces tenemos tan asimiladas que ni siquieranos planteamos su existencia, como los tiradores de los cajones o las manillas de las puertas. El problema viene cuando esta interfaz no existe, es defectuosa o simplemente no es comoesperamos o damos por hecho que será.

¿POR QUÉ SON IMPORTANTES? El objetivo de todo producto es que tenga algún tipo de utilidad al consumidor, pero por mucho que diseñemos cualquier artilugio o programa tremendamente útil y revoluciona-rio, no servirá de nada si el usuario no puede interactuar con este, si no puede encenderlo o utilizarlo. Esto es lo mismo para un objeto como un coche (no tiene pedales, la palancade cambios está colocada fuera del alcance de la mano, etc.) o un producto como una página web o cualquier tipo de software (una tiendaonline en la que no podemos encontrarel carrito de compra, un editor de texto en el que no sabemos cómo cambiar la tipografía, etc.).Tanto las interfaces digitales como las analógicas necesitan ser claras, útiles, facilitar el aprendizaje, estar bien organizadas, tener un diseño atractivo y adecuado al púbico obje-tivo y no salirse demasiado de las convenciones sociales si quieren que la experiencia de interacción sea satisfactoria. Es igual de importante tanto que el usuario pueda controlarel objeto como que este nos transmita que la interacción está siendo exitosa.

INTERFACES TRANSPARENTES Hablamos de interfaces transparentes reriéndonos a si durante nuestra interacción con ellas el acto es tan natural que esta “desaparece”. Aunque muchos autores argumentanque las buenas interfaces desaparecen, existe otra corriente que arma que aunque “Las interfaces parecen naturales y creemos que desaparecen siempre están ahí” (Carlos A.

Scolari en Hipermediaciones) ya que es una plataforma en la que el diseñador decide qué podemos y no podemos hacer.Sea como fuere, es obvio que cuanta más natural sea nuestra interacción con cualquier producto (digital o analógico) menos engorrosa y más llevadera será esta, llegando inclusoa conseguir que olvidemos que la estamos usando, como en el ejemplo de los cajones que poníamos al principio.


13/15

FUENTES CONSULTADAS

13

Monjo Palau, Tona. Diseño de interfaces multimedia. Barcelona: UOC Universitat Oberta de Catalunya, 2011. Print.

Hipermediaciones.“El Ideológico Retorno De Las Interfaces Transparentes.” [En línea]. < http://hipermediaciones.com/2009/11/23/el-ideologico-retor-no-de-las-interfaces-transparentes/ > [Última consulta en marzo de 2016].

Grado y máster de multimedia. “Diseño de interfaces.” [En línea]. < http://multimedia.uoc.edu/blogs/dii/es/ > [Última consulta en marzo de 2016].

http://hipermediaciones.com/2009/11/23/el-ideologico-retorno-de-las-interfaces-transparentes/http://hipermediaciones.com/2009/11/23/el-ideologico-retorno-de-las-interfaces-transparentes/http://multimedia.uoc.edu/blogs/dii/es/http://multimedia.uoc.edu/blogs/dii/es/http://hipermediaciones.com/2009/11/23/el-ideologico-retorno-de-las-interfaces-transparentes/http://hipermediaciones.com/2009/11/23/el-ideologico-retorno-de-las-interfaces-transparentes/


14/15


15/15