Diseño de informacion

Sin palabras estoy. Según Design Collector [en], Tatiana no usa ningún sistema de “arte generativo” para sus trabajos “infográficos” pero se apoya en fórmulas matemáticas visto lo visto. Qué pasada. Entrad en cualquiera de los enlaces a continuación y disfrutad si os va este tema porque hay material para rato. Y muy bonito.

Complexity Graphics [en] + Tatiana Plakhova en Behance [en]

Ahora más que nunca está a la orden del día el uso de media queries para poder ofrecer una versión adaptada de nuestros sitios web en función del dispositivo que esté haciendo la petición. Para que nos entendamos todos y en plan rápido nos sirve para decir por ejemplo “oye, si estás viendo la web y la ventana del navegador tiene un ancho inferior a 600px, muestra la web con esta CSS. Si no, usa esta otra hoja de estilo”.

No es que sea nada nuevo pero con el auge de dispositivos móviles y tablets la variedad de dispositivos y características que se deben contemplan a la hora de diseñar para web hacen recomendable el uso de estos métodos.

Bueno pues Media Queries es un showcase de sitios que adaptan sus contenidos de una manera efectiva. Parece que a día de hoy, hay galerías de todo y para todos.

Media Queries [en]

Seguimos con post de tema interface :) Porque aunque la documentación existente sobre las guías de estilo de diseño para Android [en] son bastante extensas y potables, creo que este pequeño “add-on” será bien recibido.

Android Patterns recopila una serie de patrones de diseño que son recomendables de cara a la construcción de una aplicación consistente y usable. Como se suele decir siempre cuando se tratan estos temas, los patrones son sólo sugerencias y consejos y no se pueden tomar como verdades absolutas aunque sí que es cierto que vienen a resolver correctamente los problemas que se plantean. Es por ello que nunca está de más tener a mano chuletas de este estilo.

Categorizados en función del contexto, encontramos preguntas que nos podemos realizar durante el proceso de diseño y una respuesta en forma de sugerencia. Todo acompañado de pequeños gráficos para facilitarnos el entendimiento.

Un recurso muy útil para ir despertando el gusanillo UX :)

Android Patterns [en]

De las mentes pensantes tras Stack Overflow [en] me he encontrado casualmente con User Interface que viene a ser lo mismo pero enfocado a una temática más allegada a nuestro mundillo. Todo un placer el haber caído en una web así porque me promete lectura para rato.

Para el que no sepa de qué va la historia viene a ser un tablón de preguntas y respuestas. Tú formulas tu cuestión y con un poco de suerte, encontrarás respuestas e información potable. Lo verdaderamente valioso es que suelen ser sitios bastante moderados en lo que a respuestas inútiles o fuera de lugar se refieren, lo que hacen de UI - Stack Exchange un, repito, sitio bastante recomendable si os dedicáis al tema interface y UX.

User Interface - Stack Exchange [en]

Me ha “encantao”. Y no soy muy de ver vídeos de estos pero lo recomendaba Diego Areso y me tenía que fiar sí o sí.

No sé cuántas veces me lo he visto ya. Son sólo 2 minutitos, echadle un vistazo.

En su día Annie me descubrió el sensacional trabajo de diseño gráfico y editorial del que hacen gala Tres Tipos Gráficos. Desde ese momento los puse en un pedestal.

Quizá no sean los mejores del mundo (¿quién soy yo para hacer tal afirmación?) pero me encantan sus trabajos y es de los pocos portfolios que visito regularmente para ver si hay algo nuevo. Curiosamente se han puesto en contacto conmigo hace poquito para presentarme su set de posters Archetypes. Aprovecho la coyuntura para dejaros a vosotros el enlace a su rinconcito.

Tres Tipos Gráficos

Un proyecto que ha generado cierto debate y que me traigo del piso de los vecinos siempre recomendables del Cuarto derecha. Se trata de mostrar visualmente y de una manera muy rápida la próximidad a la fecha límite de caducidad del producto.

Quizá hubiese sido más interesante buscar alguna solución que supiese cuándo el producto está caducando realmente y no se base en la fecha de caducidad en sí. Pero debe ser algo realmente costoso en caso de ser posible su producción. En cualquier caso me ha parecido una idea interesante.

¿Dónde está la fecha de caducidad?

Mr. Chiqui Esteban ponía en conocimiento de todos hace escasas fechas la existencia de a Base de Datos, un blog en el que se entremezcla la curiosidad estadística y el trabajo infográfico:

La fórmula es sencilla: pequeñas cifras curiosas que surgen día a día en el trabajo de documentación de los gráficos que publicamos en la sección de gráficos de lainformacion.

Me ha gustado mucho. Mucho. Siempre me han gustado los datos estadísticos y más si se edulcoran en formato visual. Visita obligada para los adeptos a dicha temática.

