No lo entiendo

Según Signal vs Noise para los próximos 10 años los programas más innovadoras serán:

1. Aplicaciones web.
2. Hechas por equipos pequeños.
3. De compañías con financiación propia.
4. Estarán dirigidas a pequeñas empresas o trabajadores por cuenta propia.

Consideran que hay mucha gente interesada en productos de este tipo: fáciles de usar, con mantenimiento nulo y que les ayuden a sacar adelante su trabajo rápidamente; nada de versiones "lite" de los programas dirigidos a grandes empresas.

No sé si están en lo cierto, pero me llamó la atención la aplicación web para envío de facturas que comentaban días más tarde.

Blinksale nos da una idea de lo que se puede hacer para un público que no suele tener muchos programas específicamente dirigidos a ellos. Diseñar un buen programa para PYMES parece difícil si se quiere satisfacer a compañías que pueden ir de 1 a 249 trabajadores: o demasiado complejo para los pequeños o insuficiente para los grandes.

Si miro a mi alrededor, me doy cuenta de que conozco a bastante gente que trabaja por cuenta propia o que tiene una pequeña empresa de 2 ó 3 empleados. Ya no sé cuántas veces habremos hablado de las frustraciones con el FacturaPlus.

Etiquetado como software, Internet.

# posted by Rodrigo : 5:53 PM  5 comments

¿Puede llegar a ser malo el diseño centrado en el usuario? Don Norman así lo cree y publica un artículo en donde defiende el diseño centrado en la actividad.

Afirma que los objetos que perduran en el tiempo y que siguen siendo muy funcionales lo son porque se diseñaron comprendiendo muy bien la actividad a la que daban soporte, no estudiando a las personas, que se han adaptado a las herramientas.

No rechaza los beneficios del diseño centrado en el usuario porque mejora la usabilidad, reduce los errores y crea dispositivos más fáciles de utilizar. Pero señala algunos peligros:

• Las personas evolucionan. Diseñar para una persona hoy y el producto no funcionará mañana.
• El enfoque excesivo en las personas puede hacer perder de vista las actividades, que Don Norman considera el núcleo del diseño.
• Demasiada atención en las peticiones de los usuarios a veces resulta en falta de coherencia y mayor complejidad del sistema.

Propone un cambio de actitud, que recoja los conocimientos del diseño centrado en el usuario, la ergonomía o la ingeniería y llevarlos un paso más allá.

Still, I think it time to rethink some of our fundamental suppositions. The focus upon the human may be misguided. A focus on the activities rather than the people might bring benefits. Moreover, substituting Activity-Centered for Human-Centered Design does not mean discarding all that we have learned. Activities involve people, and so any system that supports the activities must of necessity support the people who perform them. We can build upon our prior knowledge and experience, both from within the field of HCD, but also from industrial Engineering and Ergonomics.

Vía Sigia-L.

Actualización:
Enlaces sobre teoría de la actividad, vía Peterme.com

Etiquetado como diseño centrado en el usuario, opinión.

# posted by Rodrigo : 12:57 PM  2 comments

El Laboratorio de Usabilidad de la Universidad Estatal de Wichita acaba de publicar los resultados de un estudio sobre los efectos de la longitud de línea sobre la lectura en la web.

Conclusión: líneas largas (95 caracteres en el estudio) se leen más rápido. La longitud no afecta la comprensión del texto ni el grado de satisfacción percibido por los usuarios.

Despite the fact that there were no differences in satisfaction scores, a line length that supports faster reading could impact the overall experience for users of online news sources.

Las pruebas se realizaron con las siguientes condiciones

• Letra Arial de 10 puntos, con 12 puntos de espaciado entre líneas.
• Textos presentados en el Explorer 6.0 a pantalla completa, para reducir las distracciones de barras de desplazamiento, menús y barra de herramientas.
• Para moverse entre secciones del texto se hacía por páginas, no mediante scroll.
• Las pruebas se hicieron con textos cortos (≈375 palabras).

por lo que me han surgido algunas dudas:

• Cómo afectarían los resultados el tamaño y tipo de letra y el espaciado entre líneas.
• La diferencia entre textos cortos y largos. Es decir, el nivel de atención y rapidez ¿se mantienen constantes con el tiempo de lectura?¿cómo afectaría el scroll, la forma estándar de moverse por un texto?
• Los elementos propios de una página web o del navegador se dejan fuera y se presenta una pantalla sólo con texto y un par de botones para moverse hacia adelante o hacia atrás. De este modo, no se estudia el efecto del espacio en blanco entre el texto y el resto de elementos de una página que crean las líneas cortas y que puede ayudar a la concentración y satisfacción, como el mismo grupo concluye en otro estudio sobre el efecto de los márgenes en la lectura.

Vía GUUUI

Etiquetado como investigación, usabilidad.

# posted by Rodrigo : 11:52 AM  6 comments

En China ya hay 103 millones de usuarios de internet. Es el segundo país en número de usuarios y el chino cada vez tiene más presencia en la red. Y eso que sólo están conectados un 7,9% de la población; con un porcentaje de conexión similar al de España (≈35%), tendríamos más de 440 usuarios sólo en China.

Hace tiempo que me pregunto sobre las ventajas del chino como lengua de comunicación. Durante 4000 años ha servido para cohesionar a gentes que hablan distintas lenguas utilizando un mismo sistema de escritura (la razón es que es una escritura ideográfica y los símbolos no se corresponden a fonemas, si no a morfemas). ¿Tienen en la web alguna ventaja adicional la escritura china?

Habrá que estar atento a lo que pasa en la comunidad chinoparlante, aunque sólo sea por la cantidad de conocimiento que hay (y habrá ) en ese idioma. Todo indica que cada día serán más importante.

Etiquetado como china, internet.

# posted by Rodrigo : 4:59 PM  1 comments

Mientras navegaba, me encuentro este teclado. Las teclas son displays que muestran en cada momento la acción resultado de pulsarlas: introducir un carácter, acceder a un atajo de teclado, accesos directos a programas, etc.

Tendremos una representación gráfica en la propia tecla, evitando tener que memorizar los atajos de teclado. Los más beneficiados: los jugadores empedernidos.

¿Para cuándo? para el 2006.

Etiquetado como tecnología, hardware.

# posted by Rodrigo : 9:56 PM  0 comments

En la lista de Cadius se discute estos días sobre los wireframes. Aprovecho para publicar algunas anotaciones y recopilar los enlaces que me han parecido más útiles.

¿Qué son los wireframes?

Una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas. Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes. También se pueden utilizar para pruebas de usuarios.

En inglés a veces se le llama: schematics, blueprints o page architecture.

¿Cuándo se crean?

Una vez tengamos delimitados los objetivos del cliente, las necesidades de los usuarios y los contenidos y funciones de la web; antes de empezar a programar y de crear el diseño visual de la página;

¿Quién hace los wireframe?

El que desempeñe el papel de arquitecto de la información en el equipo. Pero hay que tener en cuenta a otras personas al hacer los porque, como señala Christina Wodke

Well, I can't say I'm surprised that designers are mad at us. We've stolen the fun part of the problem, and left them with nothing more than color and font selection. Not exactly satisfying."

Así que hay que evitar posiciones egocéntricas y comunicarse con el resto del equipo.

¿Qué programas se utilizan?

Muchos, aunque los favoritos son los editores HTML o programas como Visio u Omnigraffle.

Otras posibilidades son:

• PowerPoint
• Keynote
• Illustrator o similares.
• ¡¡Excel!! (Lo he visto en estos comentarios).
• Lápiz y papel.

Enlaces

• Using wireframes. Qué son y cómo se utilizan.
• Wire frame your site. Cómo crear un wireframe con un editor de HTML.
• Visio, the interaction designer's nail and gun. Cómo crear un wireframe con Visio.
• Representing data using wireframes (PDF, 160Kb). Póster con las técnicas para representar infomación en un wireframe y los riesgos que conlleva.
• HTML Wireframes and Prototypes: All Gain and No Pain. Las ventajas de crear wireframes con HTML.
• Practical Applications: Visio or HTML for Wireframes. Ventajas e inconvenientes de Visio y HTML para hacer wireframes.
• Creación de notas con Ajax y una aplicación muy particular. Un wireframe hecho con una aplicación Ajax.
• Ejemplo de wireframe de El Factor Humano.
• The Information Architecure Institute: Tools. Para encontrar numerosos ejemplos de wireframes.
• Paleta para crear wireframes con OmniGraffle.
• Paleta para crear wireframes con Visio.

Actualización: En Torresburiel se explican algunas restricciones que se deberían seguir al crear wireframes.

Si con esto no tienes suficiente, puedes econtrar multitud de artículos relacionados con los wireframes en How To: Methods & Approaches Articles de Boxes&Arrows.

Etiquetado como arquitectura de información, técnicas, wireframes.

# posted by Rodrigo : 6:55 PM  2 comments

Las colas en los aparcamientos de El Corte Inglés podrían aliviarse un poco adaptando sus tickets a nuestros modelos mentales. El logotipo es demasiado parecido a una flecha que nos indica una dirección. Una buena parte de los intentos de introducir el ticket se hace siguiendo la dirección que nos indica el logotipo. La máquina nos escupe el cartón y tenemos que intenarlo de nuevo porque el lado bueno es el contrario.

La flecha es un símbolo muy común en la vida cotidiana y es normal que la gente se equivoque. Un ejemplo de como liar a los usuarios por no seguir sus modelos mentales. Además, a la empresa le cuesta dinero (y la salud al pobre empleado que se dedica a introducir tarjetas mientras traga humo).

Etiquetado como semiótica, símbolos, modelos mentales,ejemplos.

Actualización:

Se me había olvidado subir la siguiente imagen.

# posted by Rodrigo : 7:32 PM  2 comments

Vía Juliamae descubro una nueva bitácora sobre usabilidad: Another Useful Blog. Tiene unas reflexiones muy interesantes sobre el uso de eye-tracking (¿alguna sugerencia para la expresión en español?).

Los que no tenemos acceso a las herramientas necesarias podemos verlo como la panacea para los estudios de usabilidad. Sin embargo, parece que hay que tener algunas precauciones:

