Diseño en acción. Riegos Ariel.

10 de Junio, 2008

Están explicados en este blog algunos temas del diseño web como la posición del logo, precedencia, espacios,número áureo, teoría de Gestalt, proceso de diseño y diferencia entre estilo y diseño.

Se pueden ver estos conceptos funcionando en el último desarrollo de Proyecto 83, el sitio web de Riegos Ariel.

RiegosAriel

http://riegosariel.com.ar

Algunas características:

  • El diseño es muy simple, atractivo y de gran usabilidad.
  • El código generado funciona en los navegadores más populares.
  • Está basado en Joomla, un poderoso sistema de administración de contenidos.
  • Las URL favorecen el posicionamiento en buscadores.
  • Los títulos, descripciones y palabras clave de las páginas se generan a partir del contenido.
  • Es un sistema muy flexible y escalable.
  • Es accesible, se puede aumentar el tamaño de la letra y navegar normalmente.

¡Novedades!

Damos las gracias a las galerías de diseños web que publicaron este sitio y a todos aquellos que votaron para que se mantenga en la portada de algunos.

http://www.csselite.com/showcase/corporate/riegos-ariel.html
http://css-lounge.com/riegos-ariel
http://screenalicious.com/screen/riegosariel.com.ar/
http://www.alabrasil.com/2008/06/12/riegos-ariel/
http://www.dezinspiration.com/track/site/1467
http://dailyslurp.com/default.aspx?dts=6/20/2008
http://csshere.com/2008/riegos-ariel/
http://www.cssgalore.com/industry/riegosariel.html
http://designshack.co.uk/design/riegosariel.html 

La violenta verdad de la oportunidad

17 de Mayo, 2008

Hace tiempo estoy suscripto al feed de Freelance Folder, tiene muy buena información para freelancers. Recién leí un artículo sobre lo que el autor define como “la violenta verdad de la oportunidad”.

Bob Younce dice, y con mucha razón, que las oportunidades no se descubren, sino que se crean.

Esto lo afirma por experiencia propia. La historia comienza con una persona económicamente estancada que, después de estar desocupado durante 6 meses, decide “meter la cola entre las patas”, culpar a otros, entregarse bah.

El despertar

Un mañana de mayo, Bob se despertó y al mirarse al espejo vió a una persona con mucho potencial, pero sin esperanzas, ni siquiera perspectivas de esperanzas.

Entonces reaccionó, y pensó “Esto es completamente estúpido. Si quiero hacer algo de mi mismo, si quiero tener éxito, tengo que hacer que pase”. En ese momento se dió cuenta que nadie iba a hacer las cosas por él, que ninguna empresa lo iba a llamar. Si quería tener éxito, tendría que hacer las cosas él mismo. Crear sus propias oportunidades.

Entonces empezó a estudiar en la universidad por un lado, y a escribir contenido para la web por el otro. Cuando sus clientes ya no tuvieron trabajo para pasarle, buscó nuevos.

Esto fue hace 5 años. Hoy, Bob es un exitoso escritor freelance. Tiene más trabajo del que puede hacer la mayoría de los días y puede darle a su familia una buena vida. Cada día trabaja escribiendo más para el y menos para otros. Su marca se vuelve más y más definida y, en unos 12 meses, muchos artículos escritos para emprendimientos de Internet serán completamente suyos.

¿Está zarpado este Bob no? para nada. Bob es un escritor más, del promedio. Hay muchos mejores que él.

Entonces, ¿cómo hizo para convertirse en un escritor exitoso?

La violenta verdad de la oportunidad

Cómo dijimos hoy, las oportunidades no se descubren, sino que se crean. Esto no es nada nuevo, pero puede ser revolucionario. De hecho se puede convertir en un disparador que le cambie la vida a muchos.

Todo depende de hacer las cosas. Cuando tu trabajo freelance se termina, a mover el culo y buscar más. Cuando tu primer cliente se va, buscá 3 más para reemplazarlo. Cuándo nadie te pague por escribir, escribí cosas para vos. Abrí un blog. Experimentá con directorios de artículos pagos. Terminá tu novela y enviala a un editor. Si la rechaza (y seguro que lo va a hacer, al menos la primera vez), enviala al siguiente. Y después a otro. Y a otro. Si nadie contesta, publicala vos mismo.

¿Se puede aprender sobre la marcha? claro que sí!. Hay que prestar mucha atención a la crítica y aprender de los primeros clientes a través del proceso de producción. Es importante leer libros, blogs, wikis y usar todas las herramientas que estén a mano. Encontrar personas que admiramos por sus logros y aprender de sus aciertos y errores, conversar con ellos.

La vida freelance no es para el débil, no es para quién no tiene motivaciones y no es para aquel que no está dispuesto a crear sus propias oportunidades, esto esta claro. Si no podés crear tus propias oportunidades, meté la cola entre las patas. Pero si podés mirar al espejo todos los días y decir “Hoy voy a hacer que las cosas pasen para mí”, ahí sí tenés buenas chances de ser un freelancer exitoso.

¿Y por qué eso de que la verdad es violenta?

Simplemente porque es verdad con poder. Es poderosa para derrumbar falsos ídolos y mitos, y también con el poder de reconstruir la realidad alrededor de sí misma.

La verdad de la oportunidad es violenta porque puede transformar tu actitud desalentadora, derrotada, y transformala en verdadero hambre por crear tu propio camino. “I did it my way”.

Gracias Bob por tus sabias palabras!

Diseño en acción. Un caso de éxito.

9 de Febrero, 2008

Hace un tiempo, la empresa española Cierzo Development se puso en contacto conmigo. Querían encargarme el diseño de la interfaz de usuario para un novedoso proyecto web.

Hoy, la cantidad de usuarios que participan en Pronostico-quiniela.es crece semana a semana. Además el sitio ganó un premio de Yahoo!, recibiendo el reconocimiento de la gente y los medios de comunicación.

Plantilla para Pronostico-Quiniela.es

http://pronostico-quiniela.es 

El proyecto innovador de Cierzo Development

Antonio García Morte charlaba con sus amigos, como en la casa de cualquiera de ustedes, sobre fútbol, y cómo hacer una buena quiniela, ese juego que por los territorios de Diego Armando conocemos como “el prode”. Y así llegaron a la conclusión que la mejor manera era colaborando unos con otros, combinando su inteligencia.

De ahí surge el lema “juntos ganamos todos”. Porque mediante la web desarrollada íntegramente por Cierzo, los usuarios colaboran entre sí para armar entre todos una “quiniela ideal” y así obtener mejores resultados a la hora de jugar.

¿Cómo funciona?

Es muy fácil, de lunes a jueves todos los usuarios pueden hacer su quiniela. Entonces el viernes a la mañana el sistema le devuelve a cada uno su quiniela original junto con otra mejorada, calculando los resultados mediante un sistema basado en algoritmos de inteligencia artificial.

Un diseño fácil de entender

Comunicar la idea de este sitio web de una forma simple y clara es fundamental. Primero que nada el usuario necesita saber de qué se trata y para qué sirve pronostico-quiniela.es.

Por eso la presentación Flash en la portada y una página explicativa detallando el funcionamiento del sistema con textos y animaciones. En un primer momento se pensó en usar imágenes, pero había que encontrar la imagen justa para cada concepto dentro de un catálogo de imágenes de stock, algo bastante dificil en este caso. Los dibujos en cambio, nos dieron una gran libertad a la hora de ilustrar el funcionamiento del sistema con mucha simpleza y claridad.

Haciendo un buen uso del color, guiando al ojo mediante los principios de precedencia y agrupando los elementos según la teoría de Gestalt, el diseño de los gráficos estadísticos y las tablas de resultados permite la clara visualización de una gran cantidad información.

Y también fácil de usar

En “La quiniela” recurrí a toda mi experiencia diseñando interfaces de usuario para aplicaciones de escritorio y web, en la búsqueda de un diseño claro, intuitivo y fácil de usar. Por eso la cantidad de contenidos y opciones fue reducida al mínimo, evitando la sobrecarga de información visual.

