Itákora

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

Después de una temporada de infoxicación por rss, he reducido mis feeds a la mitad. Aquí los más interesantes.

Usabilidad

• GPS integrado en el parabrisas. ¡Genial!
• Por tu propia salud mental, no pidas pizza por internet a Telepizza. Yo lo intenté y, después de 20 minutos, me di por vencida y bajé a la pizzería de la esquina. Algo parecido le pasó a Dani Seijo. Se ve que los diseñadores no leyeron este post sobre pesadillas de la usabilidad.
• Segunda parte del artículo de generación de confianza escrito por Javier Cañadas para Capire (¿¿¿a estas alturas no estás suscrito a Capire???). Importante para enfrentarse a los miedos sociales. Estas agencias de viajes se lo tendrían que leer.
• Algunas directices que se obtienen a través de análisis de eyetracking.
• Misceláneo post de Olga Carreras con direcciones que van directas al Google Bookmarks
• El arte de enlazar frente al “pinche aquí”
• Vídeos de usabilidad.
• Cómo diseñar productos digitales. También aplicable a los no digitales. Más sobre el tema del buen diseño.

Arquitectura de la Información

• WWFF nos enseña a plantear arquetipos. Parte 1 y Parte 2.
• Un poco más antiguo, pero WWFF también nos enseña cómo se prototipa y cual es el mejor prototipo según tu audiencia. Pero recuerda pensar antes de hacer nada.
• Diseñar interacción con papel y lápiz.
• Cómo escoger el mejor tipo de gráfico para mostrar la información

Accesibilidad

• 10 simuladores de personas con problemas de visión. Cómo evitar ataques de epilepsia. Cómo hacer que los sordos disfruten de nuestra web. Porque la accesibilidad no es sólo para ciegos.
• Medir la facilidad de lectura de tu texto
• Antiguos mitos y Nuevos mitos sobre la accesibilidad. En concreto el de que la accesibilidad es costosa y difícil es cierto y lo puedo demostrar ante cualquiera.
• Ajax accesible. Otra técnica más. Y van…

Diseño gráfico

• Pinceles y más Pinceles chulos para photoshop
• Para que no te preguntes qué tipografías utilizan las marcas más conocidas
• Plantillas vectoriales que te ahorrarán mucho tiempo y archivos de photoshop que te harán salir antes del despacho.
• El mito de los 72dpi
• Yo también estoy un poco harta del diseño 2.0.
• Dos videos geniales para entender lo que es la proporción.

Ergonomía y Psicosociología del Trabajo

• Hace tiempo que le tengo declarada la guerra al ratón por motivos ergonómicos. Este aparato podría ser una solución.
• Un mal día lo tiene cualquiera. Aunque nos lo tomamos con humor, hay gente realmente jodida por este tema. La relación es de amor-odio. Mejor plantear ideas para cuando los jefes no están. Yo apostaría por evitar la multitarea

Técnicos

• Una barra y Otra barra de inspección del dom de páginas web para navegadores.
• Más funcionalidades para hacer tu página compatible con la Wii
• Ahorra tiempo con estos formularios de AJAX+CSS ya creados. Y no olvides estos buenos consejos a la hora de crear formularios.
• Cuando los estándares se convierten en un fin y no en un medio.
• Hazlo por los que luego tendrán que enfrentarse a tu código: mejores prácticas para codificar javascript
• ¿Cómo se ve mi web en un móvil?
• Me gustaría probar el UbuntuStudio junto con algunas de las aplicaciones de diseño libres que he visto, a ver cómo se comportan frente a un archivo psd, un 3ds o un fla

Llevo desde agosto sin vaciar la pila de Google Reader, así que puede ser un poco largo…

Accesibilidad

