Saltar al contenido →

Etiqueta: Diseño

Persuasive Technology, haciendo que la tecnología nos haga cambiar de comportamiento

La Persuasive Technology y su campo de investigación, Captology, comenzó a ser estudiada por B.J. Fogg a inicios de los años 90 en la Stanford University. Este área se define como el estudio de cómo usar la tecnología para persuadir a las personas que cambien su actitud o su comportamiento. Un ejemplo claro de su aplicación son los sitios web y sus aplicaciones móviles correspondientes (Facebook, YouTube, Instagram…) que nos hacen estar enganchados con los métodos tradicionales de persuasión – usando información, incentivos y coacciones – junto con las nuevas capacidades de los dispositivos para cambiar el comportamiento de los usuarios. En definitiva, esta rama del conocimiento estudia cómo entrenar a las personas para que hagan las acciones concretas que los diseñadores de esa tecnología desean (behavioural design)

El concepto definido por Fogg podría resumirse en la fórmula B=MAT. Donde B sería comportamiento (Behaviour) que se define como la conducta de alguien, mientras que el resto correspondería a Motivación, habilidad (Ability) y gatillo (Trigger). Además, el investigador considera que si uno de estos elementos no se encuentra, el cambio de comportamiento no ocurrirá.

  • Motivación. Las personas debe estar lo suficiente motivada para cambiar su comportamiento.
  • Habilidad. Las personas necesitan disponer de la habilidad de gestionar su comportamiento.
  • Gatillo (Trigger). Los usuarios tiene que ser alentados a cambiar su comportamiento como, por ejemplo, a través de un diseño atractivo o el uso de gamificación.

Por otro lado, los elementos se interrelacionan entre sí, por lo que hay cuatro puntos a tener presente:

  • Según la motivación y las capacidades aumentan, es más sencillo que se produzca el cambio de comportamiento.
  • Existe una relación inversa entre motivación y habilidad, cuanto más sencillo es hacer algo menor motivación se necesita.
  • Si un diseñador quiere que un tipo de comportamiento ocurra, necesita encontrar maneras para incrementar la motivación de las personas o sus habilidades (o ambas).
  • Si alguien no tiene motivación para hacer algo fracasará al hacerlo, no importa lo simple que sea. Por otro lado, si alguien está muy motivado pero es difícil hacerlo, se sentirán frustrados y no realizarán ninguna acción.
Comentarios cerrados

Cómo convertir una biblioteca en un lugar de juegos (y de lectura)

La empresa de diseño española Playoffice nos propone un divertido sistema para convertir cualquier biblioteca particular en lugar de juegos y de lectura para los más pequeños. El sistema es tan simple como la colocación de una red a cierta altura donde los niños puedan encontrarse más cómodos para desarrollar sus actividades. Claro que el concepto, denominado Reading Net, requiere de bibliotecas personales de cierta envergadura para poder ser llevado a la práctica.

Reading Net

Comentarios cerrados

Cómo convertir un árbol en una biblioteca

Livre Echange (Intercambio de libros) es una propuesta del colectivo de diseño francés House Work para la creación de una biblioteca urbana presentada en la International Design Biennial 2013 en Saint-Étienne (Francia).

La propuesta de biblioteca consta de una colección de cajas transparentes que se suspenden de las ramas de árboles que se sitúen en distintas localizaciones como en los parques públicos u otros lugares donde los habitantes de un núcleo urbano pueda detenerse a leer. El objetivo principal es el fomento del intercambio de libros, que la persona que se lleve un libro deje otro. La forma de casa de las cajas está concebida para la protección de los libros que se depositen en ellas de los efectos de los elementos y de los pájaros.

Livre Echange

Comentarios cerrados

Repensando el diseño del blog

Uno de los aspectos que más cuidamos los bloguers, a pesar de que en ocasiones no lo parezca, es el diseño que van a presentar nuestros sitios web. Obviamente, no todos tenemos grandes conocimientos de diseño gráfico o maquetación, ni disponemos del tiempo suficiente para poder detenernos en aprender a manejar hojas de estilo, ni el dinero para poder adquirir una plantilla diseñada ex-professo que posteriormente querremos cambiar, por lo que nos conformamos con zambullirnos en las múltiples páginas web que sirven de repositorios de plantillas y escogemos una. Si tenemos destreza, la transformaremos hasta hacerla de nuestro gusto, si no nos conformaremos con lo que hayamos elegido.