Inmediátamente después de la presentación del sistema, el diseño del sitio invita al usuario a participar mediante un formulario muy simple, con sólo 3 campos de texto, 1 “checkbox” y el gran botón de “Comenzar”. Esto es muy importante, porque no queremos asustar ni aburrir al usuario con un largo formulario, a modo de interrogatorio.

El diseño del formulario para “hacer quiniela” es muy similar a las tablas de resultados. De la misma manera fueron diseñadas las otras pantallas, buscando la coherencia en el diseño. El objetivo de esto fue crear una interfaz intuitiva, donde el usuario encuentre los mismos elementos de diseño en diferentes contextos, reduciendo el tiempo de aprendizaje y facilitando su uso.

Buenos resultados

El proyecto de Cierzo Development ha recibido el reconocimiento de los medios de comunicación españoles (TVE, Aragón Televisión, A3, RNE, Onda Cero, 20 minutos, El periódico…) y también de la gente, que lo eligió como Revelación Web Yahoo! 2007 en la categoría Deportes y que ya suman más de 9.000 usuarios registrados colaborando unos con otros, dando vida a la idea de que “juntos ganamos todos”.

Lo de adentro. El arte del good coding.

30 de Enero, 2008

Existen varios programas para convertir una imágen estática en código XHTML/CSS que pueda ser “entendido” por navegadores, buscadores, etc. Pero para mi la mejor forma de crear páginas web sigue siendo el trabajo artesanal, escribir el código “a mano”.

Significado

Cuando empiezo a escribir el código de una página web, le doy mas importancia a la parte semántica, a “qué es” cada cosa. Por ejemplo “esto es un título”, “esto un subtítulo” o “esto es una lista”. Sin darle tanta importancia a la ubicación y mucho menos al color o al tipo de letra.

Ubicación

Cuando termino con la parte semántica empiezo a pensar en la parte visual. Pero no en “cómo se ve”, sino en “dónde va” cada cosa. Por ejemplo “esta división va a la izquierda” o “este listado es horizontal”. La idea es usar la menor cantidad de divisiones para agrupar elementos y ubicarlos en la pantalla.

Estética

Ya con todo listo, me concentro en la parte de “cómo se ve” la página web. Me resulta bastante cómodo hacer primero el fondo de la página y seguir por el primer elemento (por ejemplo la cabecera) para después ir terminando los demás de arriba hacia abajo hasta llegar al pie.

En lo posible no hay que cambiar el código XHTML, así se logra la completa separación entre el contenido y la estética de una página web.

Divina proporción y diseño web

26 de Enero, 2008

La Gioconda

El número en cuestión, 1.61803398874989484… , está en todos lados. Lo encontramos en la reproducción de los animales e insectos, en la forma de las plántas y los árboles, en el espiral de una galaxia o un caracol ( espiral logarítmica ), en las distancias entre diferentes partes de nuestro cuerpo, en figuras geométricas, hojas, etc. También lo podemos encontrar en el cuadro de Leonardo, La Gioconda, en sonatas de Mozart, en un atado de cigarrillos, en las tarjetas de crédito y en otros tantos diseños a través de la historia, ya que este número se usa desde hace miles de años en todos los campos del diseño.

¿Y cómo aplicarlo al diseño web?

En las proporciones de los diferentes elementos con los que construimos nuestro diseño. Por ejemplo dentro de un rectángulo áureo podemos contener un banner, un cuadro de imágen, un menú, etc.

Otro ejemplo puede ser el diseño de los elementos básicos un blog, la relación entre el contenido principal y una barra lateral. Si diseñamos un sitio para 800×600, el ancho máximo de nuestro diseño será 760px. Si dividimos 760 / 1.6180339887 nos dá 469, entonces el contenido principal va a ser de 469px de ancho y la barra lateral de 291px.

El problema de las diferentes resoluciones de pantalla

