Psicología y diseño: Leyes de la Gelstalt I

Como hemos comentado en anteriores post, la psicología es un aspecto importante en el campo del diseño ya que el diseño tiene que ver con las emociones y la percepción de las personas sobre los objetos.

En el diseño, los principios de la Gestalt nos ayudan a entender cómo funciona la percepción visual y por qué algunas formas o grupos de formas son más equilibrados que otros.

Las personas completan la organización visual de una manera predecible

La mente configura los elementos que llegan a ella a través de los canales sensoriales o de la memoria (pensamiento, inteligencia y resolución de problemas) en base a unas leyes y principios establecidos. Aunque no los conozcamos, empleamos estos principios cada día, tanto como diseñadores, como usuarios.

Leyes de la Gelstalt

Agrupamos los botones por sus funciones por el principio de proximidad y similitud (color)

La Psicología de la Gestalt (o Psicología de la Forma) es una corriente de la psicología moderna, surgida en Alemania a principios del siglo XX, y cuyos exponentes más reconocidos han sido los teóricos Max Wertheimer, Wolfgang Köhler, Kurt Koffka y Kurt Lewin.

El término Gestalt proviene del alemán y fue introducido por Christian von Ehrenfels. No tiene traducción directa al castellano pero que viene a significar “Forma, Estructura y Totalidad”.

La Gestalt aplicada al diseño

Para que un diseño funcione bien hay que pensar en cómo se percibe su totalidad, y no cada parte individual.

El diseñador tiene que construir su producto pensando en las las necesidades del destinatario, es decir, que sea un producto funcional y útil, pero así mismo, debe tener en cuenta las emociones y sentimientos que el destinatario sentirá al verlo y usarlo.

Sigue leyendo

Diseñar productos que emocionen

El ser humano es un ser emocional por lo que no es extraño que ante una toma de decisiones, pese menos lo racional y útil que lo que nos atrae.

Estudios recientes describen como ante cualquier decisión el cerebro realiza una evaluación rápida de las posibles consecuencias para poder optar por la solución más eficaz. Aún así, muchas veces somos conscientes de cuál es la mejor decisión pero nuestras emociones nos indican la contraria, eligiendo esta última.

Emotional design

Las emociones y como actúan en la toma de las decisiones es un tema que cada vez se investiga más. Y es que el estado emocional de los usuarios influye a la hora de elegir un producto, así como en la percepción de facilidad de uso y aprendizaje. Es por ello que tanto el diseño de un producto como de la interfaz de un servicio, es algo de gran importancia, ya que es lo primero que va a ver el usuario.

En cuestión de segundos el cerebro procesa lo que ve, decidiendo que estado emocional le produce. Se ha comprobado que productos visualmente atractivos crean buenos estados emocionales en los usuarios logrando falsas percepciones de facilidad de uso, lo que predispone al usuario a estar más abierto al aprendizaje.

Productos visualmente atractivos crean buenos estados emocionales en los usuarios

El término emoción describe reacciones físicas o psicológicas a ciertos estímulos. Generalmente duran unos segundos y no debemos confundirlas con los sentimientos, gustos o estados de ánimo que son más duraderos.

Existen marcas donde los departamentos de marketing, diseño y atención al cliente han sabido inculcar a lo largo del tiempo esta filosofía en sus productos, asociándose a la propia marca que la posesión de sus productos provoca un determinado estado de bienestar social. Da igual que sea más complejo de usar, queremos ese teléfono, esa tablet… por las emociones que nos provoca.

Un buen diseño tiene mucho poder, ya que su capacidad de persuasión puede llegar a contradecir decisiones que tomaríamos de manera racional.

Sigue leyendo

plugin de Wordpress

Plugin WordPress para encontrar fotos libres (o eso dicen…)

Cada día, como diseñadora web, y como escritora de blogs, me encuentro con el problema de obtener fotos o imágenes decentes para los artículos.

Por ello, comentaros que me han pasado este link de un plugin de WordPress que te permite insertar fotos (buenas) de manera gratuita, es decir sin tener problemas de licencias y derechos de autor.
Plugin wordpress Fotos gratis

La web se llama www.photodropper.com y según dicen ellos ya hay 111.586 blogs usándolo.

Link para descargarlo.

Yo no lo he probado aun, pero si lo hacéis, contarme que tal! Y sino te gusta el plugin, aquí otra página web que comenta que también puedes descargarte imágenes gratis: www.pixabay.com.

¿Dónde comprar imágenes para mi web?

Cada día como diseñadora me enfrento al mismo problema: para algunos trabajos necesito comprar imágenes ya que el cliente no dispone de ellas. Y la eterna pregunta, ¿en qué página busco?

Para las personas que por primera vez se enfrentan a este problema, hay que saber que los precios de las imágenes varían según el tamaño de las imágenes, la licencia que escogemos, el número de créditos que compramos de golpe y, por supuesto, la página donde la compremos.

A continuación mostramos un pequeño resumen para intentar aclarar dónde nos sería más rentable comprar, siempre y cuando encontremos esa imagen que necesitamos.

¿Dónde comprar las imágenes?

  • Si queremos imágenes que valgan pocos créditos, las mejores opciones son Dreamstime (www.dreamstime.com), Photaki (www.photaki.com), Crestock (www.crestock.com) y Stockfresh (stockfresh.com).
  • Las agencias que menos van incrementando el precio conforme más grande es la imagen son: Photaki, Canstockphotos, Photodune y Depositphotos.
  • Las agencias que disponen de más tamaños de imágenes son: Istock, Shutterstock, Depositphoto, Photaki y Crestock.
  • Shutterstock es una de las agencias que más caras nos saldrían si queremos comprar una sola imagen, ya que obligan a comprar 39 € como mínimo, sea cual sea el tamaño de imagen que queramos.
  • La agencia que menos créditos nos obliga a comprar es BigStockPhoto (6).
  • Las agencias que más barato tienen el crédito son Dreamstime, Crestock, Stockfresh y Photaki.

Las agencias con más volumen de imágenes, suelen ser las más caras, ya que se aprovechan de que la gente prefiere buscar en ellas en vez de buscar primero en las que disponen de menos medios.

Diseña Forum 2013

Durante los días 18 y 19 de diciembre tuve la oportunidad de asistir a alguna de las charlas y ponencias que se dieron en el Diseña Forum en Zaragoza.

Este año muchas de las ponencias se centraban en el mundo digital, de tiendas sin productos, de smartphones y redes sociales…

David Santafe, de HMY YUDIGAR, nos enseñó en su charla por hacia donde se orientan las tiendas, en tendencias de probadores y mobiliario, mostrándonos ejemplos de última generación que se pueden encontrar en tiendas reales como Pull & Bear en Galicia. Todo ello pensando en generar experiencias nuevas de valor para el usuario.

Nos enseñó ejemplos de que cada vez se llevan más las Pop Up Stores o tiendas efímeras, que se montan y desmontan rápidamente en zonas céntricas y comerciales, durando solo unas semanas su exposición de productos, mostrando promociones y presentaciones llamativas.

Manuel Garcés de Seat, mostró como trabaja su equipo de Diseño de coches, desde su diseño 3D en ordenadores, hasta su prototipación usando las técnicas más avanzadas, y el modelo final ya en rodaje. Todo ello con el interés de reducir los tiempos entre que se empieza a diseñar un coche hasta que llega al mercado, usando además el mismo chasis para varios modelos de diferentes marcas de la casa.

Diseño de producto

Nos enseñó el video promocional del nuevo Ibiza de Seat, con una imagen deportiva y dinámica muy lograda.

Y Rodrigo Silva de Geeksphone, nos trasmitió su pasión por su empresa e idea, donde realizan todo el proceso de diseño de un Smartphone en España. Desde que lo oi hablar, solo pienso en comprarme móviles libres y huir de la tiranía de las operadoras 😉

Geeksphone

Otra de las cosas que más me gusto del Diseña Forum fue el Workshop de Manual Thinking: herramienta para gestionar el trabajo creativo en equipo impartido por Tomoko Nakamoto, dónde nos regalaron a cada uno de los asistentes un paquete de Manual Thinking, esto es una serie de etiquetas-pegatinas de diferentes tamaños y colores, una hoja grande donde poder pegarlas, y un rotulador, para poder efectuar las diferentes dinámicas en las que consistía el taller.

Plantillas (gratis) de Diseño para tus presentaciones

Como muchas veces sucede, tenemos que presentar un nuevo diseño web o proyecto y no sabemos como hacerlo, por lo que necesitamos gastar tiempo creando un diseño para la presentación que se adecue al proyecto en si.

Ahora, gracias a Note and Point podemos ver plantillas de elevado diseño para Keynote, PowerPoint y SlideRocket.

presentaciones de diseño para powerpoint

Dave Ruiz y Christian, dueños de Note and Point, han creado impresionantes presentaciones con ejemplos en PDF descargables.

Y si les quieres ayudar, ¡sube la tuya y enriquece su colección!

Paletas de colores

A la hora de comenzar a realizar el diseño de un sitio web, con una pantalla en blanco delante, una pregunta surje: ¿qué colores uso?

Existen muchas aplicaciones online que nos ayudan a elegir una paleta de colores equilibrada. Kuler es una herramienta online creada por Adobe, en la que lospropios usuarios valoran las paletas creadas.

paletas de colores

Puedes buscar paletas que casen con el estilo que necesitas, o simplemente elegir entre las más valoradas.