Jeffrey Veen, Jeffrey zeldmany, Dan saffer

Jeffrey veen

Jeffrey Veen

Un libro de introducción al diseño web que entre sus virtudes ofrece una visión de alto nivel de la web para comprenderla como medio y que ofrece también una transición cómoda desde otros terrenos del diseño.

Desde cierto punto de vista, éste es uno de los libros sobre la web más extraño que he leído nunca. En primer lugar, porque trata exactamente de lo que dice el título, del arte y ciencia del diseño web. Por tanto, podría pensarse que se trata de un libro técnico, pero tampoco es así. En realidad, se trata de una visión filosófica y de alto nivel sobre ese punto en el que el arte y la ciencia se solapan (es decir, la técnica) y de la mejor forma de aplicarlo al diseño web. En cierta forma, este libro podría titularse Zen y el arte del diseño web.

Ahí radica su interés.

Evidentemente, lo que Jeffrey Veen ha pretendido con este volumen (conciso y claramente ilustrado, para que podamos leerlo con rapidez y absorber los puntos importantes) es mostrarnos la web tal y como él la concibe, la web como medio, la web como mecanismo de comunicación y transmisión de información. Y en particular, ha pretendido describir la web por lo que no es, por aquello en lo que difiere de otros medio.

Por ejemplo, en lo que difiere del papel.

El papel es rígido. Tiene unas dimensiones determinadas, y antes de plantearse componer algo sobre el papel ya sabemos que mide tantos milímetros de alto y tanto milímetros de ancho. El diseñado es libre para orientarlo como quiera, para elegir el rango de colores, los tipos de letra. Casi todo está sometido al control del diseñador.

La web es muy diferente. Nada se puede dar por sentado. El usuario puede acceder a la web con dispositivos radicalmente diferentes. Nada asegura dimensiones determinadas, colores determinados, tipografías determinadas. El diseñador web debe aprender a ceder el control, a permitir que el usuario tome muchas decisiones que antes le correspondían. Una página web debe ser flexible y adaptarse a la circunstancias de cada uso. Debe dejarse llevar.

Para los diseñadores tradicionales, la web es profundamente frustrante, un medio lleno de limitaciones. Lo interesante de la aproximación del autor es que al final acabamos comprendiendo que el papel es el limitado, que es demasiado rígido, y que la fluidez de la web permite nuevas posibilidades antes imposibles.

En ocasiones, Jeffrey Veen se detiene a ofrecer ejemplos técnicos. Pero lo hace más como demostración que como referencia. Por ejemplo, así lo hace a partir de la página 117 para defender el concepto de un diseño líquido que se adapte a las dimensiones del navegador. O a partir de la página 129, para aprovechar la tecnología ofreciendo la opción de variar los tamaños de los titulares para ajustarse a la circunstancias.

Entre todas las cuestiones que se tratan en el libro (la organización de un sitio web, la consistencia del interfaz, la publicidad...) hay dos particularmente interesantes y donde el autor se moja más.

En primer lugar, una apasionada y convincente apología de XML (página 103) aunque no tiene espacio para meterse en las profundidades requeridas para identificar todos los grandes beneficios del uso de esa tecnología (especialmente en lo que se refiere a XSLT).

Por otra parte, tenemos el último capítulo (titulado, de forma algo extraña, "Edición orientada a objetos"), donde expone la necesidad de crear sitios dinámicos lejos de las páginas estáticas que fueron la norma. Por medio de un ejemplo, en ASP, se arañan algunos de los grandes beneficios que se obtienen al emplear una base de datos y un lenguaje de programación en el servidor. Una vez más, el ejemplo vale lo justo para vislumbrar lo que puede ganarse aplicando técnicas dinámicas.

Arte y ciencia del diseño web está claramente orientado hacia diseñadores venidos de otros medios que se introducen por primera vez en la web. Si bien algunos capítulos beneficiarán a todos (por ejemplo, el relativo a la estructura de sitios web o el dedicado a la publicidad) otros saben a poco para cualquier persona con más conocimientos técnicos o que conozca un poco la web. Aún así, el autor ha escrito uno de esos libros sobre la web que ayudan a pensar como un diseñador web, y que defienden las particulares características de este medio. No es un libro técnico, por lo que no quedará obsoleto en unos meses, al contrario, los principios que defiende seguirán siendo válidos en el previsible futuro. Es, simplemente, un buen libro de iniciación.

Web 2.0 Expo: Jeff Veen y el diseño para cantidades masivas de datos