Un sitio web debe poder verse bien en diferentes tipos pantallas, con distintas resoluciones. Esto quiere decir que el espacio que tenemos para hacer todas las locuras que se nos ocurran, el lienzo, no es fijo, sino que su tamaño puede variar dependiendo de la pantalla del usuario.

Entonces si diseñamos para 800×600, en teoría nuestro diseño no se verá bien en resoluciones mayores, como 1024×768, 1280×900, 1440×900, etc.

La hora del espanto fue… ¡CSS al rescate!

Podemos ajustar el diseño a la pantalla usando porcentajes. En el caso del diseño de los elementos básicos de un blog, contenido y barra lateral, los números que corresponden a las medidas 469px y 291px son 62% y 38% respectivamente. Así podemos mantener una proporción en un diseño “líquido” (ver ejemplo), donde el ancho de nuestro diseño se adapta la pantalla del navegador.

Ahora, si bien la proporción de los elementos básicos estaría bien, el trabajo dificil para el diseñador será adaptar los demás elementos del diseño a este “layout” flexible, manteniendo las proporciones que lo hacen “bello”, según la “filosofía áurea”.

Distintos tipos de diseños.

En este otro ejemplo, agregué un contenedor para limitar el ancho a 780px y ubicar el diseño en el centro de la pantalla. El diseño dejó de ser líquido, pero se mantiene la relación entre el contenido y la barra derecha.

¿Y si aumentamos el tamaño del texto?, vemos que el que el tamaño de la letra aumenta, pero los elementos básicos del diseño siguen teniendo las mismas proporciones. Ahora, si al ancho del contenedor (780px) lo expreso en unidades tipográficas sería aproximadamente 78em ( con el tamaño de la fuente del cuerpo de la página al 63% ). Entonces cuando cambio el tamaño de la fuente, también cambia el tamaño del layout (ejemplo).

Para ir un poco mas allá, podemos crear un diseño donde el tamaño del texto y los elementos del layout dependan del tamaño de la pantalla. En este último ejemplo, agregué un JavaScript para calcular, a partir del ancho de la pantalla del navegador, el porcentaje que corresponde al tamaño del texto.

Más…

Si quieren saber más sobre cómo aplicar la divina proporción al diseño web les recomiendo este excelente artículo de Smashing Magazine.

Principios esenciales del buen diseño web. Espacios.

28 de Diciembre, 2007

Cuando uno empieza a diseñar quiere llenar cada espacio con alguna cosa. Los espacios vacíos parecen ser un desperdicio. Pero en realidad es al revés. El espacio hace que el diseño sea mucho mas claro.

En diseño web hay tres aspectos que deberían considerarse sobre los espacios.

Interlineado

El espacio entre las líneas de un texto afecta directamente a la legibilidad. Poco espacio hace que las líneas se superpongan, mientras que demasiado espacio puede sugerir que la línea de texto terminó, perdiéndose continuidad. Por eso hay que buscar un punto intermedio. El interlineado se puede controlar mediante CSS usando el selector ‘line-height’.

Padding

Su uso mas común es para separar el texto de otros elementos, ya que por lo general nunca deberían tocarse. El padding es el espacio entre el texto y los demás elementos.

Espacio en blanco

Primero hay que decir que el espacio en blanco no tiene porqué ser blanco, puede ser de cualquier color. Es simplemente el espacio vacío en una página. El espacio en blanco se usa para dar balance, proporción y contraste a un diseño. Mucho espacio en blanco sugiere elegancia, por eso es común en las revistas que las publicidades de grandes marcas de relojes y autos hagan uso del espacio vacío como un elemento de diseño.

Principios esenciales del buen diseño web. Precedencia (guiando al ojo).

26 de Diciembre, 2007

Guiando al ojoEn diseño web, por ahí todavía más que con otro tipo de diseño, lo central es la información. En un buen diseño, el usuario debería ser conducido a través de la pantalla por el diseñador. Para lograr esto, existe la precedencia, que viene a ser algo así como el peso visual que tienen las diferentes partes del diseño.

