Infotectura

Una excelente entrevista con Eric Reiss, un reconocido miembro de la comunidad internacional de UX y ex-presidente del IA Institute:

Eric siempre habla de forma amena y cándida, y en esta entrevista se enfoca en un tema que nos afecta a todos: la falta de conocimiento que tiene los gerentes y empresarios sobre lo que es el UX y las ventajas que conlleva.

Lee el artículo original en infotectura.com.

Lee el artículo original en infotectura.com.

Genial idea de Amir Khella: usar Keynote para crear prototipos de aplicaciones para el iPad. ¿Lo mejor? El prototipo funciona en el iPad:

Aquí hay más información sobre cómo hacerlo.

Cabe notar que esta técnica funciona para más que aplicaciones en el iPad; básicamente puede usarse para simular todo tipo de interacciones.

[ Vía Adaptive Path ]

Lee el artículo original en infotectura.com.

De acuerdo a una encuesta publicada por el Proyecto de Internet y la Vida Americana del Pew Research Center, el acceso inalámbrico a internet creció 80% en comparación al año pasado. Según la encuesta, 59% de la población de adultos Estadounidenses hace uso regular de los dispositivos inalámbricos. Gran parte del incremento se debe a la popularidad de las redes wi-fi, cuyo uso aumentó en casi 40% durante el último año. Sin embargo, el reporte también presenta un incremento importante en el acceso a través de celulares, especialmente smartphones como el iPhone y los dispositivos Android.

Aunque sospecho que en Latinoamérica estamos todavía lejos de alcanzar cifras parecidas, es importante que tomemos nota. La tendencia es (en mi opinión) implacable: los dispositivos móviles son cada vez más importantes, y posiblemente van a ser el principal medio de acceso en el futuro. Reitero lo que he dicho en varias ocasiones: al producir un sitio web nuevo, no podemos olvidar a nuestros usuarios en “pantallas pequeñas”. En el 2010, simplemente es irresponsable producir sitios que no estén basados en estándares o implementen algún otro mecanismo para ofrecer flexibilidad en la presentación, especialmente si se busca una audiencia masiva (o si el cliente quiere que su inversión dure más de un par de años). Y ni hablar de los sitios basados en Flash: en mi opinión, actualmente es poco profesional producir un sitio en Flash sin antes advertirle a los clientes sobre las limitaciones considerables (y futuro incierto) de esta tecnología.

Lee el artículo original en infotectura.com.

The Living Principles es un nuevo portal comunitario creado para alentar a aquellos “que usan los principios de diseño para crear cambio cultural positivo”.

El sitio apenas está comenzando, pero cuenta con el respaldo de varias organizaciones internacionales importantes, y pienso que puede convertirse en un recurso interesante para impulsar el desarrollo de prácticas de diseño sostenibles.

Lee el artículo original en infotectura.com.

Notable es una nueva herramienta que permite hacer anotaciones a las páginas web. Las anotaciones pueden hacerse sobre el diseño visual de la página, sobre el código, sobre el contenido, o sobre un reporte de SEO generado por el sistema. Pensamos que puede ser una herramienta útil para equipos de desarrollo:

Los costos van desde gratis hasta US$119/mes.

Lee el artículo original en infotectura.com.

Hace un par de semanas escribí sobre la galería de HTML5 de Apple, y sus esfuerzos en evangelizar esta tecnología. Era de esperarse que Apple promoviera agresivamente la siguiente versión de HTML, dada su guerra con Adobe sobre la presencia de Flash en sus dispositivos móviles.

Ahora, Google ha entrado en la jugada con un nuevo sitio llamado HTML5Rocks, que parece ser aún más útil que el sitio de Apple. El sitio es un recurso orientado a desarrolladores web que incluye tutoriales, ejemplos, y una función muy interesante llamada HTML5 Code Playground que permite editar el código de los ejemplos y ver los resultados “en vivo”.