• Olga Carreras da otra lección magistral de AJAX accesible
• Fran Tarifa nos enseña a utilizar correctamente el longdesc de las imágenes
• Gabriel Porras recopila un montón de recursos útiles para desarrolladores web relacionados con la accesibildad y los estándares
• También de Gabriel, un gran artículo sobre mitos de la accesibilidad web. Gracias a este artículo descubrí también Access Matters, un blog en inglés que trata la accesibilidad desde aspectos prácticos.
• Parece que le voy a fusilar el blog a Gabriel, pero es que tiene artículos muy interesantes. ¿Cómo navegan las personas ciegas? Con videos incluidos. También enlaza una fenomenal presentación de cómo ser talibán de la accesibilidad es malo.

Usabilidad

• Cómo se tienen que usar las pestañas en el diseño de un sitio web (ahora que Amazon ha vuelto a ellas).
• Una buena introducción a las analíticas de la web
• Diccionario de usabilidad(via aNieto2k )
• Dani Armengol reflexiona sobre cómo valorar los criterios de valoración
• Mide el rendimiento de tu sitio web, en términos de peso de páginas y esas cosas 1.0 pre ADSL
• Cómo pequeños cambios en el diseño de los formularios afectan a la usabilidad (y vistosidad) de los mismos.
• 11 heurísticos de análisis de contenidos

Diseño web

• Este post de Olga Carreras debería ser obligatorio en toda escuela de diseño web que se precie: la plantilla base XHTML paso a paso.
• Los 8 grandes errores del diseño web. Hay otros muchos errores, pero si somos capaces de reparar estos 8, ya habremos ganado mucho terreno.
• Comprueba que tus estilos CSS están siendo utilizados de verdad (vía Fran Tarifa).
• Elige tu hoja css de reset. Hay cienes y cienes
• Gracias al cosmonauta, llegué a esta presentación sobre tipografía en la web con muy buenos consejos.
• Anieto2k nos enseña a dar estilo a los botones de input file mediante css y javascript
• Breve introducción a lo que va a ser HTML5 (¡que ya es hora, señores de la W3C!)
• 125 códigos útiles para tus desarrollos web, de esos que combinan css, ajax… (vía Juque )
• La pregunta del millón: ¿utilizar ancho fijo, líquido o elástico? ¿O mejor uno híbrido?
• Varias soluciones a la altura de las columnas
• Generador de preloads de ajax. Esos que tanto irritan, pero a tu manera. (vía Isopixel)

Arquitectura de la Información

• Imprescindible post sobre AI y Ciencias de la Información
• UiaML es un lenguaje de modelado de prototipos basado en UML. Es un poco complejo, pero Gabriel lo explica para que todos lo entendamos.
• Para complejo, el post que se marca WWFF sobre nwIA. Sólo apto para profesionales del medio.
• El análisis de secuencia como herramienta de AI. Otra forma de organizar las cosas. Del mismo sitio, más técnicas de AI.

Diseño

• Gracias a los alquimistas, descubrí un resumen de teoría y metodología del diseño
• Ya ha salido el tercer capítulo de la serie de diseño de frameworks para portales y similares basados en portlets (la gente de peoplesoft los conoce como pagelets)

Móviles y PDAs

• Experimento de Microsoft para pantallas táctiles en dispositivos pequeños.
• Jota recopila información sobre cómo diseñar para móviles

Web 2.0

• Ya podemos leer otro libro sobre la Web 2.0. Espero que no sea tan ‘elitista’ como el de Antonio Fumero.
• La casa del libro se suma a los sitios web 2.0

Congresos

• Daniel hace un repaso de lo mejor de Interacción 2007 y sobre MobileWeb 2007.

Humor

• Colección de páginas de error 404. (vía OINK)
• Generador de excusas. Ideal para esos freelancers a los que les cuesta dios y ayuda entregar los trabajos a tiempo.
• Otro generador automático: ideas para proyectos. He probado algunas combinaciones y algunas son factibles y ¡posiblemente rentables! (via OINK)

Experiencia de Usuario