a Base de Datos

Seguro que algunos de los que estamos aquí, hemos “tuneado” alguna skin para el mítico Winamp. Recuerdo lo sorprendido que me dejó lo supertrabajado de la famosa MMD3 [en].

Pues atentos porque del mismo palo tenéis la burrada de trabajos que tienen los de The Skins Factory y que he descubierto en la, cada vez más, recomendable Dribbble [en].

The Skins Factory [en]

Siguiendo el consejo del “desaparecido” Alberto Carazo, me guardé hace un tiempo la página Tentándote.com. El título poco deja entrever de lo que se va a tratar en dicha web. Y ha sido un descubrimiento de lo más placentero, sus señorías.

Si gustan de lecturas profundas en lo que a diseño se refiere (generalmente centrado en UX, interface y similares pero con degustaciones de otros campos también), no dejes de pararte allí y hacer una visita. Prometo que merece la pena.

Tentándote.com

Pensé que la Borderitis era algo que sólo yo había sufrido en algunos casos pero ya veo que es un mal común.

Excelente y super simple el artículo en Usability Post [en] sobre el exceso de anidamiento y zonas bordeadas que a veces se nos presenta al querer diferenciar zonas en web y que tiene solución bastante sencilla. Por si alguna vez te ha pasado y quieres ver que no estás sólo :D

A Mild Case Of Borderitis [en]

Seamos sinceros: cuando eres un chaval peque (en plena pubertad más bien), la sociedad te vende que si quieres triunfar con el género femenino tienes varias opciones: 1) Ser Leonardo DiCaprio en “Romeo y Julieta” (aunque ahora tira más la saga Crepúsculo). 2) Tocar la guitarra y hacer pinitos de cantautor. Si no eres cantautor no pasa nada, pero que la guitarra sea eléctrica. Pierdes el +1 en romanticismo pero ganas un +2 en heavy rebelde 3) Ser pinchadiscos o DJ. En mi caso, algo en mi interior me hizo ser diseñador. Pfff. En fin…

Coñas aparte, seguro que más de uno ha hecho el típico movimiento de Scratch (no confundir con Scritch) o conoce a alguien que conoce a alguien que es DJ. Estad preparados: los aliens no invadirán el mundo. Serán los DJ y ya nos tienen adoctrinados.

Al gremio del diseño le tienen miedo: saben que con nuestras gafapastas y photoshops somos un enemigo díficil de vencer. Hay por ahí algún híbrido DJ-diseñador que ha elegido definitivamente el lado del Illustrator (eh, RUDE? xD).

Lo que pasa es que los DJ tienen un arma secreta: una nueva interfaz multitáctil que emula la tradicional mesa de mezclas. Y tiene todos los detalles para que los diseñadores y amantes del género UX [en] caigamos en sus redes. Malditas innovaciones tecnológicas. Van a acabar conmigo.

Me parece un buen ejemplo de diseño interactivo que traslada algo que ya conocemos a otro tipo de naturaleza más virtual. Sin duda carece de muchas cualidades que todo DJ con bagaje profesional resaltará pero es un paso que parece ir bien encaminado. El vídeo dura lo suyo, guardaos unos minutos para visionarlo con calma.

PD: Vía Flylyf [en]

Uno de esos eventos que me voy a tener que apuntar para que no se me pierda el año que viene es este UW Design Show que recoge lo mejorcito de la división de diseño de la Universidad de Washington.

Hay un montón de buenos ejemplos de diseño de información, otro puñado de interface, … de todo vaya.

Os recomiendo que le dediquéis un ratito porque hay mucho y muy bueno. Me lo he pasado realmente bien viendo muchos de los proyectos de los estudiantes.

UW Design Show 2010 [en]

When you design for mobile first, a set of inherent constraints keeps you in check. Perhaps the most impactful of these constraints is screen space.

Como me interesa mucho el diseño para móviles, me conviene guardarme este tipo de artículos. Pueden parecernos puntos obvios a algunos que ya estemos metidos en faena pero no deja de ser información útil que más de uno agradecerá.

Mobile First Helps with Big Issues [en]

No sé si alguno de los aquí presentes veis Redes habitualmente. Yo tampoco. Pero por alguna de esas extrañas casualidades me planté una tarde delante de la tele a ver la charla de míster Punset con Hans Rosling y no pude moverme de ahí hasta que acabó.

Quedé maravillado con Gapminder y lo fácilmente que muestra y sirve para explicar un gran número de datos mundiales. Y lo bueno es que el programa lo podemos descargar cuando queramos.

Servidor recomienda antes pegarle un ojo al programa de Redes que ví y luego acercarse hasta Gapminder [en] para trastear con el programita. Y si aún queréis más, aquí la charla en TED de Hans.