Los esfuerzos de Google en este espacio son notables dado que la compañía ha apoyado públicamente a Adobe en sus iniciativas de traer Flash a los dispositivos móviles Android. (Aplica el refrán: “el enemigo de mi enemigo es mi amigo”.) Con la aparición de HTML5Rocks, me es evidente que los días de Flash como tecnología para presentación de contenido en el web están contados.

Lee el artículo original en infotectura.com.

Interesante visión de Microsoft de los interfaces digitales del futuro:

Me gusta que consideran la posibilidad de otras superficies — aparte de los planos de vidrio — capaces de comunicar información.

Lee el artículo original en infotectura.com.

Me encanta la nueva funcionalidad Explore de Kayak, el popular sitio de viajes. En vez de preguntarte de dónde a dónde quieres viajar, y en qué fechas — como hacen todos los otros sitios de viajes — Explore comienza preguntándote a dónde estás y cuál es tu presupuesto. El resultado es una lista de destinos a los que puedes volar dentro de tu rango de precios:

Este diseño expone la misma data que siempre ha estado disponible dentro de este tipo de sistemas desde un punto de vista completamente diferente. El resultado es un sitio de mucha utilidad para viajeros cuyos presupuestos son más importantes que sus destinos. (Por ejemplo, muchos que van de vacaciones.)

Explore ofrece respuestas diferentes porque comienza con una pregunta diferente: ¿a dónde puedo volar con $x? Nos invita a cuestionar las premisas base de nuestros proyectos. ¿Cuánta diferenciación competitiva podemos lograr si partimos de un juego de preguntas diferentes a las que responden nuestros competidores?

Lee el artículo original en infotectura.com.

Ayer Apple lanzó un producto que promete revolucionar la publicidad en línea. No me refiero al iPhone 4, ni a los iAds que forman parte de su sistema operativo iOS, sino a algo mucho menos obvio y más básico: la versión más reciente de Safari.

Safari 5 incluye una funcionalidad nueva llamada Safari Reader, que permite extraer el texto de las páginas web para verlo en un contexto neutral y sencillo, libre de anuncios, gráficos, y otros elementos visuales de la página. Según Apple, la funcionalidad “elimina los molestos anuncios y otras distracciones visuales de los artículos en línea”.

Aquí hay un ejemplo de cómo se ve este sitio antes y después del uso de Reader:

Como puedes ver, Reader modifica considerablemente la experiencia del usuario del sitio. Por un lado, el resultado es positivo para el usuario: la herramienta crea una versión sencilla de la página con una tipografía y contraste que hacen que sea mucho más fácil de leer. Por otro lado, esto va a ser un trago amargo para muchos sitios cuyos ingresos dependen de la publicidad para sus ingresos, como los diarios y revistas.

Cabe notar que esta funcionalidad no es nueva: hay varias herramientas que han permitido hacer cosas parecidas desde hace tiempo. Por ejemplo, Readability es un bookmarklet que hace casi exactamente los mismo que Safari Reader, y funciona en múltiples browsers, e Instapaper permite guardar versiones básicas de las páginas para lectura posterior. Lo que hace diferente a Safari Reader es que está siendo promovido por uno de los principales fabricantes de la industria como un diferenciador importante para su producto. Apple parece estar reafirmando que los anuncios en muchos sitios son una molestia, y que el control de la experiencia en el web debe estar en manos del usuario. (Es interesante — y no poco irónico — que anunciaron esta funcionalidad el mismo día que lanzaron oficialmente iAds.) ¿Cuánto demorará para que esta funcionalidad aparezca también por defecto en Firefox, Chrome, e IE?

Lee el artículo original en infotectura.com.

WebConf Latino 2010 es una conferencia internacional “enfocada en dar a conocer y promover las nuevas tecnologías de Web en los negocios”. Se va a realizar en Tegucigalpa, Honduras, el 22 y 23 de Julio.

No había escuchado antes de esta conferencia, aunque parece que es el segundo año que se realiza. Aquí hay un reporte sobre la versión 2009:

Me interesa entrar en mayor contacto con personas en estos rubros en Centro América, por lo que estoy considerando asistir. Eso dicho, debo notar que la agenda se ve algo ligera para una conferencia que espera atraer asistentes internacionales.