Nunca imaginé que una charla de menos de 15 minutos de Jeff Veen llamada Designing for Big Data iba a ser de la calidad y lo inspiracional que resultó serlo y creo que Google perdió un activo gigantesco cuando Jeff decidió partir ;)

Básicamente cuando Veen describe su trabajo dice que es “cuando veo algo busco oportunidades de hacerlo más simple… con tecnicas, tipografías, colores en tablas, patrones marcados de otra manera,..” y que es simplemente “encontrar las historias en los datos”.

¿Quieren un consejo? Den pistas visutales, permitan que las herramientas escalen, creen pistas visuales y remuevan todo lo que no esté contando una historia…. cuando en Londres no encontraban el origen de una “enfermedad” John Clow tomó la informacion estadistica, la convirtió en “nubes” que desplazó sobre y descubrieron que era una bomba de agua, supuestamente potable, que tomaba agua de donde no debía hacerlo… la estadística contaba la historia pero se necesitó la creatividad de la pista visual para darle sentido

¿Que ejemplos pone, además de su rediseño de Google Analytics tomando a Measure Map, como ejemplos de buenos diseños de información? rescuetime.com, everyblock.com, y el timeline de Irak creado por el NYTimes en 2004 y que sigue contando una historia.

Hay un cambio de paradigma y dice que, como diseñadores y desarrolladores, uno debe crear herramientas que le permitan a la gente manipular los datos y crear sus propios filtros para permitirles lograr claridad en los datos y dejar a los usuarios encontrar las historias ocultas atrás de las cantidades masivas de datos que se generan hoy en día

Jeffrey zeldmany

Jeffrey Zeldman de Happy Cog y A List Apart

Jeffrey Zeldman es fundador y director ejecutivo creativo del estudio de diseño Happy Cog, fundador de A List Apart, una de las revistas más respetadas e influyentes sobre diseño y desarrollo web; autor de más de 10 libros sobre diseño y estándares web, se le considera un referente en el diseño web que desde 1995 mantiene su blog Jeffrey Zeldman Presents The Daily Report.

Zeldman es el cofundador de la Web Standards Project (WaSP), una página creada por un grupo de diseñadores web profesionales que buscan incentivar y fortalecer el uso de los estándares web recomendadas por el World Wide Web Consortium (W3C) y otras entidades normativas.

El W3C es un consorcio internacional que produce estándares para la World Wide Web. Está dirigida por Tim Berners-Lee, el creador original de URL (Uniform Resource Locator) , HTTP (Hypertext Transfer Protocol)  y HTML (HyperText Markup Language) que son las principales tecnologías sobre las que se basa la Web.

Zeldman promueve el uso de los estándares web porque los considera buenas soluciones  para problemas que se presentan a la hora de realizar diseño web, como en Adobe Flash. Él busca derribar el mito de que las páginas para ser accesibles no deben tener mucho diseño.  Sus libros han ayudado a mejorar cuestiones técnicas, visuales, de usabilidad y accesibilidad utilizando XHTML y CSS.

¿Qué son Estándares Web?

Los estándares web son un conjunto de recomendaciones dadas por el W3C sobre cómo crear e interpretar documentos en la Web. Para introducirnos al término “web standards” podemos apelar a la siguiente definición:

“Cuando se describe que un sitio o página web cumplen con ciertos estándares web, usualmente quiere decir que la página tiene apartes de código HTML, CSS y JavaScript válido o casi válido. La parte HTML debe cumplir también ciertas guías de accesibilidad y semántica, definidas por la W3C.”

Estos estándares son fundamentales a la hora de diseñar en: HTML, XHTML, SVG, XForms, CSS, JavaScript y DOM; también en nombres y direcciones de página correctamente formados y demás recursos referenciados de sus URLs. ¿Qué ventajas tiene un sitio Web que respeta los estándares?

• Es accesible a más personas. Ya en muchos países los sitios gubernamentales están obligados a serlo.
• Funcionan mejor en más dispositivos.
• Se muestran más rápido mejorando la experiencia del usuario.
• Se posicionan mejor en los buscadores.

¿Cuál es la opinión de Zeldman sobre los web standards?

Él explica que durante mucho tiempo, los navegadores se han desarrollado conforme a CSS2, HTML, XHTML, JavaScript y ActionScript, y que por lo tanto, en cierto sentido, el tiempo se ha parado desde 2000, pero cree que la aceptación de las normas ha ido en aumento durante este tiempo.  Últimamente ha habido una toma de conciencia entre muchos desarrolladores y diseñadores, ya que entienden que la web debe ser semántica, y que hay un creciente interés en los microformatos y la curiosidad acerca de HTML5.