Un ejemplo simple de precedencia es el logo, que se ubica comunmente arriba a la izquierda, porque es el primer lugar donde mira la mayoría de la gente.
Pero la precedencia va mucho mas allá. El diseñador debe dirigir la mirada del usuario hacia una secuencia de pasos.

Existen varias herramientas para lograr esto:

  • Posición - La ubicación de algo en una página tiene clara influencia sobre el orden en el que el usuario lo vea.
  • Color - El uso de negrita y colores sutiles es una forma fácil de decirle al usuario donde mirar.
  • Contraste - Diferente color para resaltar o el mismo para dar una importancia secundaria.
  • Tamaño - Lo mas grande precede a lo mas chico .
  • Elementos de diseño - Si hay una flecha gigante apuntando algo, ¿adónde te parece que va a mirar el usuario?.

Ser diseñador web freelance

22 de Diciembre, 2007

Según mi experiencia, el camino para convertirse en diseñador web freelance y vivir de lo que a uno le gusta hacer puede tomar poco más de un año, pero hace falta estar bien preparado y tener una gran capacidad de improvisación, fundamental para hacerle frente a cualquier desafío.

Entrenarse

Antes de mandarse al ring hay que entrenar bastante. Hay que saber o tener una idea y experiencia en direrentes áreas como el diseño gráfico, programación, sistemas, redes y branding. Para estar preparado hay que saber usar el Google, la Wikipedia y encontrar blogs y sitios que nos sirvan de referencia, inspiración y motivación en cada trabajo que hagamos. A mi nunca me gustó aprender en la escuela, es mas la odiaba! y aunque primaria, secundaria y un poco de universidad me sirvieron para aprender algunas cosas, siempre busqué respuestas por mi cuenta en libros y revistas, hablando con mi familia o amigos, en la calle, en Internet.

Para estar entrenado hay que experimentar. La experiencia es muy importante porque nos da confianza al momento de hablar y de hacer. Siempre se rescata algo bueno de todo lo que hagamos, sea diseñar webs o vender sándwiches por la playa.

Tener un portfolio

Los primeros proyectos son para armar un portfolio chiquito y demostrar a nuestros futuros clientes que sabemos hacer el trabajo que nos pidan. Mis primeros trabajos fueron crear sitios web para amigos y conocidos de mi familia. Los precios eran muy bajos pero el producto no era gran cosa, aunque le ponía todas mis ganas. Un día encontré TrabajoFreelance.com, publiqué algunas ofertas y una alguien decidió confiar en mi ( ¡gracias kelo! ). Este trabajo fue el primer y último diseño “full-flash” que hice. ¡Y salió muy bien! así que ya tenía una referencia para otros clientes, un comentario a mi favor y varios trabajos hechos publicados en mi sitio web.

Crear una marca

Tener un sitio web fácil de encontrar en Google con una muestra de trabajos y un formulario de contacto resulta muy útil. La reputación de nuestra marca debe ser impecable en donde sea que la usemos y, en lo posible, a mi parecer, libre banderas políticas y religiosas. Esto no significa alejarse de la realidad, se puede hablar sobre calentamiento global o la gente que se muere de hambre sin atacar directamente a empresas u organizaciones. Creo que para dar nuestra opinión personal es mejor, justamente, un blog personal.

Siguiendo con lo de nuestra reputación o “status”, sitios como TrabajoFreelance.com ofrecen un sistema de puntos y premios ( medallas ) que sirve muchísimo a la hora de convencer a una persona que está cruzando el océano de que puede confiar en nosotros. En estos sitios, después de terminar un trabajo, cada parte valora a la otra y deja un comentario. Un sólo comentario con buena onda y ya se hace mucho más fácil que otra persona confíe en nosotros.

En los presupuestos, mails y otros documentos que enviemos está bueno incluir un membrete, un pie y mantener en lo posible un estilo y una paleta de colores.

Jugar con los precios

Hay veces que sabemos que nuestro trabajo vale mucho más, pero no podemos salir reclamar lo que nos pertenece sin un “status”. Así es la cosa, nos guste o no. Entonces tenemos que jugar con los precios.