Lee el artículo original en infotectura.com.

Los proveedores de publicidad tradicional — los medios de difusión, distribuidores, y agencias publicitarias — van a tener que encontrar nuevas formas de responder a los enormes cambios que está atravesando la industria.

Así comienza un nuevo reporte de IBM sobre el estado de la industria publicitaria. El reporte es el resultado de encuestas globales a más de 2,400 consumidores y 80 expertos de la industria, y reafirma lo que ya sabemos los productores de medios interactivos: el internet ha cambiado para siempre el mundo de la publicidad.

Según el reporte, hay cuatro factores que están impulsando el cambio:

• Atención: Los consumidores ahora tienen mucho más control sobre lo que ven y cómo interactuan con los medios, y siguen abandonando los medios lineales como la televisión. (Según las encuestas, el tiempo que los consumidores pasan con sus computadoras ya casi iguala al tiempo que pasan con sus televisores.)
• Creatividad: Aquí el reporte hace referencia a la popularización del contenido generado por los usuarios, y el crecimiento de canales como YouTube en que la mayoría del contenido es producido por aficionados.
• Medición: El internet ha enseñado a los anunciantes a exigir medidas más precisas sobre sus inversiones publicitarias.
• Inventarios de publicidad: La aparición de intercambios abiertos de espacio publicitario está haciendo disponible más canales alternos. Un porcentaje importante de los expertos entrevistados esperan que en cinco años estas plataformas abiertas van a llevarse 30% de los ingresos que fluyen a los canales propietarios actuales, como los medios de difusión masiva.

Mucho se ha escrito ya sobre la crisis que enfrentan los medios impresos en los países desarrollados. El hecho es que los cambios que está atravesando esa industria son solo las primeras señales de cambios mayores que van a afectar a todos los medios de comunicación tradicionales.

Mi predicción: los cambios necesarios para tener éxito en el nuevo mundo requiere que estas empresas — medios, distribuidores, y agencias — compitan agresivamente con sus propias fuentes principales de ingresos. Deben reinventarse por completo, y dejar atrás mucho de su legado. Muchas empresas no van a tener los cojones necesarios para hacerlo, y van a desaparecer como resultado.

Lee el artículo original en infotectura.com.

Apple está empujando fuertemente el desarrollo de aplicaciones web sobre HTML5, CSS3, y JavaScript. Ahora han montado una galería que presenta algunas aplicaciones que emplean estas tecnologías, e información sobre cómo desarrollarlas. Hay pocas compañías tan avanzadas como Apple en este campo, por lo que este sitio es una fuente importante de inspiración, ideas, y educación.

Eso dicho, tan impresionantes como son estos demos, no resuelven uno de las principales limitaciones de desarrollo HTML5/CSS3: la falta de un IDE decente. Es fácil hablar en teoría sobre estas tecnologías como un reemplazo para Flash, pero hay pocas herramientas disponibles hoy que igualan al IDE Flash de Adobe para la creación de aplicaciones altamente visuales en HTML5/CSS3. Adobe ha dicho que va a ingresar en este campo, pero ¿cuándo? ¿Será que Apple se les adelanta con una herramienta para desarrolladores web?

Lee el artículo original en infotectura.com.

El iPad/iPhone/iPod touch no despliegan Flash, y probablemente jamás van a hacerlo. El iPhone OS está adquiriendo cada vez más usuarios, por lo que muchos desarrolladores están iniciando la migración de sus sitios a HTML5. Sin embargo, otros desarrolladores están buscando otras formas ingeniosas de obviar el problema. La más interesante que hemos visto es Smokescreen, una librería JavaScript que lee y despliega archivos SWF. En pocas palabras, es un cliente Flash que corre nativo dentro de los browsers, sin necesidad de tener el plugin de Flash instalado.

El proyecto apenas está comenzando, y todavía tiene muchas limitaciones. Sin embargo, es interesante ver que este tipo de soluciones son posibles. (Como mínimo, resalta el poder de JavaScript.)

