Fundamentos del diseño

“Muchos piensan en el diseño como en algún tipo de esfuerzo dedicado a embellecer la apariencia exterior de las cosas. Ciertamente, el solo embellecimiento es una parte del diseño, pero el diseño es mucho más que eso.

Miremos en nuestro alrededor. El diseño no es sólo adorno. La silla bien diseñada no sólo posee una apariencia exterior agradable, sino que se mantiene firme sobre el piso y da un confort adecuado a quien se siente en ella. Además, debe ser segura y bastante duradera, puede ser producida a un coste comparativamente económico, puede ser embalada y despachada en forma adecuada y, desde luego, debe cumplir una función específica, sea para trabajar, para descansar, para comer o para otras actividades humanas. El diseño es un proceso de creación visual con un propósito. A diferencia de la pintura y de la escultura, que son la realización de las visiones personales y los sueños de un artista, el diseño cubre exigencias prácticas. Una unidad de diseño gráfico debe ser colocada frente a los ojos del público y transportar un mensaje prefijado. Un producto industrial debe cubrir las necesidades de un consumidor. .

En pocas palabras, un buen diseño es la mejor expresión visual de la esencia de «algo», ya sea esto un mensaje o un producto. Para hacerlo fiel y eficazmente, el diseñador debe buscar la mejor forma posible para que ese «algo» sea conformado, fabricado, distribuido, usado y relacionado con su ambiente. Su creación no debe ser sólo estética sino también funcional, mientras refleja o guía el gusto de su época.”

 

Wucius Wong. Fundamentos del diseño, Edición española, Gustavo Gili, SA, Barcelona, 1996

Páginas de Error

Uno de los tantos tips importantes en la experiencia de usuario #UX es mantener una comunicación constante del estado en el que se encuentra el sistema al momento de las interacciones con el usuario. Más importante aún cuando este mismo sistema falla. Por lo tanto, debemos comunicar puntualmente el error y si lo hacemos entretenido (dependiendo del contexto) podemos mantener a nuestros usuarios informados y de paso reducimos la fricción de la frustración.

Veamos algunos ejemplos de buenas prácticas en errores 404 (contenido no encontrado).

Error 404 Blizzard

Blizzard.com
GoPro.com
Madpow.com
Backcountry.com
Dogfunk.com
Nbc.com
Rollingstones.com
Spinutech.com
Americanmuscle.com
Bloomberg.com

Brackets: Editor web gratuito y de código abierto

Brackets

 

Edge Code, el anterior editor para la web ultraliviano de Adobe sufre una remodelación contundente, ahora tendrá un nuevo nombre, se llamará Brackets.

Esencialmente Brackets viene remodelado y recargado con nuevas funcionalidades. Una de la mas importante es trabajar desde un PSD y extraer las propiedades CSS de los elementos. Misma función que realiza la nueva versión de Photoshop CC.  Así como la integración de procesadores LESS y SCSS. Librería de Extensiones, etc.

Esta es una nueva opción para quienes hemos sido conquistados por estos editores ultra ligeros como Sublime Text y le encontramos un gustito a lo que hizo Adobe al rápido y sencillo Edge Code.

Descarga Brackets: http://brackets.io/
GitHub: https://github.com/adobe/brackets

Los 10 mandamientos del Diseño Web

Ten Commandments of Web Design – Jeffrey Zeldman at An Event Apart Austin 2013 from Jeffrey Zeldman on Vimeo.

Jeffrey Zeldman nos presenta los 10 mandamientos “modernos” del diseño web

  • Un sitio web debe entretener al usuario.
  • Hay que probar todo en nuestro sitio web, incluso las suposiciones.
  • Hay que iterar constantemente, un sitio web debe evoluciona.
  • Debes concentrarte en lanzar, es importante no dejarse llevar por ser perfeccionista si va a detenerte de lanzar tu sitio/producto.
  • Involucra a la comunidad.
  • El contenido debe llegar a todos sin importar el dispositivo.
  • El contenido es primero, el diseño debe adaptarse conforme al contenido.
  • Haz magia. No busques la perfección.
  • Debes priorizar, organizar y designar. Esto para asegurar un flujo de trabajo con el equipo involucrado en un sitio web.
  • Hay que mantener los principios por los que un sitio es creado.

¿Qué es el Design Thinking?

“Desing Thinking” o pensamiento del diseño es un proceso para resolución de problemas de manera creativa y metódica. Viene a ser un approach de como esencialmente gestiona un diseñador sus proyectos. Más que desde una visión analítica, esta basada en un conjunto de actividades que deben ser pensadas desde un punto de vista creativo, basada en acumulación de ideas o propuestas que alientan la generación de soluciones lo más diversas e innovadoras teniendo en cuenta a los usuarios.

Podemos imaginar el proceso en tres fases simples:
· Inspiración (problema – oportunidad)
· Ideación (iterar soluciones y propuestas)
· Implementacion (aplicación de la solución o propuesta mas adecuada para los usuarios).

En el siguiente video veremos el ejercicio del pensamiento del diseño aplicado a 5 conceptos que finalmente mantienen los mismos factores claves del proceso.

· Aprender de las personas
· Buscar patrones
· Definir los principios de diseño
· Hacer tangible
· iterar implacablemente

 

What is Design Thinking?

What is Design Thinking from Daylight on Vimeo.

Google Material Design UI Kit 1.0

cover

En reciente conferencia de Google IO se presentó las nuevas lineaturas de diseño (Design Guidelines). Las cuales como en ninguna otra versión anterior, se había demostrado con tanta fuerza un cambio en el diseño, y no sólo por hacer hincapié en las interfaces de la plataforma Android, si no que además, por presentarse como una de las mejores documentaciones o recursos de diseño. Hecho que merece ser revisado por todo diseñador.

El kit de diseño contiene:
- Elementos básicos UI y Layout http://google.com/design
- Pantallas adaptadas a “Material Deisng” y elementos avanzados de Android UI para Photoshop.
- Tipografía oficial.
- Colores.

Descarga: http://goo.gl/lepZkS

Video: