¿Cómo es la página inicial de tu blog?

La página inicial de un sitio web debe seguir unas líneas determinadas para optimizar su usabilidad, pero... ¿qué ocurre con las páginas iniciales de los blogs?

La página inicial (o homepage) de cualquier sitio web no es una página más. A menudo se trata de la página más vista, y muchas veces es la primera que visitan los usuarios. Por tanto, debe dar una idea de los contenidos del sitio y servir de “punto de partida” en la navegación, de modo que los usuarios pueden volver a ella después de explorar parte del sitio; y para eso, debe tener un diseño visual diferenciado para que los usuarios la reconozcan de inmediato. Como bien dicen Jakob Nielsen & Marie Tahir en su libro Homepage Usability:

Design the homepage to be clearly different from all the others pages on the site. Either use a slightly different visual design (that still fits with the look and feel of the site) or have a prominent location designator in the navigational apparatus. This visual distinction and navigational signposting ensures that users can recognize their starting point when they return from exploring a new part of the site. 

 Capturas de jordisan.netjordisan.net (este blog): página inicial y un artículo individual

Entonces… ¿qué ocurre con las páginas iniciales de los blogs? Tengo la impresión de, que en muchos de ellos, los dos tipos de páginas más importantes, la página inicial y las páginas de artículos individuales, tienen un aspecto visual idéntico. Hagamos un rápido estudio.

(more…)

Yo también quiero escribir acerca de Google Chrome

Quede aquí para la posteridad mi aportación sobre el Chrome. ¡Que no se diga!

Tal como hice hace un tiempo con el iPhone, me uno a la marejada de textos sobre el nuevo navegador de Google escribiendo algo acerca del Chrome:

 'Cansinos'

Y es que es alucinante la cantidad de gente que se lanza a anunciar en sus blogs el lanzamiento de Chrome o a escribir sobre ello sin aportar nada realmente nuevo.

(more…)

Un badge Javascript (mejor) para Twitter

Aquí tienes un badge (widget) HTML/Javascript para mostrar tus updates de Twitter. ¡Mucho mejor que el de la página de Twitter!

¿Así que quieres mostrar tus últimos updates de Twitter en tu página web? Puedes usar el badge de Twitter, pero su aspecto no es demasiado bueno, y ni las URLs ni los @replies en los updates son enlaces.

Si quieres un badge mejor, incluyendo URLs y @replies enlazados (como el que aparece en la columna izquierda de esta página), simplemente sigue estos pasos:

Badge para Twitter 

(more…)

A (better) Javascript badge for Twitter

Here you are a HTML/Javascript badge for showing your Twitter updates. Much better than the one at Twitter's web page!

So you want to show your latests Twitter updates in your web page? You can use Twitter’s badge, but the look isn’t great, and URLs neither @replies inside updates are not clickable.

If you want a better badge including clickable URLs and @replies (like the one at the left column of this page), just follow these steps:

Badge for Twitter

(more…)

Un curioso podio

Un medallero muy particular en la web de Televisión Española sobre los Juegos Olímpicos.

Este es el medallero actual de los Juegos Olímpicos, según la web de RTVE dedicada a los Juegos. Atención al podio:

Medallero 

¿Qué pasó con los típicos puestos 1, 2 y 3 del podio?  ¿Es algún tipo de medallero políticamente correcto?

Después de algunos instantes, uno llega a la conclusión de que los numeritos del podio se corresponden con el número total de medallas, aunque resulta bastante confuso, ¿verdad?. De hecho, los puestos del medallero ni siquiera se calculan con esa cifra, sino con el número de medallas de oro.

METAeuFORiAS: Folletos de productos: dos ejemplos de metáforas mal utilizadas

Las metáforas resultan habitualmente muy útiles para entender el funcionamiento de algo que no conocemos; y si existe un campo de la informática en el que han sido ampliamente utilizadas es en el de las interfaces de usuario; todos estamos…

Las metáforas resultan habitualmente muy útiles para entender el funcionamiento de algo que no conocemos; y si existe un campo de la informática en el que han sido ampliamente utilizadas es en el de las interfaces de usuario; todos estamos habituados ya al “escritorio” de los sistemas operativos gráficos, manejamos “ficheros”, “carpetas” y “papeleras” como si fueran objetos reales, etc.; todo ello de modo casi intuitivo, reduciendo el tiempo de aprendizaje.

Eso sí: la utilización de metáforas visuales tiene sus limitaciones e inconvenientes; forzar excesivamente la metáfora haciéndola demasiado fiel al original puede resultar ingenioso o divertido en un primer momento, pero a más largo plazo se convierte en inconveniente y de difícil manejo.

Un caso de metáfora llevada demasiado lejos el de los folletos que encontramos en comercios como Conforama o Leroy Merlin.

Folleto de Leroy Merlin

Folleto de Conforama

[…] seguir leyendo en METAeuFORiAS (548 palabras)

Comprando entradas: ¿usabilidad o sentido común?

Ayer tuve la ocasión de experimentar sufrir un proceso de compra de entradas a través de Internet, de esos que te dejan la duda existencial: ¿Realmente les interesa que la mayor cantidad de usuarios puedan comprar por Internet, o piensan…

Ayer tuve la ocasión de experimentar sufrir un proceso de compra de entradas a través de Internet, de esos que te dejan la duda existencial:

¿Realmente les interesa que la mayor cantidad de usuarios puedan comprar por Internet, o piensan que no es justo que la cosa sea tan cómoda, y ponen algunas dificultades para que el usuario demuestre que merece el privilegio?

En concreto me refiero a la compra de entradas para el Pamesa Valencia de baloncesto. Además de algunas cuestiones más o menos obvias (por ejemplo, usar una dirección numérica en la URL no da mucha confianza a la hora de realizar una transacción económica), la selección de la zona del pabellón utiliza esta imagen como ayuda:

Zonas del pabellón del Pamesa Valencia

Sí, este es el tamaño real de la imagen, y sí, los números de la parte inferior de cada zona son los que sirven para identificarla a la hora de seleccionar las entradas. Difícil, ¿verdad? Ahora preguntad conmigo: ¿qué les costaba poner la imagen un poco más grande, o al menos, los dichosos numeritos? ¿Qué necesidad había de forzar a los usuarios a utilizar una lupa o dejarse varias dioptrías en el proceso de elegir la sección?

Y si al menos se pudiera seleccionar la zona haciendo click sobre ella… pero no. Es necesario leer intuir el número y utilizar el enlace correspondiente.

Y eso no es todo. (more…)

Usabilidad en aplicaciones de terceros: un asunto difícil

Leo en torresburriel.com una referencia a un artículo sobre los problemas de usabilidad que pueden provocar las aplicaciones o componentes software de terceros; es decir, piezas de software que no pertenecen a la plataforma original y que son desarrollados por…

Puzzle azul y una pieza rojaLeo en torresburriel.com una referencia a un artículo sobre los problemas de usabilidad que pueden provocar las aplicaciones o componentes software de terceros; es decir, piezas de software que no pertenecen a la plataforma original y que son desarrollados por separado. Por ejemplo, esa encuesta o ese juego que insertas en tu página web, o tus últimas fotos, etc.

En este caso el peligro es que normalmente tenemos menos control sobre esos componentes, y por tanto su usabilidad puede estar bastante más descuidada que la de la aplicación en la que están insertados, del que tenemos mayor control, y al que prestamos mayor atención.

Para evitar esos peligros, nos ofrecen 3 consejos:

  1. Negociar en los acuerdos que se mantengan los estándares de usabilidad.
  2. Incorporar tus estándares de usabilidad como requisito obligatorio para integrar aplicaciones de terceros.
  3. Trabajar junto con tu proveedor para fomentar la usabilidad como requisito en su proceso de desarrollo.

Ambos artículos y los consejos (que, dicho sea de paso, parecen un tanto redundantes) me provocan algunas reflexiones: (more…)

Correo electrónico: esperamos más de ti