Lee el artículo original en infotectura.com.

Smashing Magazine tiene una reseña que detalla las novedades en la versión más reciente de Fireworks (CS5). Fireworks es, en mi opinión, el mejor software para diseñar páginas web disponibles hoy, y es la aplicación de diseño que más uso a diario. La versión anterior (CS4) no tenía suficientes novedades para que pudiera justificar actualizar a todo mi equipo, por lo que estamos todavía usando CS3. Es posible que esta nueva versión sea la que nos empuja a hacer el upgrade. Algunos de los puntos que más me atraen:

• Más velocidad y estabilidad. ¡Por fin! (CS3 se estrella con frecuencia.)
• Mejoras considerables a las funciones de texto. Dado que el diseño web involucra manipular muchos bloques de texto, lo que más sorprende es que las funciones de texto de FW hayan sido tan primitivas. Parece que la nueva versión corrige algunas de las peores deficiencias.
• Es más fácil crear formas compuestas.
• Hay mayor control sobre los gradientes.
• Plantillas. Repito: ¡plantillas! Muchas páginas tienen muchos elementos en común: diagramación, estilos de botones, etc. El poder desarrollar una biblioteca de estilos y elementos nos podría ahorrar mucho tiempo. Pienso que los ahorros ocasionados por esta función pueden ser suficientes para justificar el costo de la actualización.

Hay muchas funciones más, aunque la mayoría parecen ser pequeñas mejoras al interfaz de usuario de la aplicación.

Algo negativo que me llama la atención: varias de las mejoras que menciona el artículo únicamente aplican a la versión Windows de Fireworks. Es increíble que a estas alturas Adobe todavía no sea capaz de mantener paridad entre las versiones de Windows y Mac de sus aplicaciones principales. (No debe sorprender Steve Jobs les haya cogido rabia.)

Lee el artículo original en infotectura.com.

Ya tengo varias semanas de estar usando el iPad (64GB, wifi solamente), y estoy listo para compartir mis primeras impresiones del aparato. No pretendo hacer una reseña completa; las funciones y capacidades del iPad han sido explicadas hasta la saciedad (y más allá) en otros sitios. Lo que voy a explicar es el rol que funge el iPad en mi vida diaria, cosas que hace bien (y cosas que no), cómo pienso que se podría mejorar, y qué pienso que depara el futuro para este tipo de aparatos.

Primero: contexto. Soy cliente de Apple desde hace muchos años (adquirí mi primera Mac — una SE30 — en 1990). Actualmente mis principales computadoras son Macs, y también tengo varios iPods. (Tuve un iPhone primera generación que no sobrevivió un encuentro con un inodoro. No lo he reemplazado... todavía.) Critico muchas de las decisiones que toma la compañía, aún cuando pienso que actualmente representa la cumbre de la excelencia en el diseño de experiencias de usuario. Se puede decir que soy cliente fiel, pero no “fanboy”.

Segundo: expectativas. Cuando vi el video introductorio del iPhone en el 2007, pensé que (por primera vez en mucho tiempo) estaba presenciando algo verdaderamente novedoso en el campo del diseño de interacción. Era claro que este era el primer aparato de un nuevo tipo, tan diferente de sus predecesores como lo fue la primera Mac en 1984. El interfaz multitouch se veía (y es) simplemente genial.

Por el contrario, cuando vi el video de introducción del iPad pensé “parece un iPod touch gigante”. Tengo que admitir que — a diferencia del iPhone — mi primera reacción no fue “lo quiero”, sino “¿me pregunto que rol tendría un aparato como este en mi vida?”. En fin: no me sentí obligado a comprarlo.