En este juego donde “pescamos” clientes ofrecemos nuestros servicios a precio de oferta, porque estamos comprando “status”. Es una suerte de promoción. Con el tiempo, si sentimos la necesidad, podemos aumentar el precio, pero siempre mejorando la calidad de nuestros trabajos, en la medida en que ganamos conocimiento, experiencia y mejoramos nuestras herramientas. Para mi pasar de un monitor CRT de 15′’ con una mancha psicodélica ( estaba “imantado” ), al LCD wide-screen de 19′’ me cambió mucho la concepción del diseño web.

Un consejo importante, por experiencia, para empezar a trabajar en cualquier proyecto el cliente debe enviarnos 50% del pago por adelantado, mínimo 33% si es un proyecto muy grande. Así se evitan muchas complicaciones.

Ordenar las cosas

Cuando las cosas empiezan a ir bien, puede complicarse organizar todo el trabajo. Por eso hay que planificar bien el tiempo y ordenar las cosas. Por ejemplo, con GMail se pueden tener todos los correos en una sóla cuenta y encontrar cualquier mensaje que recibimos o enviamos en un toque. El historial de Messenger es perfecto para registrar todas las conversasiones.

Algo muy útil es usar carpetas para organizar los trabajos y buscar una serie de nombres comunes. Por ejemplo, dentro de la carpeta de un proyecto podemos tener otras carpetas que se llamen “Materiales”,”Archivos recibidos”,”Documentos”,”Pre-diseño”,”Diseño” y “Xhtml”. Así cuando buscamos algo lo encontramos por intuición, sin pensar “¿adonde habré guardado esos lindos dibujitos que hice ayer a la noche?”.

Una planilla de cálculo tipo Excel o Google Spreadsheets y ya tenemos todos los números en una tabla para ver en qué gastamos de más, cuánto ganamos y si vamos progresando o nos hundimos como el Titanic.

Encontrar el camino

Ya con algo de experiencia, reputación y algunas herramientas, uno empieza a disfrutar mucho más del proceso de diseño.
Para mi, al principio cada trabajo era un bardo. Me llevaba mucho esfuerzo hacer hasta el pre-diseño más simple y por lo general también me tenía que ocupar de muchas cosas al mismo tiempo ( diagramar, diseñar, maquetar, desarrollar… ). Pero con el tiempo se van encontrando técnicas y aprendiendo muchas cosas, entonces las cosas de todos los días se hacen más fáciles y el trabajo es mas fluído, mas ida y vuelta.

Ganando “status” y siendo directo y sincero con las personas que trabajen con nosotros, vamos a tener un mayor control sobre las áreas que más nos gusten, por ejemplo diseño y maquetación.

Los beneficios de ser freelancer son muchos, ya no uso la alarma del despertador, sólo me levanto a la hora que me despierte . Si quiero vacaciones, las tengo. Yo elijo cuándo y cuánto trabajo por semana. Claro que esto no quiere decir que “puedo hacer lo que quiero”, porque aveces quisiera quedarme todo el dia en la playa y no puedo. También tengo obligaciones y responsabilidades como todo el mundo, la diferencia está en que puedo elegir cuándo tenerlas.

Perfeccionarse y pasarla bien

Y después de leer, hablar, hacer y experimentar tanto hay que seguir leyendo, hablando, haciendo y experimentando. Así cada día aprendemos más y diseñar se hace cada día más entretenido, y redituable.

Eso sí, a no marearse con los números, sean altos o bajos, sólo hay tratar de saber manejarlos. Siempre nos tenemos que enfocar en lo que estamos creando, en nuestros diseños. La plata, el dinero… es muy útil tenerlo para vivir tranquilos y disfrutar de la vida cómo queramos, nos da libertad en ese sentido, pero lo más importante es hacer lo que nos gusta.

Dejar un comentario en este blog

¿Te leíste todo esto? debe ser porque te interesa el tema… otra gente puede estar interesada, ¡cómo vos!.

Dejar comentarios en los blogs es una muy buena forma de conocer futuros amigos, colegas y clientes.

Tecnología contra el calentamiento global

