A menudo como diseñadores nos quejamos de la gran cantidad de limitaciones a las que nos enfrentamos todos los días.
De los navegadores, la resolución de pantalla, la interacción del usuario, que parece estar luchando constantemente para encontrar alguna forma de pensar fuera de la pequeña caja de “mejoras prácticas” a la que estamos limitados.
Las limitaciones son abundantes, pero ¿Son realmente algo malo? ¿Es posible, incluso, cuando en realidad se producen resultados mucho mejores que si no las tuviera?
Ikea por ejemplo, comienza con el precio y después va hacia atrás. Su principal preocupación es el mostrar el precio del producto al usuario final. Todo depende de los diseñadores para crear algo atractivo que encaje dentro de este esquema.
37signals escribió un libro sobre como operar de un modo similar con fuertes restricciones en la construcción de aplicaciones web, fijando una fecha para ponerse en marcha y luego adherirse en a ella, sin importar nada mas.
A veces, tanta libertad no es algo bueno
Sin limitaciones, las cosas se pueden salir de control. No hay mejor manera de delimitar esto que mirando una plataforma que no tiene limitaciones en el diseño que ha sido…bueno…horrible. Por supuesto, estamos hablando de nuestro viejo amigo, adobe Flash Player.
Ahora, no estoy diciendo que todos los sitios en flash son malos, o que todas las personas que los hacen son malos diseñadores. Nada de eso. El hecho es, sin embargo, que como la plataforma flash tiene muy pocas limitaciones de diseño eso ha llevado a cuestionar algunos sitios hechos en flash en los últimos años.
Los sitios de los que estoy hablando son los que van a pantalla completa en cuanto cargan, y tienen una navegación de locura que implica arrastrar una zanahoria a un conejo para luego esperar a que una gran animación cargue antes de pasar a la página siguiente y la navegación de esta sea igual de confusa.
Los diseñadores que hacen este tipo de interfaces a menudo creen que son muy “divertidas”, pero estudios de usabilidad demuestran con frecuencia que no son nada mas que una explosión visual. Ser capaz de hacer mucho con flash con relativamente poco es peligroso. Esto quita la mentalidad de “¿Qué debo hacer?” y en su lugar promueve la mentalidad de “¿Qué puedo hacer?”
Una animación, gráficos, efectos de sonido, o la interacción sin fin no es diseño, es decoración. A menos que lo que se va añadir al diseño de alguna manera contribuye al mensaje que se está tratando de transmitir a los usuarios, eso no vale nada. La parte mas importante de cualquier diseño es el mensaje: un buen diseño envía el mensaje a todo el mundo. No debe dejar espacio para la interpretación.
Limitar el color
Entrando en detalles, podemos mirar algunas áreas clave en las que las limitaciones pueden mejorar el diseño. La primera de estas es el color. Citado por Bill de GoMediaZine como la segunda regla para convertirse en un buen diseñador, es extremadamente importante el limitar tu paleta de colores.
Una manera fácil de detectar a un diseñador aficionado es cuando utilizan todos los colores del arcoíris en una sola pieza. ¿A dónde va esto? Bueno, Bill dijo “Reducir el número de colores que usamos hará que nuestros diseños sean más consistentes. Básicamente todo se verá unido. Al igual que el uniforme de un equipo de futbol o la marca de una empresa”.
Piensa en algunos de los mejores diseñadores de la industria. La mayoría sino todos, tienden a utilizar una paleta pequeña, pero vibrante para todos sus diseños. De esta forma reduciendo el número de variables puedes hacer que un diseño sea más coherente, conciso e incluso único.
Limitar la tipografía
La tipografía funciona de manera similar al color, si no es que en una escala más extrema. Con muy pocas excepciones, el uso excesivo de fuentes en un solo diseño puede ser confuso e incluso difícil de leer. Al ojo humano le gusta instalarse en los patrones de reconocimiento, el introducir nuevos tipos de tipografía puede obstaculizar e interrumpir el flujo de la lectura.
Por lo general una fuente de lujo va a funcionar bien para los encabezados y se sumara a la apariencia del diseño como un todo, mientras que el cuerpo de texto funciona mejor con un tipo de letra estándar que sea fácilmente legible en tamaños pequeños.
Probablemente aun no hayas visto alguno de los diseños usados recientemente en Zapfino para todo el texto por esta misma razón. Restringir el uso de la tipografía una vez más contribuye a un mejor diseño, y más unido en general.
Limitar el tamaño
Actualmente estamos en un punto muy interesante en términos de diseño web. ¿Hacia dónde se dirigen las resoluciones de pantalla? Algunos sitios, blogs especialmente, están empezando a moverse hacia el estilo 1200px de ancho. Hay incluso adaptaciones del marco 960.gs css framework como 1200.ws que apoyan este movimiento, pero ¿Es la resolución correcta?
En general los sitios han llegado a la misma resolución de una revista impresa. Pero hay una pregunta importante aquí antes de pensar en hacer que tu sitio sea más amplio de lo que es:¿Por qué no se imprimen las revistas mas amplias? La respuesta es obvia es porque iba a ser difícil mantenerlas y demasiado grandes para llevarlas cómodamente, pero hay otra consideración importante.
El ojo humano sólo puede leer cómodamente a cierta distancia de un lado a otro. Llega un punto en el que tienes que empezar a girar la cabeza de lado a lado para poder mirar los diferentes segmentos de una página individual. ¿Cuándo fue la última vez que tuviste en un periódico de gran formato? Lo más probable es que nunca. Que se doble o que lo leas un segmento a la vez, girando la cabeza a su vez, para ver cada área del papel.
Entonces ¿Hacia dónde se dirigen las pantallas? Algunas personas piensan que van a seguir haciéndose más grandes, pero dispositivos como el iPhone y el iPad podrían sugerir que no van a aumentar de tamaño, solo van a mejorar. Es genial ser capaz de incluir más cosas en una pantalla más grande, de diseño más amplio, pero no te olvides de considerar las repercusiones. A veces las restricciones de tamaño, también pueden ser algo bueno.
En cuanto a Minimalismo
El diseño minimalista se ha descrito como el diseño en su forma más básica, pero si lo piensas mas analíticamente, el minimalismo es simplemente el proceso de aplicar una capa adicional de limitaciones a los diseños. Donde normalmente se limita a dos o tres colores para un diseño, con el minimalismo puedes tomar un paso mas y limitarte solo a blanco y negro. Lo mismo puede aplicar a la tipografía, el espacio, el contraste, el contenido, y casi cualquier elemento central del diseño.
Los productos de Apple son un gran ejemplo de esto. Se limitan a alrededor de seis puertos en los lados de sus computadoras portátiles en otros portátiles fácilmente podría haber el doble.
El iPod y el iPhone siempre han sido notables, no por lo mucho que tienen, si no por lo poco. En una generación de MP3 de veinte botones, Apple introdujo algo con cuatro botones y una rueda, que pasó a ser el dispositivo de música portátil más exitoso de todos los tiempos.
El minimalismo no sólo significa usar menos de todo, consiste en utilizar un par de cosas muy, muy bien. Elliot Jay Stocks, por ejemplo, no utiliza demasiados degradados, bordes, cajas, barras o cualquiera de los otros elementos “estándar” de diseño que vemos pegados en galerías de CSS.
El objetivo principal para el diseño de esta página está sobre el espaciamiento y el posicionamiento. Al eliminar muchas de las otras variables, utiliza la posición absoluta para cubrir los niveles de jerarquía e importancia. Simple, pero muy eficaz.
Los buenos diseñadores siempre son capaces de destacar entre la multitud, ya que utilizan estos principios y teorías como punto de partida y luego construir sobre ellos. Una comprensión fundamental de los diferentes principios de buen diseño es la mejor manera de ser capaces crear algo hermoso.
http://www.didgii.com/
De los navegadores, la resolución de pantalla, la interacción del usuario, que parece estar luchando constantemente para encontrar alguna forma de pensar fuera de la pequeña caja de “mejoras prácticas” a la que estamos limitados.
Las limitaciones son abundantes, pero ¿Son realmente algo malo? ¿Es posible, incluso, cuando en realidad se producen resultados mucho mejores que si no las tuviera?
Ikea por ejemplo, comienza con el precio y después va hacia atrás. Su principal preocupación es el mostrar el precio del producto al usuario final. Todo depende de los diseñadores para crear algo atractivo que encaje dentro de este esquema.
37signals escribió un libro sobre como operar de un modo similar con fuertes restricciones en la construcción de aplicaciones web, fijando una fecha para ponerse en marcha y luego adherirse en a ella, sin importar nada mas.
A veces, tanta libertad no es algo bueno
Sin limitaciones, las cosas se pueden salir de control. No hay mejor manera de delimitar esto que mirando una plataforma que no tiene limitaciones en el diseño que ha sido…bueno…horrible. Por supuesto, estamos hablando de nuestro viejo amigo, adobe Flash Player.
Ahora, no estoy diciendo que todos los sitios en flash son malos, o que todas las personas que los hacen son malos diseñadores. Nada de eso. El hecho es, sin embargo, que como la plataforma flash tiene muy pocas limitaciones de diseño eso ha llevado a cuestionar algunos sitios hechos en flash en los últimos años.
Los sitios de los que estoy hablando son los que van a pantalla completa en cuanto cargan, y tienen una navegación de locura que implica arrastrar una zanahoria a un conejo para luego esperar a que una gran animación cargue antes de pasar a la página siguiente y la navegación de esta sea igual de confusa.
Los diseñadores que hacen este tipo de interfaces a menudo creen que son muy “divertidas”, pero estudios de usabilidad demuestran con frecuencia que no son nada mas que una explosión visual. Ser capaz de hacer mucho con flash con relativamente poco es peligroso. Esto quita la mentalidad de “¿Qué debo hacer?” y en su lugar promueve la mentalidad de “¿Qué puedo hacer?”
Una animación, gráficos, efectos de sonido, o la interacción sin fin no es diseño, es decoración. A menos que lo que se va añadir al diseño de alguna manera contribuye al mensaje que se está tratando de transmitir a los usuarios, eso no vale nada. La parte mas importante de cualquier diseño es el mensaje: un buen diseño envía el mensaje a todo el mundo. No debe dejar espacio para la interpretación.
Limitar el color
Entrando en detalles, podemos mirar algunas áreas clave en las que las limitaciones pueden mejorar el diseño. La primera de estas es el color. Citado por Bill de GoMediaZine como la segunda regla para convertirse en un buen diseñador, es extremadamente importante el limitar tu paleta de colores.
Una manera fácil de detectar a un diseñador aficionado es cuando utilizan todos los colores del arcoíris en una sola pieza. ¿A dónde va esto? Bueno, Bill dijo “Reducir el número de colores que usamos hará que nuestros diseños sean más consistentes. Básicamente todo se verá unido. Al igual que el uniforme de un equipo de futbol o la marca de una empresa”.
Piensa en algunos de los mejores diseñadores de la industria. La mayoría sino todos, tienden a utilizar una paleta pequeña, pero vibrante para todos sus diseños. De esta forma reduciendo el número de variables puedes hacer que un diseño sea más coherente, conciso e incluso único.
Limitar la tipografía
La tipografía funciona de manera similar al color, si no es que en una escala más extrema. Con muy pocas excepciones, el uso excesivo de fuentes en un solo diseño puede ser confuso e incluso difícil de leer. Al ojo humano le gusta instalarse en los patrones de reconocimiento, el introducir nuevos tipos de tipografía puede obstaculizar e interrumpir el flujo de la lectura.
Por lo general una fuente de lujo va a funcionar bien para los encabezados y se sumara a la apariencia del diseño como un todo, mientras que el cuerpo de texto funciona mejor con un tipo de letra estándar que sea fácilmente legible en tamaños pequeños.
Probablemente aun no hayas visto alguno de los diseños usados recientemente en Zapfino para todo el texto por esta misma razón. Restringir el uso de la tipografía una vez más contribuye a un mejor diseño, y más unido en general.
Limitar el tamaño
Actualmente estamos en un punto muy interesante en términos de diseño web. ¿Hacia dónde se dirigen las resoluciones de pantalla? Algunos sitios, blogs especialmente, están empezando a moverse hacia el estilo 1200px de ancho. Hay incluso adaptaciones del marco 960.gs css framework como 1200.ws que apoyan este movimiento, pero ¿Es la resolución correcta?
En general los sitios han llegado a la misma resolución de una revista impresa. Pero hay una pregunta importante aquí antes de pensar en hacer que tu sitio sea más amplio de lo que es:¿Por qué no se imprimen las revistas mas amplias? La respuesta es obvia es porque iba a ser difícil mantenerlas y demasiado grandes para llevarlas cómodamente, pero hay otra consideración importante.
El ojo humano sólo puede leer cómodamente a cierta distancia de un lado a otro. Llega un punto en el que tienes que empezar a girar la cabeza de lado a lado para poder mirar los diferentes segmentos de una página individual. ¿Cuándo fue la última vez que tuviste en un periódico de gran formato? Lo más probable es que nunca. Que se doble o que lo leas un segmento a la vez, girando la cabeza a su vez, para ver cada área del papel.
Entonces ¿Hacia dónde se dirigen las pantallas? Algunas personas piensan que van a seguir haciéndose más grandes, pero dispositivos como el iPhone y el iPad podrían sugerir que no van a aumentar de tamaño, solo van a mejorar. Es genial ser capaz de incluir más cosas en una pantalla más grande, de diseño más amplio, pero no te olvides de considerar las repercusiones. A veces las restricciones de tamaño, también pueden ser algo bueno.
En cuanto a Minimalismo
El diseño minimalista se ha descrito como el diseño en su forma más básica, pero si lo piensas mas analíticamente, el minimalismo es simplemente el proceso de aplicar una capa adicional de limitaciones a los diseños. Donde normalmente se limita a dos o tres colores para un diseño, con el minimalismo puedes tomar un paso mas y limitarte solo a blanco y negro. Lo mismo puede aplicar a la tipografía, el espacio, el contraste, el contenido, y casi cualquier elemento central del diseño.
Los productos de Apple son un gran ejemplo de esto. Se limitan a alrededor de seis puertos en los lados de sus computadoras portátiles en otros portátiles fácilmente podría haber el doble.
El iPod y el iPhone siempre han sido notables, no por lo mucho que tienen, si no por lo poco. En una generación de MP3 de veinte botones, Apple introdujo algo con cuatro botones y una rueda, que pasó a ser el dispositivo de música portátil más exitoso de todos los tiempos.
El minimalismo no sólo significa usar menos de todo, consiste en utilizar un par de cosas muy, muy bien. Elliot Jay Stocks, por ejemplo, no utiliza demasiados degradados, bordes, cajas, barras o cualquiera de los otros elementos “estándar” de diseño que vemos pegados en galerías de CSS.
El objetivo principal para el diseño de esta página está sobre el espaciamiento y el posicionamiento. Al eliminar muchas de las otras variables, utiliza la posición absoluta para cubrir los niveles de jerarquía e importancia. Simple, pero muy eficaz.
Los buenos diseñadores siempre son capaces de destacar entre la multitud, ya que utilizan estos principios y teorías como punto de partida y luego construir sobre ellos. Una comprensión fundamental de los diferentes principios de buen diseño es la mejor manera de ser capaces crear algo hermoso.
http://www.didgii.com/