Eso comenzó a cambiar cuando leí las reacciones de varios colegas en Estados Unidos. Me intrigó una idea en particular: que el iPad es un nuevo tipo de computadora que funciona más como un artefacto doméstico como una licuadora o tostadora que como una PC tradicional; la primera computadora para personas que no usan computadoras; la computadora para mi abuela. Este argumento tiene mérito: el iPhone (y ahora, el iPad) son completamente modales, y la complejidad está oculta detrás de un interfaz que esconde el sistema de archivos de la computadora y permite usar una sola aplicación a la vez. Eventualmente decidí que era importante conocer el iPad: podía tratarse de un hito importante en la forma en que las personas interactuan con la información. (Gracias a un gesto extraordinariamente generoso de mi hermano, me encontré en posesión de un iPad mucho antes de lo que hubiera esperado. ¡Gracias Jaime!)

Ahora, mis impresiones. Resulta que tener un iPod touch gigante es más conveniente de lo que uno pensaría. Como computadora, el iPad deja mucho que desear. Pero Apple no lo está posicionando como tal: claramente es un aparato diseñado para el consumo de información, igual que la televisión, los lectores electrónicos (el Kindle/Sony Reader), y los videojuegos — y compite directamente con los tres. Las aplicaciones de correo, calendario, y contactos son competentes, pero están lejos de poder suplir la funcionalidad de sus contrapartes en OSX. No creo que esto es algo que se pueda mejorar incrementalmente: el interfaz modal del iPhone OS hace que sea difícil que un “profesional de la información” pueda ser productivo con estas aplicaciones.

Como medio para consumir información, el cuadro es diferente: el iPad es extraordinario como reemplazo para otras formas de entretenimiento en el hogar. La televisión está acabada: el futuro son estas pequeñas pantallas personales que permiten al “televidente” ver exactamente lo que quiere cuando quiere. La televisión de la sala va a quedar relegada a aquellos momentos en que queremos compartir la experiencia con otras personas, aunque sospecho que la forma de interactuar con los televisores del futuro va a ser más parecida al iPad que a los televisores contemporáneos.

Los juegos también son muy divertidos en este aparato, y creo que el iPad va a precipitar una nueva “era dorada” de juegos innovadores. Es importante notar que los juegos que han dominado las consolas durante los últimos 15 años, como los first person shooters, no se traducen bien a una plataforma que no tiene botones físicos. La innovación y frescura de los juegos en el iPad se debe sin duda a que es difícil emular las mismas cosas que han sido exitosas en otras plataformas. Como consola de juegos, el iPad también es altamente social: su forma invita a compartir la experiencia, a sentarse alrededor de el en una mesa a jugar.

Como lector electrónico — como reemplazo al Kindle y a los libros físicos — el iPad es menos exitoso. Como lector, el iPad sufre de dos debilidades por su forma física. En primer lugar, es demasiado pesado: un aparato que uno está supuesto a agarrar en la mano por un período extenso de tiempo debe ser liviano, y 0.7kg es demasiado peso. Las muñecas se cansan después de un rato. En segundo lugar, es simplemente incómodo leer en una pantalla LCD. He podido leer libros largos (e.g. el año pasado leí La Biblia completa) en el Sony Reader, pero en el iPad mis ojos se cansan después de unos 20 minutos. Quizás será porque me estoy poniendo viejo, pero después de un día entero de estar viendo monitores LCD mis ojos necesitan descansar.

Eso dicho, pienso que el principal uso que le vamos a dar al iPad en mi hogar es como nuestra principal tecnología educativa. El tener un solo aparato que combina el video, audio, y texto, de forma interactiva, con el formato de un libro, es revolucionario. Por ejemplo, actualmente estoy siguiendo un curso de Stanford University en iTunes U sobre la Divina Comedia, leyendo el libro, tomando notas sobre lo que aprendo, y buscando más información en el web, todo en el mismo aparato. Genial. Mi hija Julia, de 22 meses, ya ha tomado sus primeros pasos con el interfaz, y puedo ver claramente cómo el iPad se va a convertir en una herramienta importante para su educación.

Mirando un poco al futuro, es bueno primero mirar hacia atrás: a 1984, cuando apareció la primera Macintosh. Como mencioné arriba, el iPhone OS representa un cambio tan radical con sus precedentes como lo hizo el Mac OS en su tiempo. Para muchas personas, la experiencia del usuario del iPad va a ser muy superior a la de una computadora tradicional. Aquellos que pueden vivir con los limitantes de sus aplicaciones — correo, browser, etc. — el iPad puede convertirse en su computadora principal. En fin, creo que el concepto de “la computadora para mi abuela” tiene mérito. (Espero que ningua de las dos lea esto, no vaya a ser que me pidan que les regale un iPad.)