• Error500 se cuestiona el éxito de este raton híbrido con el mando de la Wii. Yo no me lo cuestiono: es el primer paso de la muerte del ratón tal cual lo conocemos. El siguiente paso es la interfaz virtual táctil en 3D aún en desarrollo.
• Dani Armengol analiza cómo la Wii se adapta a los usuarios (conociendo incluso el peso y cómo cargan el mismo en cada pie). De esta forma, en vez de dirigirse a un nicho de negocio muy segmentado (varón, de 20 a 30 años, etc.), puede abrirse a un espectro mucho más amplio. En este mismo sentido, Peter Merzhol habla de vender experiencias y Sharon Lee de diseñar de humano a humano.
• Otra iniciativa de Nintendo es el reconocimiento de expresiones faciales de la DS (para más información de este tema, recomiendo seguir el trabajo de Eva de Lera y Muriel Garreta-Domingo).
• De 4 años a esta parte ha habido una explosión de aparatos de GPS para los conductores sin duda por su utilidad. Pero a veces nos olvidamos de que algunos avances tecnológicos suponen riesgos a los usuarios. No Ya tengo el link a mano, pero sé que hay gente desarrollando un parabrisas que se integre con el GPS, de tal modo que nos muestre directamente las indicaciones en el mismo plano de visión.
• Ramón Puchades, uno de los pioneros del comercio electrónico en España, habla sobre la experiencia de compra en la red. Un foco flojillo el post, pero como introducción al tema no está mal. Me gusta más este otro artículo de Javier Cañada sobre cómo generar confianza y credibilidad.

Accesibilidad

• Joe Clark se muestra un poco radical en determinados aspectos que tradicionalmente se tienen en cuenta en accesibilidad.
• Seguimos en modo crítico: parece que las WCAG 2 van a traer cola.
• Olga Carreras (cada post suyo vale su peso en oro) nos informa de cómo hacer PDFs accesibles.

Productividad

• 30 herramientas y recursos para ser más productivos en nuestro trabajo. Vía Blog.off.
• Se multiplican los consejos: 20 consejos para ahorrar tiempo y energía, 6 para aumentar el nivel de eficiencia y otros 7 para organizar el trabajo en la empresa. Sumamos 5 factores más y ya lo dejamos por hoy.

Técnicos

• Eso de que los navegadores interpreten las CSS como les venga en gana es un poco desquiciante, lo reconozco. Metal.ize nos da una lección magistral de cómo conseguir que se muestre igual en todos lados sin necesidad de utilizar los hacks de CSS.
• Algoritmos de ordenación de forma visual. Para programadores que empiezan
• Generadores automáticos de plantillas CSS. Directo a mis Google Bookmarks.
• Paquete Javascript para validar varios tipos de datos. Sigue el mismo camino que el anterior.

Congresos, Revistas y similares

• Daniel Torres Burriel comenta lo sucedido en la Jornada de Usabilidad de Walqa: uno y dos
• Chema Martínez-Priego nos propone dos charlas sobre innovación.

Web 2.0

• La mejor definición habida y por haber de la Web 2.0. En las Jornadas de Alfabetización Digital 2.0, Mario Tascón, director de contenidos de PrisaCom, explicaba sin rubor este tema: cómo hacer que los lectores te rellenen tus páginas gratis y así evitar pagarle a las agencias y profesionales de plantilla.
• Fran Tarifa nos descubre cómo creemos que funciona la Web 2.0 y cómo funciona en realidad.
• Nintendo (y ya van 4 veces mentada en este post) ha entendido la filosofía de la Web 2.0 y va a abrir la Wii a desarrolladores externos.
• Las empresas ven un filón en esto de la Web 2.0 y están tratando de amoldar su oferta a la nueva demanda. El caso de IBM.

Arquitectura de la Información

• Juan Freire reflexiona sobre cómo gestionar todo el aluvión de información que se nos viene encima con la Web 2.0.

Usabilidad

• Consejos para enfrentarte a un ejercicio de investigación directa del usuario.
• Si tienes alguna duda sobre usabilidad, y en la lista de Cadius no encuentras la respuesta, pregúntasela a Eric Schaffer de Human Factors.
• Sergio Ortega ha recopilado algunas imágenes divertidas que ilustran qué es la usabilidad.
• WWFF reflexiona sobre las diferencias entre análisis cuantitativo y cualitativo de los test de usuario y sobre cómo se relacionan el diseño de interacción y el prototipado del producto.
• Cómo dar malas noticias de tus análisis de usabilidad. Recuerda: siempre positivo, nunca negativo. Conceptos a utilizar: ‘areas de mejora’ en lugar de ‘errores’, ‘oportunidad de cambio’ en lugar de ‘esto no funciona ni de broma’, ‘ampliación de funcionalidades’ en lugar de ‘aplicación muy pobre’, ‘habéis entendido la idea pero hay que profundizar un poco más en…’ en lugar de ‘no se parece en nada a lo que hablamos en un primer momento’.
• Cuidadito con cómo interpretar los resultados de los análisis. Ya lo decía mi profesor de Teoría de la Información: las encuestas son lo más fácil de manipular del mundo.

Móviles

• Telefónica lanza de vez en cuando anuncios para recordarnos que el teléfono móvil sirve para muchas cosas aparte de para llamar y enviar mensajes. Pues parece que no tienen mucho éxito sus campañas.
• ¿Es cierto que se necesitan 78 pasos para configurar el correo en un móvil Nokia? Mal vamos.
• Luis Villa habla sobre cómo diseñar para la web móvil.
• Probando Opera Mini.

Diseño de interacción

• ¿Cómo dar feedback en pantallas táctiles?

Diseño web y gráfico

• Ale Muñoz impartió una charla sobre diseñar con retículas a la gente del proyecto Vostok. Si alguien quiere leer más sobre este tema, recomiendo el libro de Alan Swann “Cómo diseñar retículas”, escrito cuando internet aún no había salido de ARPA NET, pero tan válido ahora como entonces.
• Consejos muy básicos para diseñar un blog.
• Un poco de humor: si los diseñadores web fueran arquitectos (¿o era al contrario?)

Ilustración y arte

• Los niños nos demuestran que tenemos la imaginación atrofiada: dibujos de niños repintados por expertos.
• ¿Son molinos? ¿Son mariposas? ¿Son gigantes?

Diseño de interacción

• Por qué y cómo explicar a los clientes qué es una metodología centrada en el usuario de Marc Sanmartí
• El diseño como meta-disciplina (o por que es demasiado importante para dejarlo en manos de los diseñadores) de Juan Freire
• El Cosmonauta recomienda 10 cosas que se puede aprender de Apple
• Artísticos interfaces futuristas. ¡Molan! Lo que habría que ver es si son útiles.
• ¿Qué quiere decir que una aplicación es rica?

Diseño gráfico y web

• Botones al estilo Wii (vía Godsea)
• Breve curso de introducción a la tipografía eficaz. También interesantes las recomendaciones de tipografía accesible, descubiertas gracias a Planet HCI.
• ¿Es cierto que han retirado el logo de las olimpiadas de Londres 2012? Hombre, que gustara a quien lo diseñó y lo pagó no significa que le gustara al resto de la humanidad, en especial a los epilépticos.
• Un poco de humor: cómo bregar con las peticiones raras de los clientes.

Web 2.0

• La disrupción que conlleva la Web 2.0 de Elena Ynduráin, Industry Marketing Manager de Nokia España
• Los políticos han empezado a descubrir lo que significa de potencial promocional la Web 2.0.
• The Five Principles of Successful BtoB Social Communities

Usabilidad

