Sebastián Thüer

Comunicación, diseño y tecnología

diseño

Bundle Hunt, pack de recursos premium para diseñadores web

· ·

¿Cuánto pagarías por un editor HTML, un sistema de facturación, 6 meses de hosting, packs de iconos y fotos de alta calidad, themes premium para WordPress y acceso a libros y revista de diseño? Bundle Hunt ofrece todo esto por $49 dólares. Se trata de una oferta limitada -hay tiempo hasta el 16 de agosto- para comprar el pack cuyo precio real según el sitio es de $1400.

Smashing Mag, Site 5, Vandelay Design y Supernova son algunos que participan de este proyecto. Ojo, la mayoría del software que ofrecen funciona solo sobre Mac.

Acciones de Photoshop para las fotos de tus diseños

· ·

PanosFX acaba de lanzar dos nuevos conjuntos gratuitos de acciones para Photoshop que permiten ahorrar tiempo en tus proyectos: sticker y discrete. La primera sirve justamente para simular stickers circulares a partir de cualquier fotografía y es especialmente útil para projectos de scrapbooking y otros donde te interesa simular esas calcomanías circulares que habitualmente se colocan sobre fotos o álbums. Discrete es un conjunto de acciones pensandos para agregar bordes y sombras a las imágenes para darles un look 3D.

Las acciones requieren Photoshop CS2 o superior. También funcionan con Photoshop Elements  en versiones 6,7 y 8.

Ejemplos de fotos trabajadas con ‘sticker’

Ejemplos de fotos trabajadas con ‘discrete’

Construir tu propio periódico

· ·

Crear su propio periódico . Es lo que hizo Phil Gyford usando la API de The Guardian en un increíble ejemplo de cómo sacarle jugo a los datos y trabajar sobre ellos para ofrecer una experiencia de usuario totalmente diferente. El resultado es Today’s Guardian, una versión digital que juega con el concepto de  «hojear» un diario en papel.

Gyford hace un diagnóstico bastante acertado de los aspectos negativos de la experiencia de usuario que nos los periódicos digitales:  saturación de información, publicidad invasiva y profusión de enlaces con información secundaria.

Por eso ideó su propio periódico sobre tres conceptos: minimizar la fricción, maximizar la legibilidad y lo que llama «finabilidad», es decir, que la lectura termine en algún momento. Minimizar la fricción es eliminar toda barrera que existe para comenzar a leer una noticia. El principal problema de los diarios digitales es encontrar un enlace a la noticia, que generalmente está en la página principal. Por eso, al terminar de leer una nota hay que volver al inicio para continuar (salvo que se quiera leer alguna noticia relacionada con la que está en pantalla). La secuencialidad elimina ese problema: vamos pasando página y cambiando de tema.

El segundo asunto es la legibilidad. El principal problema son los avisos, que aunque indispensables para ofrecer contenido gratuito, se suelen colocar de manera agresiva e interrumpen la lectura.  Muchas veces hay que usar bastante la barra de desplazamiento -por no hablar de los molestos layers flotantes- hasta encontrar el inicio de una nota.

El tercer concepto es del propio Gyford y hace referencia a la sensación de tranquilidad que nos da haber concluido algo: por algo las redes sociales nos dicen que nuestro perfil «está completo un 80%» (un desafío en llegar al 100%) en lugar de mensajes de rojo para avisar «falta completar tu dirección» (que termina por frustar al usuario). Nuevamente la secuencialidad permite establecer un inicio y un final: cuando llegamos a la última página «terminamos» de leer el diario.

Más allá si estamos de acuerdo o no con estas ideas, lo interesante es ver cómo a partir de una serie de premisas es posible desarrollar una web totalmente diferente a la original y cómo una API para acceder a los datos dispara nuevas ideas que cambian radicalmente la presentación original del contenido. Nada más hay que ver The Guardian original vs la versión personalizada de Phil Gyford: Today’s Guardian.

¿Se animarán los periódicos en español a hacerlo a dejarnos jugar con sus datos?

El universo de la web en galaxias de 140 caracteres

· ·

Information Architects es una de las agencias de diseño más reconocidas en el mundo que anualmente elabora el Web Trend Map, una mapa gráfico con las tendencias de la web. Luego de sorprendernos con un increíble mapa inspirado en el metro de Tokio, esta vez lanzaron Cosmic 140. Las tendencias en Internet ya no pasan por nombres ni conexiones sino por mensajes de 140 caracteres.

Los datos provienen  del su Web Trend Engine con 30 gigabytes de datos que analizan las 100 listas más importantes según el equipo de investigación sobre Twitter del Max Planck Institute. El resultado, como siempre, es espectacular y provocador como ese puede ver en este PDF (1,1MB). Si el diseño te gusta podés comprar una copia desde 66 dólares.

Más información: Cosmic 140—Final Beta

Diseñando para el Ipad

· ·

El iPad ya está en la calle y algunos sitios web han comenzado el proceso de adaptar sus aplicaciones para que se vean bien en el nuevo gadget de Apple. Pero hay algunos que buscaron anticiparse y quisieron tener sus diseños compatibles apenas se lanzó el producto. Todo un desafío para los diseñadores.

Information Arquitecture ha publicado una interesantísima reseña donde cuentan el proceso de diseño para un dispositivo que en ese momento no existía ¿Cómo testear el diseño y saber si verá bien? ¿Tendrá la tipografía el tamaño suficiente legible o se verá demasiado grande?

La respuesta no está en ningún artilugio sofisticado sino en algo mucho más habitual: pruebas impresas. Así es, imprimieron cientos de pantallas para evaluar la resolución y determinar tamaños, contrastes y la disposición de los elementos.

Compararon las resoluciones y tamaños de la tipografía con otros dispositivos como pantallas de monitores LCD y el iPhone. Como la interfaz es táctil los elementos interactivos deben sobresalir claramente el 3D está recomendado para botones.

Pero como ya he comentado anteriormente, si bien la interfaz táctil es mucho más natural y habitual tiene el problema que la entrada y salida de la información se realiza sobre el mismo soporte. Por lo tanto, hay que minimizar la interacción del usuario tanto como sea posible y pedirle su decisión sólo cuando es imprescindible. Nada de clics obvios solo para aceptar una acción que de todas maneras se ejecutará.

Jeffrey Zeldman hace un buen resumen del texto de Information Arquitecture y nos da algunos elementos claves cuando pensamos en diseñar para el iPad:

  • Minimizar la entrada de datos, maximizar la salida.
  • El tamaño mínimo de un elemento a pulsar es el círculo del dedo índice. El espacio vale oro y no hay que gastarlo en opciones secundarias.
  • Es más fácil transformar una aplicación para el iPad en un sitio web que hacerlo al revés.