Eso dicho, los reportes de “el fin de las computadoras tradicionales” son prematuros. Los ecosistemas más variados y abiertos siempre terminan ganándole a los más cerrados y controlados: en plataformas de cómputo, la decentralización es clave. El ecosistema del iPad/iPhone/iPod es uno de los más cerrados que ha existido. ¿Será que estamos por ver una repetición de la escena a finales de los años 80, cuando Apple — con su obsesión por controlar la plataforma — terminó cediendo el liderazgo de las computadoras personales a Microsoft/Intel? Solo el tiempo dirá. Por el momento, voy a seguir descubriendo y disfrutando mi juguete nuevo.

Masonry es un plugin de jQuery que permite disponer más fácilmente los elementos en una página web. Es comparable al efecto que se logra con los floats en CSS, pero Masonry ordena los elementos verticalmente y luego horizontalmente de acuerdo a una cuadrícula. El resultado neto es que los bloques de contenido se acomodan al espacio disponible, igual que los ladrillos en una pared. (Masonry en inglés significa albañilería.)

Web Design Ledger tiene un post con 18 ejemplos de wireframes a mano alzada. Algunos son muy sencillos y abstractos, y muestran solamente los elementos de las pantallas y su ubicación. Otros son más detallados, e incluyen sugerencias de tonalidades, dirección visual, y hasta colores. Algunos de los diagramas incluyen sitios web conocidos: Vimeo, Firefox, y hasta Twitter (¡muy interesante ver el concepto original!).

Lo resalto porque en varias ocasiones he encontrado profesionales en nuestro campo que parecen obsesionados con producir wireframes “perfectos”. Estas personas buscan siempre producir diagramas terminados, con calidad de presentación, y pasan más tiempo creando diagramas “bonitos” que pensando sobre los problemas de diseño que deben resolver.

Los wireframes sirven dos propósitos:

1. Permitir al diseñador entender los elementos que va a incluir una página o pantalla, sus tamaños relativos, y su relación entre sí. (El maquetado de la página.)
2. Comunicar al diseñador visual o al programador cómo va a estar estructurada la página o pantalla, y cuáles elementos debe incluir.

Para servir el propósito 1, no es necesario que los diagramas sean perfectos. De hecho, es preferible que sean rápidos y “desechables”: mientras más ideas se puedan explorar, mejor. Es parecido a tomar notas cuando uno escucha una charla: lo que se busca es capturar las ideas, aunque sea de forma imperfecta, por encima de escoger la tipografía correcta u otras preocupaciones estéticas. Como la audiencia es uno mismo, la calidad visual no es tan importante.

En muchos casos, para servir el propósito 2 tampoco es necesario tener diagramas perfectos: basta con que se comuniquen las ideas principales. Siempre y cuando la audiencia pueda entender estas ideas, el diagrama está sirviendo su propósito. Con la práctica he encontrado que cuando estamos tratando con diseñadores visuales, los diagramas más formales producen diseños más rígidos y menos orgánicos. (El resultado final tiende a parecerse demasiado al wireframe.) Por el contrario, los wireframes más informales tienden a producir diseños finales que se sienten más naturales.

En fin, los wireframes informales son preferibles: no nos atan prematuramente a una idea durante el proceso de exploración, y le dan a los diseñadores más libertad al momento de producir el diseño visual.

Eso dicho, a veces es apropiado crear wireframes más formales. Por ejemplo, cuando la audiencia del diagrama es alguien con quien no has trabajado antes, es preferible que el wireframe sea más detallado y preciso, ya que esto reduce las dudas y las oportunidades de equivocación. Además, he notado que los programadores tienden a preferir los wireframes más formales: en muchos casos es la primera representación visual que ven de los requisitos del sistema, y quieren poder explorar las posibilidades del interfaz en mayor detalle.