• Buenos consejos para cuando empiezas a trabajar en el mundo de la usabilidad. Se complementa con este post sobre cómo tratar con todos los implicados en el proceso, descubierto en Column Two.
• La ley de Amdahl y la usabilidad
• Cómo hacer una evaluación heurística de una estafa.
• Algunas ideas de cómo usar a las “personas”. Y no me refiero al concepto maquiavélico, sino al de usabilidad
• Si vas a vender a un cliente un proyecto de usabilidad, ten preparadas las respuestas para estas preguntas que el cliente te va a hacer. Via Alberto Lacalle.

Accesibilidad

• Ya está disponible la nueva versión de la Barra de Accesibilidad
• Lo que el futuro depara a la accesibilidad. Empezando por la Web 2.0.
• Escoger un CMS accesible. No habla de los más conocidos ‘comercialmente hablando’
• Luis Vila, el niño que decía que el emperador iba desnudo: Los costes económicos de la accesibilidad
• Imprescindible: cómo ‘ven’ los ciegos las páginas web, tanto accesibles como inaccesibles. Vía Alberto Lacalle.

Arquitectura de la Información

• Prueba esta herramienta de Cardsorting ayudando a hacer la clasificación de papers del IA Summit. La verdad es que es complicadillo.
• Es posible que esta característica ya estuviera hace tiempo, pero me entero gracias a Oink que en Google ya puedes buscar retratos de personas marcando la opción “faces”.
• Reconozco que no conocía la herramienta Gapminder para visualizar datos, pero tras probarla me la he apuntado a mis favoritos sin dudarlo
• Modos y herramientas de prototipar sitios dinámicos. Marc Sanmartí recomienda este artículo sobre Visio para estos menesteres. Maria José Aquilar ya habló de este tema hace tiempo, recomendando los stencils de Nick Finck. Reconozco que yo los uso desde hace tiempo y me resultan muy útiles.
• El Zen y el arte de la arquitectura de la información

Técnicos

• ¿Alguien ha probado la librería de javascript Mootools? ¿La recomendaría?
• Librerías de CSS, útiles para menús horizontales y verticales, links, botones…
• Las mejores prácticas para la web móvil
• Adobe AIR para crear aplicaciones RIA sin Flash pero con AJAX y HTML

Revistas, congresos y similares

• Me entero gracias al cosmonauta que la empresa amable ha creado una revista de HCI llamada Capire. Ya van dos números y los artículos, aunque no muchos (5 por entrega) son interesantes y de buen nivel.
• La revista Faz espera a su primer número. Animo a todos los que nos dedicamos a este mundillo a que lo intenten. En cuanto tenga mi artículo para el doctorado terminado, pediré que lo publiquen
• Nuevos congresos a la vista: El Congreso de los Webmasters en Madrid y el Europe’s Third Information Architecture Summit en Barcelona. Después del fiasco de Ser Estandar, me apetece mucho más el segundo que el primero, pero me pilla más cerca y más económico el primero. De hecho, cuando de un taller de dos días te dicen que “Veremos en profundidad herramientas y lenguajes de programación y diseño web como Photoshop, Flash, DreamWeaver, PHP, CSS, HTML…”, me echo a temblar. Ya os contaré.
• Al final no pudo ser entrar dentro de los finalistas de fundamentos web. Aunque suene a topicazo, me lo he pasado bien participando. Mis favoritos para ganar los premios son primero Blue Spring, segundo Equilibrio y el tercero desierto. Prefiero no comentar nada del sistema de votación muy a lo web 2.0, que la puntuación “colaborativa” está reñida con la puntuación “competitiva”.
• Ya se pueden descargar las ponencias del Congreso Internacional de Diseño de Información Códice 6 en mp3. Aún no las he podido escuchar, pero si vienen con la recomedación de los Alquimistas, no podemos dejarlo pasar.

Usabilidad

