itakora.com

Creo que éste va a ser el último post recopilatorio masivo de enlaces.

Medición de audiencias

• ¿Cómo interpretar las audiencias de un sitio? Todo depende del color del cristal
• ¿Soy la única que se alegra de que Google entre dentro del contenido de Flash o de que haya sistemas de medición de audiencias compatibles con las RIA? Esto quiere decir que los futuros navegadores para invidentes podrán entrar dentro del contenido flash y seguir los enlaces, tal cual lo hacen ahora con el HTML. Los pasos que están dando Adobe, Microsoft, Google y compañía van en la buena dirección. Por mucho que a la mayoría les duela
• ¿Cuánto depende la audiencia de un sitio de los buscadores? También podría llamarse medición de la fidelidad. Más sobre la importancia de caer bien a los buscadores.
• Pensar en los móviles nos hará ganar un 13% más de usuarios. O eso dice Nielsen

Accesibilidad

• Ojalá pudiéramos dar datos cuantitativos y científicamente demostrados cuando hablamos de los beneficios de la accesibilidad y no un ‘creo que sí‘, palabras de Jesús García, director del área de Accesibilidad Web de la Fundación CTIC
• Prueba WebAnywhere, un lector de pantalla web. Lástima de la pronunciación en inglés.
• Prueba el evaluador de accesibilidad funcional. Porque hay que ir más allá de las pautas WAI y saber cómo afectan las diferentes discapacidades al acceso de la web.
• Referencia obligada, el libro de Just ask ya está disponible en español y gratis.

Experiencia de usuario

• Para empezar, un pequeño ladrillo que debes estudiar como la tabla de multiplicar: planificar el diseño de una experiencia de usuario es un trabajo de equipo, no de una sola persona. Porque uno sólo no puede con todo.
• Aunque se refiere más al diseño, puede y debe aplicarse a toda la planificación de un proyecto:
  saber para quién diseñamos y cómo debe ser un diseño.
• Cómo está el tema de controlar los ordenadores con la mente. Afortunadamente, da pasos de gigante y prácticamente podemos controlar los ordenadores con lo que queramos.
• A veces se nos olvida que hay vida más allá de ‘hacer clic’ o ‘pulsar el botón’
• Cuando los diseñadores creamos hábitos

Arquitectura de información

• Todo lo que siempre quisiste saber para diferenciar wireframe, blueprint, prototipo, storyboard, mock Up o diagrama de contenido te lo cuenta mi tocaya Olga Carreras. Luego seguimos con cómo dar los primeros pasos creando wireframes. Aunque hay algunos detalles que no comparto, como el tamaño predeterminado de pantalla, para empezar en el tema está muy bien (vía Darcy)
• Lo del tamaño que decía anteriormente iba porque ya no nos podemos quedar en diseñar sólo para un monitor grande: ejemplos de grandes diseños pequeños
• Ahora que ya tenemos claros los conceptos, podemos empezar a dibujar en papel los prototipos.
• Darcy se ha currado la traducción-resumen-analisis del famoso texto de Nielsen sobre la arquitectura de la información en intranets
• Diseñar la interfaz sin perder de vista los objetivos del proyecto
• Ya no solo somos ciegos al banner, también ciegos a la navegación

Usabilidad

• Usabilidad implica unos usuarios concretos con unos objetivos concretos y un contexto de uso concreto: ¿cómo de usables son las páginas diseñadas para personas mayores?
• Análisis del diseño de los cajeros automáticos
• A muy grandes rasgos, cómo funciona el eyetracking
• Somos egoistas e impacientes. Nielsen dixit.
• Algunas herramientas para medir la usabilidad de tu web. Ojo, las herramientas te dan datos, la interpretación de los mismos depende de cada uno.

Diseño gráfico

• Mogollón de texturas libres para nuestros proyectos. También chulas estas texturas de papel.
• Más cosas gratis: iconos y más iconos
• Dos lecturas obligadas: Qué es el diseño y conceptos básicos del diseño. Como el famoso libro de Alan Swann pero actualizado al 2008. (via Isopixel)
• Para diseñar carteles, aunque sean institucionales, también hay que tener buen gusto
• Útil listado de fuentes instaladas por defecto en varios sistemas operativos. Luego hay que saber cómo usar varias tipografías en una web para que no se den de leches. (via Isopixel)
  . Algunos buenos ejemplos de mezcla de tipografías.
• Descárgate y guarda esta guía de buenas prácticas para diseñadores de productos industriales impresos. Desde el CNAE para cumplir con Hacienda hasta la proporción áurea (via Isopixel)
• Aplicación online para generar ruedas dentadas y que cuadren.

Móviles

• ¿Qué hacemos con el móvil?
• ¿Qué buscan los mayores cuando utilizan un teléfono móvil?
• Cómo respetando la accesibilidad se mejora la experiencia de navegación web en un teléfono móvil?. Parece que nos va entrando en la mollera eso de hacer webs multidispositivo.

Técnicos

• Estaba procurando no poner nada del iPhone (¡qué tema más cansino!), pero esto me parece chulo y útil:
  Framework CSS y XHTML para desarrollar en iPhone y iPod Touch
• Chuletario imprescindible para programadores
• ¿Qué sería de los desarrolladores son Firebug? Mejóralo con estas extensiones
• Y más extensiones, pero éstas para Iexplorer
• En Opera también tienen su propio debugger

Sobre la profesión

• Ser o no ser freelance, he ahí la cuestión.
• Que no te la den con queso. Deja siempre muy claro qué ofreces y qué no en tus trabajos y sigue los siguientes consejos
• Ayuda a tu cliente a hacer su propio brief
• Por si se nos olvida: el día sólo tiene 24 horas
• Cuida de ti

