Accesibilidad

• Pautas WCAG 2 para los documentos PDF
• Informe sobre el uso de los lectores de pantalla
• Responding to accessibility issues in business

Móviles

• Análisis de tendencias de dispositivos móviles
• Cuota de mercado de sistemas operativos móviles en el mundo (por países)
• Mobile Accessibility:  aplicación que permite a personas ciegas o deficientes visuales usar un teléfono Android de manera intuitiva, fácil y simple
• El móvil que aprende a adaptarse a tus necesidades. Lástima que esta aplicación tenga tan poco futuro…
• Bondades del Windows Phone 7. Porque a veces Microsoft saben hacer las cosas bien.
• Guía de Diseño de Interfaz de Usuario e Interacción para Windows Phone 7 y otras guías para interfaces táctiles
• Gente que lo está haciendo muy bien en diseño para móviles.
• Emuladores de móviles para probar sitios web

Prototipar

• Muchos stencils y ayudas varias
• Herramientas para prototipar
• Galería de wireframes para interface móvil
• Scroll or Card? Se enfocan en el iPad, pero es interesante también para otros dispositivos
• PSDs gratis para prototipos de alto nivel
• Algunas técnicas para limpiar tu interfaz de elementos complejos

Diseño de interacción

• Algunos principios de Diseño de Interacción explicados
• ¿Qué debe saber hacer un Diseñador de Interacción? En modo abstracto
• ¿Qué debe saber hacer un Diseñador de Interacción? En modo práctico
• ¿Qué debe saber hacer un Investigador de Interacción? En modo práctico
• Algunos mitos que se caen. Los 3 clics de distancia y cosas así

Diseño de Información

• Algunos sitios web que deberías conocer si te gusta este tema
• Muchas formas de visualizar datos
• Bellas formas de visualizar datos

UX

• La UX ha muerto. Larga vida a la UX
• Disciplinas que integran la UX
• Artículos fundamentales sobre UX
• Vocabulario básico de UX
• Herramientas BBB de Investigación de UX

Navaja suiza

• ¿Son los usuarios estúpidos?
• Guías de estilo y de interacción de un montón de empresas
• Greplin: Para buscar dentro de tus redes sociales  (pej Twitter)
• La sociedad de la información en 2010. Informe Telefónica (es feo pero es interesante).
• IDEO Cards de forma resumida.
• Generadores online de todo tipo
• Undernews: directorio profesionales de internet en España

Colores

• Nombres de los colores. Para aquellos que pasamos de los PANTONES.
• La importancia del color en el diseño. Desde la diferencia de RGB/CMYK hasta cómo elegir el mejor perfil en Photoshop. Vía Microsiervos.
• Utilidad para crear tu paleta de colores teniendo en cuenta las diferentes restricciones de accesibilidad. Vía Olga Carreras

Accesibilidad

• Reseña del libro “Accesibilidad a los contenidos audiovisuales en la web” hecha por Olga Carreras
• Un buen intento de definición de accesiblidad
• Planeta Accesible, un nuevo blog que aglutina varios blog sobre accesibilidad.
• Utilizar el validador PISTA con la normativa de WCAG 2
• Interesante reflexión sobre el negocio del diseño accesible. Más interesantes aún los comentarios

Diseño

• Charla de Donald Norman sobre lo felices que nos hace un buen diseño. El ‘Woody Allen’ del diseño Si no habéis leído el libro de Diseño Emocional, os gustará. Si lo habéis leido, os reforzará los conocimientos. (13 min.)
• Un clásico: el vídeo explicando ¿Qué es el diseño gráfico? (1 min.)
• Francisco Tosete recoge en dos post la vuelta a la línea de comandos: Artículo de Aza Raskin sobre la línea lingüística de comandos y el nuevo paradigma de interacción y una aplicación práctica de esta teoría en Taskfox: integrando Ubiquity en Firefox.
• Otro clásico: el libro de Designing Interfaces de Oreilly contado en un video de hora y media.
• Historia del diseño en la interfaz de los sistemas operativos 1981-2009. Visto también en Isopixel y el Microsiervos.

Profesión

• El Contrato de Desarrollo de Sitio Web. Cuando empiezas a hacer trabajos freelance los contratos son verbales, y pronto aprendes por la vía dura que deberías haber firmado algún contrato donde se dejaran claros todos los términos del acuerdo.
• Sergio Ortega recoge el debate de definición de la profesión de diseñador de interacción. Impagable la frase ‘The ____ field will save the world’. Jared Spool también comenta este tema en un hilo de discusión de la IXDA Help! Is there a Cardiothoracic Surgeon in the room?. Aunque hay gente que no piensa igual.
• Aplicación que te permite gestionar tu carrera profesional (más allá de tener el cv en infojobs, hay que moverse en las redes sociales para encontrar trabajo). Vía Mashable
• Si te lo quieres montar por tu cuenta, dos herramientas sencillas: estimador de proyectos y el cálculador de salario del freelance (aunque valdría para cualquier empresa).
• 40 resources to become a successful freelance Graphic/Web Designer. Desde cómo y por qué decir ‘No’ a cómo conseguir que acepten tus diseños.

Arquitectura de Información

• Basta ya de discusiones de Visio vs Omnigrafle: cuadernillo para wireframear en cualquier sitio. Visto en Pobre pero feliz.
• O también puedes tirar de aplicaciones online para prototipar
• Una manera diferente de hacer entregables.
• ¿Qué hace la arquitectura de información? Sistemas de organización y Sistema de etiquetado o rotulación. Esperamos las siguientes entregas…
• Referencia de Apple para el diseño de interfaz de aplicaciones para el iPhone. Vía Pobre pero feliz.
• Patrones de diseño habituales en entornos corporativos. Visto en Grancomo.
• Cómo hacer que tus botones sean pulsados. Vía CSSLayout.
• Los 10 errores más comunes de la arquitectura de información

Usabilidad

• Cosas que Ester Pallaès aprendió haciendo test de usuarios
• Si te gustó la (ya clásica) tesis de Xavier Ferré sobre la integración de la usabilidad en el proceso de desarrollo de software, probablemente te guste la guía conceptual sobre Diseño Centrado en el Usuario de Bas Leurs (entre otros), de la Universidad de Rotterdam. Vía Sergio Ortega.

Tipografía

• Cómo poner tipografías diferentes en tu sitio web con elegancia
• Herramientas y tutoriales para crear efectos de tipografía con CSS

Técnicos

• Soluciones de Javascript a problemas comunes de CSS. Visto en SerAccesible.
• CSS orientado a objetos

Móviles

• Buenas ideas sobre diseño de sitios web para móviles.
• Patrones de diseño móvil
• Cómo reconvertirse de diseñador de aplicaciones a diseñador de aplicaciones móviles
• ¿Cómo adapto un interfaz web para móvil?

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

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

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.
• 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

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)

• 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?

• 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

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

• 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.