• Marc Sanmartí nos propone una serie de criterios para evaluar un proyecto. En este caso lo aplican al diseño web, pero puede aplicarse a cualquier tipo de diseño. También en esa línea, un artículo de Alberto laCalle sobre incorporar al usuario en el proceso de diseño.
• Vídeo de 45 minutos que se puede resumir en que “si haces una web cutre y publicidad mala, tu imagen de marca pierde valor“. No es que descubra la luna a estas alturas, pero como viene del sacrosanto Google, no puedo dejar de ponerlo.
• Entrevista con el equipo de usabilidad de Opera. Ya se pueden poner la pilas, porque yo era usuaria convencida de Opera, pero últimamente me he dejado seducir por la infinidad de extensiones que tiene Firefox. Dicen que su intención es adaptar Opera a todos los dispositivos. De momento en la web móvil llevan ventaja. Quizás lo más interesante es cómo intentan convertirse en el navegador de referencia para personas con discapacidad. Muy interesante.
• Gracias a Albero laCalle descubro Morae, un software para medir la usabilidad de una aplicación. Vídeo de demostración. Más información sobre cómo medir la usabilidad nos la da Will Web For Food en un artículo sobre UEM (Métricas de Evaluación Usabilistica). Otra forma de medir la usabilidad es hacer test de usuarios. Sergio Sánchez Mancha ha publicado un interesante post sobre los comics que describren situaciones de interacción. Más sobre comics de test de usuario en Planet HCI. Por último, la versión barata de mediciones de usabilidad de una aplicación han sido, son y serán las estadísticas, rebautizadas como “analíticas“.
• Comparativa de lectores de feeds. Vía Blogoff. Tengo mucha curiosidad por saber cómo va el lector de feeds de la factoría vostok.
• Cómo diseñar formularios de forma efectiva. Argumentos a favor y en contra de distintas posibilidades. Muy recomendable. También relacionado con los formularios escribe Armando Fidalgo cómo se le puede ayudar al usuario a no fallar mientras se relaciona con un formulario. En cualquier caso, se debe proporcionar ayuda dinámica en los formularios.
• Un poco de luz sobre por qué los servicios que utilizamos están llenos de funcionalidades que no necesitamos. El difícil equilibrio entre la gente de marketing y la gente de diseño.
• Usabilidad 2.0.. Recomiendo ver el vídeo completo.

Diseño gráfico y web

• Me encantan las comparativas de diseño de objetos cotidianos Quizás el más interesante, en relación a la efectividad de la comunicación, es esta comparativa de Menús para comer en el coche. Dejando de lado que considero muy triste comer dentro del coche, es curioso ver cómo cada cual, a su manera, intenta dar toda la información relevante y convincente en un contexto tan dificil: el lector se encuentra en movimiento, a unos metros del cartel, probablemente con poca luz… Por su parte, Lima Limón también ha comparado diferentes parquímetros.
• Aprovechar la capacidad de los PNG de tener una transparecia gradual, o lo que es lo mismo el canal alpha a varios valores dentro de una misma imagen. Dado que Internet Explorer 6 no lo soporta, se incluyen también hacks con javascript y css.

Técnicos

• En barrapunto han encontrado la forma de crear aplicaciones basadas en otras aplicaciones y no morir en el intento. Interesante la aplicacioncilla de los embalses, y sin saber (teóricamente) nada de programación. Una herramienta para crear este tipo de aplicación es Popfly, de Microsoft.
• Herramientas online gratuitas para que todo valide, incluyendo compatibilidad entre navegadores y móviles. Vía Web Posible. Hablando de móviles, recomendaciones para crear aplicaciones para el móvil
• Una forma elegante de decorar los botones de nuestro sitio web mediante css.
• Mi tocaya Olga Carreras ha escrito un excelente artículo (otro más) sobre cómo hacer que las aplicaciones que utilicen AJAX sean accesibles. Lo más importante que tenemos que tener en cuenta es que AJAX es un medio, no un fin.
• Otra forma de diseñar para la Wii. Ver también librerías para hacer funcionar nuestras aplicaciones en la Wii a través de Opera.

Experiencia de Usuario