• Medir puntos donde se fije la mirada (punto de atención) no es estándar. Depende del algoritmo que se utilice.
• No está claro lo que significa un punto de atención. Parece ser que se puede mirar fijamente un objeto sin percibirlo o no fijar la mirada pero ser muy consciente de que está ahí.
• Puntos de atención parecidos pueden corresponder a acciones muy diferentes en una misma interfaz.
• No todo el mundo puede someterse a una prueba de este tipo. Un 20% de descartes parece que es normal. Esto influye en el coste de las pruebas.

No está de más que de vez en cuando nos recuerde que no hay soluciones mágicas.

Etiquetado como eye-tracking,usabilidad.

# posted by Rodrigo : 5:54 PM  4 comments

Declaración de lo que es contenido usable.

Como dice el autor

Now more than ever companies need to worry about what they are saying online. But it seems they still don't get it.

Si una persona de Seattle tiene estas preocupaciones ¿qué nos queda a nosotros?

Etiquetado como usabilidad, manifiesto.

# posted by Rodrigo : 9:16 AM  0 comments

Etiquetado como usabilidad,dilbert,humor.

# posted by Rodrigo : 3:06 PM  0 comments

Hoy, mientras me peleaba con una web, me acordé del diseño epicéntrico, un método de diseño ideado por 37signal.

La idea es sencilla: comenzar el diseño de una página por su elemento más crítico, aquel imprescindible para que la página tenga sentido. Una vez se termine, comenzamos diseñando el siguiente elemento más importante y así sucesivamente hasta completar la página.

Es justo lo contrario a diseñar primero los elementos comunes (cabecera, navegación, pie de página, etc.) y al final colocar los elementos únicos. Este método clásico puede que haga que el contenido verdaderamente importante se tenga que adaptar a los elementos secundarios, que se han diseñado antes.

¿Por qué comenzar diseñando elementos como la navegación, por ejemplo, si es probable que el usuario no lo vea? ¿No es más lógico comenzar por lo importante y que sean los elementos secundarios los que se adapten?

Eso sí, nos advierten de que es una técnica orientada al diseño de aplicaciones web y otras páginas funcionales, no para sitios web en los que predomine el contenido.

Etiquetado como diseño web, técnicas.

# posted by Rodrigo : 6:00 PM  3 comments

Si no estás en Google, no existes. Muchas empresas ya demandan soluciones para estar bien situado en los buscadores. El problema es que si únicamente tenemos en cuenta técnicas que podemos llamar "mecánicas", tendremos una solución parcial y provisional.

No podemos olvidar que la calidad de los contenidos también es fundamental (conseguiremos enlaces) y que descuidar este aspecto por introducir mayor densidad de palabras clave en una página a la larga nos puede perjudicar.

Como comentan en Deakialli, no sólo cuenta lo arriba que esté una página, también es muy importante que haya similitud semántica entre lo que busca un usuario y dicha página.

El estudio citado parece avalar los modelos que afirman que somos devoradores de información en busca de la presa más fácil

También te puede interesar: modelo CoLiDes.

Etiquetado como recuperación de la información, posicionamiento en buscadores, information foraging.

# posted by Galinus : 7:33 PM  0 comments

Mientras buscaba material para documentar la creación de personas, me encontré con una página en la que se explica el desarrollo de una web desde la estrategia inicial al producto final.

El proyecto es de la School of Information Management & Systems, Universty of California, Berkeley y se pueden ver más proyectos.

¡¡qué envidia!! yo también quiero estudiar allí.

Comentario etiquetado como Diseño centrado en el usuario, UCD, desarrollo web.

# posted by Galinus : 8:53 AM  0 comments

En el salón de mi casa tengo un póster de un tapiz diseñado en la Bauhaus. Suelo quedarme mirando para él, ya que tiene una increíble capacidad para atraer la atención (y no soy al único al que le pasa).

Sin darse cuenta, uno comienza a completar mentalmente figuras geométricas a partir de las que existen en el tapiz, o bien seguir caminos con la mirada recorriendo el póster según nos dictan las leyes de la gestalt.

Este póster siempre me recuerda lo útiles que son estas leyes para la organización visual de interfaces, como podemos leer en Gestalt principles of form perception.

Nota: sigo teniendo dificultades para encontrar ejemplos de la Ley de cierre y de la Ley de Prägnanz (fondo-figura). ¿A alguien se le ocurren ejemplos?

Comentario etiquetado como diseño de interfaces.

# posted by Galinus : 4:36 PM  2 comments

Cuando las imágenes se utilizan siempre en el mismo contexto acabamos asociándolas con funciónes de un sistema. Esto nos permite crear un lenguaje muy efectivo si seguimos algunas reglas muy sencillas.

He aquí algunos ejemplos de símbolos comunes.

Adelante

Cerrar

Maximizar

Minimizar

Inicio

Parece interesante. Guardar para leer más tarde...

¿Cuántos PDF sin leer tienes almacenados en tu disco duro?

Comentario etiquetado como semiótica.

# posted by Galinus : 4:31 PM  5 comments