Después de un pequeño parón por una migración (casi indolora) de hosting, volvemos a la actividad normal.

Vida profesional

• Daniel y Javier se plantean qué hacer con los clientes que intentan imponer sus criterios. Yo prefiero negociar antes de imponer, desde cualquiera de las dos partes. Los extremos nunca son buenos.
• Una de las cosas fundamentales que tiene que aprender todo usabilista es demostrar el valor de su trabajo mediante cifras y no sólo apelar al cuasi metafísico ROI
• Aunque duela, hay que saber dar y recibir críticas a nuestro trabajo. Algo así debe estar pensando Edward Tufte, que se ha atrevido con el iPhone, el sanctasanctórum del diseño de interacción, y las reacciones de la comunidad no se han hecho esperar.

Usabilidad

• Excelente artículo de Yussef en el que te introduce en el Eye-Tracking. Y unas cuantas conclusiones de lo que se consigue con el mismo.
• Gabriel nos ayuda a diferenciar usabilidad de funcionalidad
• Algunos consejos de cómo construir enlaces
• La importancia del modelo mental
• Iba a ponerlo en diseño gráfico, pero se encuadra mejor dentro de los temas de legibilidad: porqué no justificar completamente los textos en la web.
• Un notable esfuerzo por resumir la (ya casi mítica) tesis de Toni Granollers
• Buenos consejos para diseñar un formulario usable
• Jugabilidad, la usabilidad de los videojuegos
• Lista de andar por casa de verificación de usabilidad de un sitio web.
• Algunos errores habituales a la hora de crear cuentas de usuario

Diseño de interacción

• Me fascinan los avances que los videojuegos están consiguiendo para la HCI: Juegos controlados por la mente. Y dentro de poco, ordenadores, teléfonos, hornos…
• Más sobre videojuegos. La Wii nos va a deparar grandes alegrías para los investigadores en este campo. Y es que las videoconsolas se utilizan cada vez más para navegar.

Accesibilidad

• Las pautas de accesibilidad llevadas al extremo. Como dije antes, los extremos nunca son buenos.
• El martes se organiza en Madrid una jornada gratuíta sobre auditorías certificadas de accesibilidad de la mano de AENOR.
• Jakob Nielsen, el mismo que en Fundamentos Web 2004 fue abucheado por decir que la accesibilidad no era rentable, publica sus propias pautas de accesibilidad. Mi tocaya Olga Carreras hace un excelente resumen.
• El Sidar nos descubre Satogo, un lector de pantalla gratuito. No es muy bueno, pero si sólo quieres saber cómo acceden los ciegos a las páginas web, te puede valer.
• Muy buena la parte de legislación de la presentación sobre eAccesibilidad de Olga Carreras
• Manuales y guías para hacer accesibles los vídeos, pdfs, películas en flash….
• Qué son las WCAG 2 y en qué se diferencian de las WCAG 1. Imprescindible

Arquitectura de Información

• ¿Qué es y para qué sirve la arquitectura de información?
• Las bases de la diagramación de sitios, o cómo diferenciar blueprints, wireframes y mockups en lenguaje asequible a no iniciados.
• Montones y montones de patrones de diseño de interacción y también algunos patrones de búsqueda.

Web 2.0

• Últimamente están de moda los comparadores de datos, no de opiniones, como este de productos financieros , políticos o de precios de billetes de avión. Todo sea por controlar la explosión de datos, no de conocimiento, que supone la web.
• Medio en broma medio en serio, las características de todo sitio web 2 que se precie, aunque empecemos a estar un poco hartos de ello.

Planificación de proyectos

• Algunas de las razones por las que muere un proyecto web. Yo apuntaría una décima, que es insuficiente financiación inicial.
• Olga Fernández Berrios nos plantea algunas cuestiones que afrontar cuando empecemos un proyecto web
• Qué aspectos hay que tener en cuenta cuando tu cliente te pide que su proyecto tenga “apariencia de modernidad“
• Diferentes tipos de usuarios en el e-commerce. Y no se refiere sólo a los clientes de la tienda frente a nuestros clientes
• Algunos puntos de control de todo proyecto web

Técnicos

• Se me está oxidando el Javascript con tanta librería, framework y ayudas para programar.
• El problema del subpixel y cómo lo renderizan los diferentes navegadores
• La W3C ya acoge el HTML 5.
• Algo raro pero parece que funcional: ejecutar Javascript en servidor. ¿Pera para eso no estaban ya los lenguajes de servidor?
• Cómo hacer que Internet Explorer 7 se comporte como debería comportarse mediante una librería de Javascript
• Cómo transformar tu diseño de Photoshop a XHTML de una forma airosa

Web Móvil

• Cómo verificar que tu aplicación web está preparada para ser utilizada en el móvil y verificar que cumple los estándares de la W3C.
• Dos opciones para crear tu sitio web móvil: Jagando y Google Mobilizer. (vía Olga Carreras)
• Manifiesto 2008 de experiencia de usuario móvil. Parece un brindis al sol, a ver en qué se concreta.

Diseño gráfico

• Pixel y Dixel me descubrieron Vector Magic, una estupenda herramienta para vectorizar imágenes online
• Y ya que tienes tu fotografía vectorizada, puedes manipularla de mil formas gracias a los tutoriales de Adobe Illustrator
• Dos herramientas para manipular PDFs: manipular documentos pdf y otra para pasar de PDF a WORD
• Imprescindible historia de la comunicación visual
• Cómo diseñar iconos. No es tan fácil como parece. De paso, unas cuantas librerías de iconos gratuitos.
• Unas cuantas texturas gratuitas