En un blog grupal, la cuestión de la elección de una plantilla es, en ocasiones, una cuestión de estado. Todos disponemos de gustos dispares y queremos trasladar una cierta imagen a nuestros visitantes, lo que no debe traducirse necesariamente en mensajes semejantes. Unos deseamos dar una impresión más seria, otros más desenfadada (por apuntar sólo dos aspectos), pero la cuestión de fondo siempre es la misma: Alguien tiene que imponer el criterio y salirse con la suya para mayor o menor fortuna de la bitácora. Por nuestra parte, ya hemos utilizado varios diseños, el último, Ars Nigra, es un pequeño conglomerado de los anteriores y de algunas cosas que hemos tomado prestadas; sin embargo la necesidad de empezar de cero, es decir, de escoger y cambiar una plantilla sin arrastrar códigos anteriores ya es algo que nos seduce y nos parece necesario.

Esencialmente, el principal problema de los bloguers es que deseamos ofrecer toda la información condensada en una sola página, archivos, categorías, recomendaciones y otras opciones condensadas; llegando a sobrecargar y sobrepasar al incauto que llega hasta nuestras páginas por vez primera. Esto es algo que me ha empezado a preocupar últimamente, llevándome a la conclusión que los blogs deberían primar el contenido, algo que a veces, olvidamos respecto a otras consideraciones.

Uno de los diseños pensados para esto son los que se basan en una sola columna. Blogpocket fue uno de los primeros en trasladar esta idea a su web, otorgando mayor peso a los textos, dejando para el principio y para el final de la página el resto de opciones. Esta solución me atrae enormemente, sin embargo creo que es demasiado transgresora y hace que perdamos algunos elementos de valor. MiniD también utiliza el diseño de una sola columna, sin embargo su diseño no me convence del todo, puesto que prima en exceso el contenido dejando las cuestiones de navegabilidad y otras opciones un tanto aparcadas. Pero esto es algo que nosotros no podríamos realizar debido, fundamentalmente, a las citas y los últimos comentarios dejados en nuestro blog. Hay que señalar que otros bloguers han ido un poco más allá y han dejado el estilo de su blog a la mínima expresión, una columna y con mínimas opciones de archivo a simple vista. El ejemplo lo tenemos en anieto2k, donde se prima el contenido reciente sobre otras consideraciones.

Uno de los blogs que más me gustan en cuanto a diseño, no voy a negarlo, es Microsiervos. Mantiene la disposición tradicional de los blogs (dos columnas), pero con soluciones muy simples y un diseño atractivo han solucionado la farragosidad de los archivos y los enlaces, además de otras opciones que tienen disponibles como los wikis. Sin embargo, debido a la ingente cantidad de enlaces que nosotros tenemos, no podemos condensar toda esa información en dos columnas tan sólo, aunque somos conscientes de que se trata de una corriente que está retornando. Así, debemos señalar dos de los blogs que se han decidido por esta configuración tradicional en sus rediseños, los cuales me han gustado, son eCuaderno y Escolar.net. Lo curioso es que ambos se han decantado por colores   (Rojo, blanco y negro) y con disposiciones de texto muy similares.

Pero, en cualquier caso, parece que la opción que se está imponiendo es la de situar cierta información en el pie de la página, añadiendo algunas opciones de navegación en la cabecera, mientras se deja una segunda columna más pequeña que la principal que contendrá la parte más importante del contenido para otras opciones, dejando la anterior disposición de tres columnas que es la que utilizamos actualmente aquí un tanto demodé. Esta última es la configuración que podemos ver en Yukei, Aunque, por supuesto, hay otros que reinventan los diseños como ha hecho La Brújula Verde con un diseño atractivo aunque un tanto abigarrado para mi gusto.

En fin, que, de momento, seguiremos pensando.

Nota: Todos los pantallazos se han generado con Thumbalizr.

7 comentarios

El modelo de plano esquemático: ideas para un buen diseño web

Toda ciudad desconocida implica un reto de orientación, tanto en lo que se refiere a la utilización de medios de transporte como al mero desplazamiento por sus calles. Acostumbrada a la simplicidad del metro de Valencia, que apenas cuenta con 4 líneas (eso sí, con ramales y terminaciones distintas en una misma línea), la complicación de un trazado de metro como el de Madrid conlleva una gran dificultad.

Sin embargo, en mi reciente visita a Madrid para acudir a las Jornadas de Fesabid, pude constatar que la dificultad no era tal una vez captado el concepto general y comprendido las indicaciones básicas que ofrece su plano y la señalización que se puede encontrar en sus estaciones. Entonces recordé haber leído la revolución que implicó este tipo de plano de metro esquemático cuando en 1931 fue diseñado por Harry Beck para representar la estructura del metro de Londres.

5 comentarios