Zeldman, que co-fundó el Web Standards Project, en 1998, admite que HTML5 está rodeado de gran malestar. Muchos de los que utilizan web standards están preocupados por la dirección que el HTML5 está tomando, pero él piensa que el panorama general no es realmente tan malo. Para él, la comunidad más grande, la gente que utiliza Dreamweaver o diseña en tablas está comenzando a pensar en la semántica y en la optimización de CSS, y además, todos los frameworks que han salido están ayudando a conseguir la aceptación de CSS. Codigo semantico

Mantenerlo simple

Todavía hay mucho por hacer para mejorar los estándares web, Zeldman cuenta que muchas veces la gente no entiende bien como aplicarlos, y piensa que un buen CSS es el que tiene muchos divs sin código semántico.  Por encima de todo, las cosas deben ser simples.

“Me gustaría poder diseñar tan fácilmente como utilizo el Photoshop. Quisiera poder crear una capa con varias columnas y controlar el orden sin tener que pensar matemáticamente o contratar a alguien super experto para que descifre el CSS porque yo no puedo”

El mundo de los estándares web puede ser muy confuso, y Zeldman ve que muchas veces no son claros y terminan complicando más el uso. La accesibilidad es como la usabilidad, o incluso la estética del diseño. Dos diseñadores miran un diseño y pueden tener tres opiniones al respecto.

La validación es fácil, se realiza ejecutando el sitio a través de un validador, y allí se determina si es válido o no. Pero hay cuestiones que no son tan fáciles de resolver y que están sujetas a interpretación, como si un logotipo o el título más importante debe ser el H1 en el HTML. De todas maneras, casi todo lo que Zeldman utiliza en la web ha sido diseñado con web standards. HTML, CSS y JavaScript se han convertido en la plataforma real de la web.

Encontrar el punto medio entre las tecnologías

Las tecnologías que se utilizan en el diseño web avanzan rápidamente, pero muchos usuarios siguen utilizando viejos y desactualizados exploradores, o prefieren navegadores de sólo texto como Lynx. Obviamente se trata de llegar a la mayor cantidad de audiencia posible, pero tampoco atrasar el desarrollo de los sitios, por lo que hay que encontrar un balance entre la nueva tecnología y sin dejar de lado a estos usuarios de viejo software.

Si se utiliza HMTL 4, ALT tags y la etiqueta TITLE, se contribuye a este objetivo, y también si se usa CSS para las fuentes en vez de FONT FACE y FONT SIZE. El próximo paso sería separar completamente el contenido de la estructura: eso significaría utilizar HTML 4, CSS, y eventualmente reemplazar HTML 4 por XHTML, y migrar a XML.

Datos curiosos:

• En su estudio de Nueva York, Zeldman utiliza iMacs de 24″ con Mac OS X 10.6 Snow Leopard, y su conexión a Internet tiene un download de 10Mb por segundo.
• Es fanático de Tweetie para iPhone.
• El libro más reciente de Zeldman es Diseñando con Web Standards.
• A la hora de editar en HTML usa Page Spinner y TextMate, y para diseñar en papel  o en código, Photoshop e Illustrator.
• Sus aplicaciones de iPhone preferidas son Dropbox, Mobile Me, Snapz Pro X, CoverScout y xScope

 Dan saffer

About Dan Saffer

Photo of Dan SafferDan Saffer is an interaction designer and the author of two books: Designing Gestural Interfaces and Designing for Interaction. He is the co-​​founder and one of the principals at Kicker Studio, a design consultancy in San Francisco that does “interaction-​​infused” product design.

Since 1995, Dan has designed devices, software, websites, and services that are currently used by millions every day. He speaks at conferences and teaches workshops on interaction design all over the world. He and his products have been in BusinessWeek, Fast Company, and Wired, and his design innovations have received several patents.

Dan Saffer is an experience design director at the design consultancy Adaptive Path, specializing in interaction design. An author, speaker, and Vitamin Correspondent, he’s been in the industry for about 10 years helping the community better understand the design of interactive systems, such as websites, software, interactive TV, and mobile devices. He also curates a site called No Ideas But In Things that collects physical interfaces for design inspiration, and oversees a wiki for the collection of new interaction paradigms called Interactive Gestures. In 2006, his introductory book on interaction design, 'Designing for Interaction', was published. In the fall of 2008 Dan’s new book, 'Designing Gestural Interfaces', is coming up. You can learn about Dan on his personal website.