14 de Diciembre, 2007

El planeta, nuestra casa, está teniendo algunos problemas para mantener el clima relativamente estable en el que vivimos hace mucho, mucho tiempo. Los expertos que estudian el tema advierten que el calentamiento global es una de las mayores amenazas que enfrentamos los seres vivos. Las personas, las empresas, los gobiernos de muchos paises están tomando conciencia de la urgencia de hacer algo antes de que sea demasiado tarde. Hace algunos días, representantes de 27 países de la Unión Europea ratificaron su compromiso con el Protocolo de Kioto y presentaron planes para reducir 20 por ciento sus emisiones para 2020. El Protocolo vence en 2012, por lo que es fundamental marcar los pasos a seguir de cara al futuro. Por otro lado, la administración de Bush retiró su firma, no ratificó lo pactado en Kioto y propone que los países recorten sus emisiones de forma voluntaria. Estados Unidos es uno de los principales emisores de gases invernadero y la administración de George Bush está acusada de manipular información científica con el fin de minimizar un problema que puede causar la extinción de la especie humana.

Será necesario, por lo menos, un recorte del 15 al 30 por ciento de las emisiones de gases invernadero para el año 2020, manteniendo el aumento de la temperatura a menos de 2º C. Para 2050 puede ser necesario que la reducción sea del 60 al 80 por ciento. Esto signigica que es necesario ir mas allá de las mejoras en eficiencia energética, cambios en el estilo de vida y prácticas comerciales si queremos tener esperanzas de mitigar la amenaza del calentamiento global.

El uso de Internet y nuevas formas de hacer negocios son herramientas muy importantes para lograr un cambio y convertir al calentamiento global en una lección del pasado. Las tecnologías móviles, el teletrabajo, blogs, sistemas de transporte para la luz solar y muchas otras innovaciones nos ayudan a contaminar menos, aprovechar mejor la energía y tomar conciencia sobre uno de los mayores, sino el mayor problema que enfrentamos los seres humanos.

Usabilidad, lo básico del diseño web. La teoría de Gestalt.

6 de Diciembre, 2007

El mundo visual que nos rodea es muy complejo. Para poder entenderlo, nuestra mente desarrolló estrategias que le hacen frente a la confusión y a la ambigüedad. Buscando siempre la solución mas simple al problema, una de esas estrategias es agrupar elementos que tengan algo en común. Acá entra la Teoría de Gestalt. Saber como funciona la psicología de Gestalt ayuda a construír sitios web más fáciles de usar.

La Teoría de Gestalt, surgida en Alemania a principios del siglo XX, considera que las personas percibimos a los objetos como conjuntos. Entonces si vemos un triángulo vemos un triángulo, y no tres líneas y tres ángulos. Así es que podemos decir que todo (un triángulo) es mucho mayor que la suma de sus partes (tres líneas).

Saber esto nos da una idea de cómo organizar nuestros ojos, nuestro campo visual.

Para los diseñadores, lo más importante es la referencia que hace la psicología de la Gestalt sobre cómo se foman estos grupos y qué efecto tienen en la percepción. Teniendo eso en cuenta, se puede crear unidad y cohesión en el diseño, o al contrario, hacer que un elemento rompa con el esquema y aparezca fuera de cualquier grupo, destacándose por sobre los demás.

Principios fundamentales de la corriente Gestalt

  • Ley de Cierre - Cuando faltan elementos, nuestra mente los agrega para completar una figura.
  • Ley de la Semejanza - Nuestra mente agrupa los elementos similares según su forma, tamaño, color y brillo.
  • Ley de la Proximidad - Agrupamos los elementos de forma parcial o secuencial. Percibimos a los elementos que están cerca como una unidad.
  • Ley de Simetría - En la distancia, las imágenes simétricas son percibidas como una sola.
  • Ley de Continuidad - La mente trata de continuar un patrón, aunque este haya desaparecido.
  • Ley de la Comunidad - Muchos elementos moviéndose en la misma dirección son percibidos como un único elemento.

Gestionado con WordPress