• Parece que ya está aquí la mesa interactiva táctil de Microsoft. A primera vista parece un mamotreto, pero seguro que pronto lo vemos en los restaurantes y similares.
• Las pantallas flexibles darán mucho que hablar. Y no creo que haya que esperar tres años para tenerlas entre nosotros.

Productividad

• 10 maneras de mejorar la productividad.

De los miles de post que llenan mi google reader todas las semanas, he hecho una pequeña selección de los más interesantes. Aviso que este post va a ser largo. Espero que os resulten útiles.

Experiencia de usuario

• Motivación para hacer deporte: no basta con integrar las zapatillas con el Ipod, o integrar los videojuegos en el gimnasio o en las clases de educación física, el deportista moderno necesita comunicarse con otros corredores
• Jugar a la Wii puede ser divertido o puede ser excitantemente divertido. El Negone se va a quedar vacío si los videojuegos en primera persona son cada vez más realistas.
• La gente de Microsoft ha desarrollado una forma de interacción con los ordenadores que -ojalá no me equivoque- se implantará por su comodidad y facilidad de uso. El animalito se llama Digidesk y ya le podemos decir au-revoir a los periféricos. Se parece a esta de Perceptive Pixel, pero menos espectacular. En Linux tenemos esta aplicacioncilla que tampoco está tan mal.
• Relacionarse mediante la voz con los ordenadores es un reto aún hoy. ¿Tú realizarías una transferencia bancaria sólo por voz? Sería para pensárselo dos veces, por lo menos. Y hablando de pensar, ¿manejar el ordenador con la mente?

Usabilidad

• La empresa Metodus propone estas 20 leyes de usabilidad. No son todas las que son, pero sí son todas las que están. Lo que preocupa es que no se proporcionan pautas generales, sino casos específicos. En cualquier caso, para “leyes oficiales” tenemos a Jakob Nielsen, y, sinceramente, son bastante cuestionables a veces. (via Fran Tarifa). Estas otras pautas también están bastante bien.
• Enlaces contra botones. La teoría es de Nielsen. Que lo apliques o no es cosa tuya. Jordisan también escribe sobre los enlaces y su funcionalidad y Dani Armengol relaciona los enlaces con la ley de Fitts.
• Daniel Torresburriel plantea lo que ya (el omnipresente) Nielsen dijo en su momento sobre la calidad y la usabilidad van de la mano.
• Una de los parámetros para medir la usabilidad de una aplicación es el tiempo que se tarda en completar una tarea. Pero el valor del tiempo es tan subjetivo…
• Cómo diferenciar funcionalidades de tareas.
• Conocer un poquito más el eyetracking nunca está de más.

Arquitectura (Categorización y Recuperación) de Información

• Prueba diferentes formas de recuperar la información de la red gracias a Google Experimental. Me gusta en especial la timeline, aunque la que me descubre Torresburriel también está muy bien. Esto se empieza a parecer al despacho de Jack Malone. (via Planet HCI)
• No he podido probar The Buzz porque la página de descargas falla, pero he visto unos cuantos pantallazos y tiene buena pinta. Según dicen en Information Aesthetics, es una herramienta gratuita que permite recuperar y presentar de forma personalizada información de diferentes fuentes.
• Yahoo ha hecho un estudio de cómo los usuarios eligen los resultados de la búsqueda que les son relevantes. Estuve un año trabajando para Google evaluando la calidad de los resultados de sus búsquedas, y las propuestas que hace Yahoo de parámetros decisorios me parecen más que razonables.
• Las etiquetas-tag que clasifican contenidos son una de las innovaciones de la web semántica. Veremos si son sólo una moda o no.
• Mientras que Yahoo eliminó su obsoleto directorio, las webs con muchos contenidos los potencian.
• ¿Final? de la saga sobre Arquitectura de la Información a cargo de Torresburriel.

Técnicos