Recuerdo cómo un compañero de trabajo, en medio de una conversación informal, se cuestionaba que habitualmente se incluya al correo electrónico dentro de las llamadas “nuevas tecnologías“, cuando es un sistema que tiene ya más de 40 años de existencia;…

Símbolo de la arrobaRecuerdo cómo un compañero de trabajo, en medio de una conversación informal, se cuestionaba que habitualmente se incluya al correo electrónico dentro de las llamadas “nuevas tecnologías“, cuando es un sistema que tiene ya más de 40 años de existencia; razón no le faltaba.

Aún así, tengo la impresión de que el correo electrónico, a pesar de ser una herramienta de trabajo y entretenimiento básica para muchos millones de personas, está todavía lejos de ser una tecnología totalmente desarrollada en todo su potencial.

Las novedades más llamativas suelen ser más cuantitativas que cualitativas, ofreciendo más espacio o mejores buscadores (como en el caso de GMail), útiles pero no revolucionarias.

Y no me refiero ya al problema del spam (que puede ser desde curioso para algunos a exasperante para otros muchos), sino a que lleva muchos años funcionando básicamente del mismo modo, sin incluir avances o mejoras dignas de grandes menciones. Puede que no las echemos en falta porque estamos ya muy acostumbrados a su funcionamiento, pero considero que todavía están por implementarse las mejoras definitivas que harán del correo electrónico una herramienta mucho más útil y potente. Estas son algunas de ellas.

“Para” y “Cc:” parecen lo mismo, pero no lo son

En la práctica, ambos campos son utilizados de modo indistinto, ya que su efecto es el mismo: el destinatario recibe el mensaje. Pero los campos de destinatario (“Para:”) y con copia (“Cc:”) deberían estar más diferenciados, sobre todo en la “bandeja de entrada” de los receptores del mensaje. Los mensajes en los que eres el destinatario directo reclaman, en principio, mucho más tu atención que aquellos de los que simplemente recibes una copia. ¿Y si los primeros aparecieran resaltados o, simplemente en bandejas de entrada diferentes?

Ahora mismo, al enviar un mensaje para múltiples personas, no pensamos demasiado si colocamos una dirección en un campo u otro. Pero conocer que la recepción va a ser diferente en cada caso, nos permitiría distinguir claramente las personas que realmente son los destinatarios de la información, de aquellos que únicamente tienen que estar al corriente.

Casi podríamos simplificarlo así:

  • Para: “tienes que leerlo” (y, posiblemente, contestar o hacer algo)
  • Cc: “tienes que saber que se ha enviado”

(more…)

¿Se pasa Google de listo con el idioma?

¿Por qué devuelve Google diferentes resultados en función del idioma de la interfaz del usuario? ¿No es algo que puede confundirnos? Sabiendo lo importante que es separar la presentación del comportamiento, quizá sea un funcionamiento "demasiado inteligente".

Más de una vez nos sorprendemos cuando, al buscar utilizando Google, los primeros resultados corresponden a páginas con contenidos escritos, no en inglés, sino en español (o en el idioma de la interfaz establecido en las preferencias de idioma de Google y que afecta al idioma de los consejos, de los mensajes, etc.).

Por ejemplo, busquemos ‘Firefox‘ en www.google.es, en páginas escritas en cualquier idioma, pero con la interfaz de Google configurada en español:

Buscando 'Firefox' en Google

Vemos que aparecen antes los resultados de páginas en español que las del sitio oficial “central” en inglés. Sin embargo, en las opciones de búsqueda NO hemos limitado a páginas en un idioma concreto, y parece seguro que las páginas en inglés son más relevantes (cosa que se puede comprobar con esta búsqueda). Otros usuarios han destacado, en diferentes foros, ese mismo funcionamiento.

Al parecer, el orden de los resultados (en lo que respecta al idioma) puede depender tanto del idioma de la interfaz como del servidor Google concreto que se utiliza (google.com vs. google.es) e incluso, de la geolocalización del usuario (es decir, el orden de los resultados será diferente buscando desde un ordenador en España o desde uno en Estados Unidos). Y posiblemente también dependa de la localización geográfica del sitio que haya indicado su webmaster.

(more…)