Varios diseñadores con los que he trabajado se quejan de que “no saben dibujar”, y que por ende no pueden crear diagramas a mano alzada. No creo que esta excusa es válida. En primer lugar, estos diagramas no tienen que ser obras de arte: tienen que comunicar. Siempre y cuando sean comprensibles por la persona que va a implementar el diseño, el diagrama está cumpliendo su función. (Fíjate en el diagrama inicial de Twitter en el link que resalté arriba — es el menos atractivo en la lista.) En segundo lugar, dudo de las capacidades de cualquier diseñador que no se atreva a hacer un bosquejo a mano alzada. El producir experiencias en el web exige al diseñador visualizar y comunicar visualmente. Una persona que no tiene capacidad para comunicarse visualmente tiene un gran reto en esta profesión.

Nota que no he incluido “presentar el diseño al cliente” como uno de los propósitos que sirven los wireframes. En mi experiencia, es un error mostrarle estos diagramas al cliente final. Muchos no entienden la diferencia entre el wireframe y el diseño visual del sitio, y mostrarles wireframes los confunde. Los clientes quieren ver el diseño visual: la representación de cómo se va a ver el sitio cuando esté terminado. Para poder producir el diseño visual lo más rápido posible, es recomendable producir wireframes rápidos e informales. Después de todo, nuestros clientes nos están pagando para producir websites, no para crear wireframes.

Google ha introducido un nuevo servicio que promete expandir las posibilidades tipográficas en el web. El Google Font API permite que los diseñadores web incluir una variedad de fuentes tipográficas libres haciendo un par de cambios sencillos al código HTML de las páginas. Google ha publicado la lista de fuentes que pueden usarse con el servicio; todas son software libre.

El servicio es parecido a TypeKit, pero la selección de fuentes es más limitada. (Por ahora; seguramente Google va a proveer más fuentes en el futuro.) A diferencia de TypeKit, el uso de Font API es gratuito.

La lista de browsers con capacidad de usar el servicio es bastante completa:

• Chrome (versión 4.249.4 en adelante)
• Firefox (versión 3.5 en adelante)
• Safari (versión 3.1 en adelante)
• Internet Explorer (versión 6 en adelante)

Desafortunadamente los principales browsers móviles — iPhone, iPad, iPod, y Android — están excluidos.

Me gusta ver una alternativa libre para la tipografía en el web. Sin embargo, espero que el resultado de este servicio no sea una infinidad de sitios web ilegibles. (Todavía recuerdo con desagrado el abuso de tipografías que vimos en la segunda mitad de los ‘80 como resultado de la popularización del software de maquetación.)

jQuery for Designers es un nuevo sitio web que presenta de forma fácil técnicas en jQuery para lograr diversos efectos web comunes: animaciones, tabs, sliders, etc. Aparte de los beneficios obvios que ofrece el sitio, cabe resaltar la navegación principal: está organizada en base al nivel de dificultad de implementación de las técnicas.

UX Magazine tiene un excelente artículo sobre como escribir instrucciones efectivas en un interfaz de usuario. Específicamente, presenta notas sobre como incluir elementos de texto en los elementos del interfaz (eg. campos en un formulario) para que sean más fáciles de comprender.

El artículo completo está muy bueno, pero cabe resaltar las 12 recomendaciones para crear instrucciones más efectivas:

1. Conoce las sutilezas de tu audiencia
2. Encuentra un balance entre la brevedad y la capacidad de comunicar tu punto
3. Elimina información irrelevante
4. Escoge las palabras más efectivas y precisas
5. Escribe en voz activa
6. Ubica las instrucciones de forma estética
7. Comunica relaciones por medio del espacio vertical
8. Escoge una fuente tipográfica que mejore la legibilidad
9. Usa gráficas si te ayudan a comunicar
10. Hazlo personal
11. Haz tus instrucciones accesibles
12. Prueba tus instrucciones

Me parece que estas recomendaciones también aplican para la creación de cualquier texto en los sitios web.