• Algo pasa con la nueva versión de (X)HTML. No es normal que tarde tanto en publicarse, ni tampoco que la gente involucrada en su especificación adelante que se va a cargar la web semántica si las grandes compañías se salen con la suya.
• Cómo se visualiza unsa página web en distintos navegadores. (Via Blogpocket)
• Curso de Ajax. Muy recomendable.
• Utilizar la metodología POSH es una buena idea. Simplemente es utilizar etiquetado semántico frente a etiquetado de presentación.
• Crear sitios web compatibles con la Wii. Una librería .js y tus .css, y ya lo tienes.

Diseño de interacción

• Conoce las metodologías y los diseños centrados en el usuario como si fuera un juego de mesa. Una idea muy buena de la gente de la UOC.
• Los cosmonautas ya empiezan a ejercer. Aquí explican cómo están diseñando su lector/agregador/llamémosleequis de feeds.
• Cómo enfrentarse a un diseño de interacción complejo. El caso de AVIS
• Formularios de registro 2.0. De sentido común, vaya.
• Lista de herramientas para crear diagramas, gráficas y diagramas de flujo

Diseño gráfico y web

• Iconos estilo Web 2.0. Muy chulos.
• Muchos themes para wordpress para que te inspires. El nuevo de Itákora va muy bien, pero aún está a falta de validar un par de navegadores y pronto lo pondré operativo. Por cierto, no recomiendo el generador de themes de wordpress, te deja a medias del proceso.
• Real como la vida misma: a qué dedica su tiempo el diseñador web.
• Cómo utilizan el color los blogs más conocidos de EE.UU.. Predominan blancos, negros, azules y grises. Curioso, cuanto menos.
• ¿Quién me ha robado la belleza de las páginas web? ¿Quién se ha llevado mi queso? (Via Pixtorm)
• Paleta de colores con esquemas. (Via Blogpocket)
• Degradados para la Web 2.0. Yo los utilizo a menudo ya.
• Ejemplos de sitios web de turismo.
• Libro Diseñar gráficos para juegos de arcade. Ahora en e-book y gratis.

Accesibilidad

• Mi tocaya Olga Carreras ha elaborado un estupendo informe sobre los distintos tipos de certificación de accesibilidad existentes en el mercado. Ojalá fueran tan rigurosas como se publicitan. Ojalá algunas no fueran un perfecto timo.
• Aplicaciones RIA 2.0 accesibles. Quizás debería ponerlo en técnicos.
• Guía de estilo sobre discapacidad para profesionales de los medios
• Herramienta para verificar que una web es accesible para daltónicos.

Psicología/Sociología

• Cómo realizar o no una entrevista con un usuario. Aplicable también para la entrevista de género periodístico, de trabajo… Más información sobre los distintos tipos de entrevista.
• Otro sistema para descubrir información de los usuarios es mediante encuestas.

Ergonomía

• Cómo trabajar con un portatil te puede hacer más daño del que crees. Si tu empresa te obliga a trabajar continuamente con un portátil, exige que te den también un teclado y un ratón independientes de la máquina y eleva la posición de la pantalla del portátil hasta la altura de los ojos. Tus cervicales y lumbares te los agradecerán.

Productividad

• La multitarea, rival del rendimiento. Artículo en El País
• Aburrimiento y Software libre. Ya sabíamos que las manos de los ociosos son los juguetes del diablo.
• Software que te ayuda a mejorar tu productividad. O eso dicen.
• Infoxicación o lo que es lo mismo, tener 1000 post pendientes en Google Reader y sólo diez minutos para revisarlos.
• Lo que cuestan económicamente hablando los problemas de pérdida de atención en la tarea que estamos haciendo.
• Dos técnicas para evitar distracciones: eliminar los comentarios spam y las constantes interrupciones del correo electrónico.
• Los cambios en la interfaz de Word prometen hacer que seamos más productivos. Ya se sabe: en todo cambio se genera una oportunidad de mejora.