Galería Css

Save IE6Mucha gente, incluida esta web, hemos hablado negativamente de Internet Explorer 6.

Menos mal que un grupo de aguerridos visionarios se han dado cuenta de lo equivocados que estábamos y nos han hecho ver la luz.

Desde ahora nuestro mensaje ha cambiado:  Salvemos IE6

Escribir algo que será leído en una web no es como escribir para el papel.  Se parece pero hay diferencias importantes.

Vamos a explicar en esta serie de artículos como debemos escribir para que nuestras páginas web transmitan nuestro mensaje correctamente.  Pero antes de saber como escribir sepamos primero como leen quienes nos visitan.

Como leemos las webs

Se suele decir que la gente no lee las webs, que leer en un monitor es incómodo y que además muchas webs tienen tipografías y tamaños que nos impiden leer los textos adecuadamente.  Sin embargo la web es un medio mayoritariamente escrito.

Lo de que no leemos las webs es una verdad a medias, porque evidentemente leemos los textos de las webs que visitamos, solo que no todas las palabras.  Cuando visitamos una web realizamos un acto llamado escanear y que consiste en que en lugar de leer una web como su fuese un libro (de izquierda a derecha y de arriba hacia abajo) vamos posando nuestra vista de un lugar a otro rápidamente fijándonos en aquello que más nos llama la atención o que pensamos que tiene algo que ver con aquello que hemos venido a buscar.

Lo que nos ocurre es que en lugar de leer detenidamente cada frase, párrafo o texto que encontramos lo escaneamos en busca de indicios de que eso es lo que estamos buscando.  Si es así lo leemos en detalle y si no lo es lo abandonamos.

Pero yo si que leo

Seguro que más de una persona está pensando que ellos si que leen algunas páginas de principio a fin.  Y tienen razón, todos lo hacemos, si lo que hemos venido a buscar a una web es precisamente leer esa página.  Si entramos a un periódico buscando información sobre la última carrera de Fórmula Uno una vez que lo encontremos leeremos ese artículo de principio a fin siguiendo las pautas de lectura habituales y como si de un artículo en papel se tratase.   Pero para llegar a esas páginas habrá pasado antes por la portada, la sección de motor, etc... y esas páginas seguro que las ha escaneado.

Es decir, que si nuestro propósito al visitar una web es leer una noticia, artículo, ensayo, etc... lo leeremos igual que si estuviese impreso en papel.  Pero al resto de páginas les prestaremos la atención indispensable para que nos conduzcan a nuestro objetivo.

Resumen

No podemos crear webs pensando en que van a ser leídas en su totalidad.  Hoy por hoy, leer en un monitor es incómodo y por lo tanto tendemos a minimizar la cantidad de texto que leemos.  Debemos buscar formas de ofrecer a los visitantes la información que buscan de forma clara, sencilla y fácil.   En posteriores artículos veremos como lograrlo.

Iniciamos hoy una serie que nos llevará durante 3 semanas a explicar la forma de crear una web empresarial profesional y de calidad en 3 sencillos pasos. 

Paso 1: Fijar objetivos

Las webs presenciales NO EXISTEN

Toda web debe tener unos objetivos.  Una buena forma de identificar a un creador de webs profesionales de un aficionado es que cuando te explican que han tratado de conseguir al crear una web te respondan "nada, es una web presencial".  

Cuando alguien nos dice que ha creado una web "presencial" realmente nos está diciendo:  

Como he hecho una web sin ningún fundamento, objetivo ni premisa concreta y el resultado será imposible de evaular, digo que es una web presencial y me curo en salud.

Los objetivos deben poderse medir

El primer paso cuando hablamos con un cliente interesado en crear su web, o mejorar la ya existente, es fijar una serie de objetivos que cumplirá esa futura web.  Todos estos objetivos deben tener una característica: ser fácilmente medibles.

Objetivos del tipo "Quiero transmitir una imagen más moderna, quiero renovar los contenidos, que mi web se parezca a la de XXXX"....  No sirven.

Los objetivos que debemos buscar son del tipo:  Aumentar el número de visitas mensuales, recibir más contactos desde el formulario, recibir más consultas telefónicas, aumentar las ventas de XX producto(s), duplicar el número de suscriptores a nuestro boletín de noticias, etc....

Todos estos objetivos comparten la característica de ser fácilmente medibles.  Nuestra labor como profesionales de la creación web será ayudar al cliente a definir que objetivos tendrán mayor impacto para su negocio y para el tipo de web que quiere crear.  Es lógico que un cliente nos pida una "web presencial" ya que nuestro cliente no es experto en webs ni tiene porqué serlo.  Debemos ser nosotros quienes expliquemos a los clientes que dichas webs no existen y que toda web empresarial debe cumplir algún objetivo.

Como crear los objetivos

Una buena forma de empezar a definir objetivos es categorizar las webs en dos grandes grupos:  Las que venden online y las que no.  Es una clasificación simple, rápida de identificar y que nos ayuda a trabajar con el tipo de métrica adecuada.

Para las empresas que emplean la red para vender productos es mucho más sencillo crear objetivos.  Sobre todo porque ellos mismos son los primeros interesados en medir la eficiencia y productividad de su web.

La dificultad suele presentarse en aquellas webs empresariales que se limitan a contar las bondades de la empresa o que a pesar de tener un catálogo de productos no venden online.   En estos casos es labor nuestra investigar el mercado en el que trabaja esa empresa, analizar las webs de sus competidores, saber cuales son las principales formas de decisión que llevan a los consumidores a comprar esos productos o servicios, hablar con el cliente y averiguar formas en que una web puede ayudarles, en definitiva, conocer un poco en sector en el que te vas a mover.

Una vez analizado el sector y las necesidades de la empresa siempre suelen aparecer varios objetivos claros que nuestra web pueda cumplir.  

Por ejemplo en el sector inmobiliario el éxito de una web vendrá dado por la cantidad de formularios de contacto y/o llamadas que se reciban.   La única razón por la que una inmobiliaria pone sus inmuebles online es para darlos a conocer a posibles compradores y contactar con ellos para intentar convertirlos en clientes.

Si trabajamos en un periódico online el éxito parece obvio medirlo en función del número de lectores que tienen las noticias que publicamos, pero también son datos a tener en cuenta el número de veces que se comentan las noticias, el número de personas que envían una noticia a un amigo o la participación en encuestas y concursos.

Pero no siempre una web se hace con el propósito principal de convertir a los visitantes en clientes.  Muchas veces puede ser más interesante hacer una web buscando fidelizar a los clientes ya existentes.

Por ejemplo, la web de un concesionario de automóviles.  Parece evidente y lógico que la web de un concesionario de automóviles se cree pensando en vender sus coches y aunque es una parte importante de la web en realidad no debería serlo tanto ya que la información necesaria para decidirnos a comprar un coche ya existe en la propia web del fabricante.  Es mucho más interesante dedicar nuestra web a fidelizar a nuestros clientes ofreciéndoles herramientas útiles (control de revisiones, reserva de citas, coche de sustitución....).  Por lo tanto sus métricas deberían ir orientadas a evaluar dicha fidelización.

Medir el cumplimiento

Una vez que tenemos claros los objetivos a lograr debemos buscar los datos que nos mostrarán si dichos objetivos se están cumpliendo.  Una de nuestras principales armas será la analítica web pero no es la única.  El simple hecho de preguntar a quienes nos llaman por teléfono si nos han conocido por la web o encuestas de satisfacción a usuarios también son forma de evaluar el rendimiento de una web.

Para webs dedicadas al comercio electrónico el periodo de evaluación debe ser como mínimo mensual y en ciertos periodos como campañas de temporada ó actividades promocionales incluso puede llegar a ser necesario evaluarlos de forma semanal.

Para el resto de webs una medición trimestral es suficiente para observar el comportamiento de los visitantes y tomar las acciones correctoras necesarias.

Resumen

Antes de crear una web debemos tener muy claro que queremos obtener de dicha web y marcarnos unos objetivos.  Este paso es fundamental y condicionará el resto del desarrollo que se verá enfocado a cumplir dichos objetivos.  Estos objetivos deben poderse medir y son los que marcarán el éxito o fracaso del proyecto.

La semana que viene continuaremos con el paso siguiente:  Creación de la estructura y contenidos

Loogic nos explica que 11,5 millones de euros no bastan para hacer una web decente, la vergüenza nacional de Renfe.es

Vía torresburriel.com nos enteramos del anuncio del Día Mundial de la Usabilidad 2009 (World Usability Day)

API de Bitacoras.com

Algo que es habitual en EEUU (disponer de apis públicas) no lo es tanto por aquí y desde luego es una noticia que sorprende gratamente además de un inteligente paso hacia el crecimiento de Bitacoras.com

En cualquier web que basa su funcionamiento en crear y fomentar comunidad el hecho de disponer de un api significa primero una gran confianza desde bitacoras.com hacia sus usuarios y segundo que estos podrán crear herramientas y aplicaciones que les permitirán utilizar mejor (o a su manera) bitacoras.com.

Si la principal característica de una red social es que su contenido y funcionamiento es decidido por los propios usuarios desde luego parece lógico pensar que la forma de usarlo también debe ser decidida por ellos.  Y disponer de un api nos ofrece esa libertad.

Analizamos hoy el formulario de registro de cuatro redes sociales: Linkedin, Keteke, Last.fm y Facebook

A la gente no nos gusta rellenar formularios, seamos sinceros, son incómodos, preguntan cosas personales y son dificiles de rellenar.  Sin embargo los formularios son la principal fuente de contacto entre quienes utilizan nuestra web y nosotros.  Si además nuestra web es una red social el formulario será la principal herramienta que tendrán que utilizar nuestros usuarios.  Casi cualquier actividad que realicen requerirá del empleo de un formulario: búsquedas, cambios en el perfil, subir noticias, imágenes, eventos....

Pero de todos los formularios que existen en una red social el que más importancia tiene es el de registro ya que es el encargado de convertir a anónimos visitantes en miembros de una red y por lo tanto el que decidirá la popularidad de la red social.

Veamos como tratan esta parte tan importante de su negocio estas cuatro redes sociales:

Cantidad de información obligatoria

Nuestros datos ya circulan por demasiados sitios como para añadir uno más.  Somos reacios a compartir nuestros datos y quien nos los pida se los tiene que ganar y darnos una buena razón para compartirlos.  En una red social la cantidad de datos que queramos aportar vendrá determinada por la utilidad que le encontremos a dicha red.  

Es por tanto su uso diario el que decidirá la cantidad de información que estaré dispuesto a proporcionar.  De las cuatro redes analizadas solamente una tiene en cuenta esta premisa a la hora de solicitarnos información para el registro.

Last.fm es la red social que menos datos nos exige para registrarnos.  Para cumplimentar el registro es necesario rellenar 6 campos: el nombre de usuario, nuestro email, la contraseña y su confirmación, una pregunta de seguridad y aceptar las condiciones de uso.  No son muchos datos y además ninguno de ellos es información sensible (excepto el email).

Después tenemos a Facebook con 7 campos pero nos pide el sexo y la fecha de nacimiento.  Como saben que están pidiendo información sensible bajo la fecha de nacimiento añaden un enlace llamado ¿Por qué tengo que dar esta información? si bien la respuesta que aparece al pulsar el mensaje: Por seguridad y para mantener la integridad de la web creo que no convence ni a quien la ha escrito.  Con lo fácil que es decir:  Facebook es un servicio gratuito y para mantenerlo gratuito nos financiamos con publicidad.  Conocer tu fecha de nacimiento y tu sexo nos permitirá ofrecerte publicidad de tu interés y mantendrá los servicios gratuitos.  Además en el formulario inicial solo se nos piden 6 campos y una vez introducidos nos lleva a un segundo paso donde nos solicita introducir un texto de seguridad.  Una complicación innecesaria.

 LinkedInEn tercer lugar LinkedIn aunque dependiendo de si seleccionamos que somos estudiantes, estamos en paro o trabajando, la cantidad de datos a introducir variará.  LinkedIn nos pide bastante información innecesaria a la hora de registrarse en una red social como el código postal, el país o el tipo de cargo que ocupo en una empresa o la carrera que estudio si digo que soy estudiante.

Incluso en una red especializada como LinkedIn no se justifica que a la hora de registrarnos tengamos que aportar estos datos.  Es el uso de la red y la utilidad de aportar los mismos lo que nos llevará a ponerlos o no.  Pedirlos desde el principio es un error.

En cuarto lugar tenemos a Keteke.  El formulario de registro está dividido en dos pasos.  En el primero nos piden un email y una pregunta de seguridad.  Una vez cumplimentado recibiremos un email que nos llevará al segundo formulario donde deberemos introducir los siguientes datos obligatorios:  un móvil,  nombre, apellido, nombre de usuario, sexo, fecha de nacimiento y país.  En total llevamos 9 campos rellenados y todavía no hemos terminado.  Una vez cumplimentados dichos campos debemos enviar un sms a un número de móvil con la clave que queremos para nuestra cuenta.

Seguridad

Como vemos en la mayoría de redes analizadas debemos introducir información personal y sensible para registrarnos.  Estaría bien que dichas redes tratasen esa información con privacidad y seguridad.  Pues va a ser que no.   Tan solo LinkedIn hace uso del protocolo https.   El resto de redes demostrando un absoluto desprecio por la privacidad y la seguridad de nuestros datos, nos obliga a proporcionarlos a través de formularios no seguros.

Son estos detalles, que a menudo pueden pasar desapercibidos, los que de verdad indican que para una empresa la seguridad es algo importante o simplemente una herramienta de marketing más.

Otro punto discutible es el uso de palabras de seguridad para distinguir entre personas y robots que rellenan formularios automáticamente.

Tan solo LinkedIn evita el uso de palabras de seguridad.  Las webs que usan palabras de seguridad están diciendo:  Como soy un programador incompetente y no se distinguir entre robots y personas te complico la vida a tí, usuario de mi web y fuente de mis ingresos, para facilitármela yo.

Así que todas las webs deberían evitar a toda costa el incómodo y difícil sistema de tener que escribir una palabra que apenas se ve correctamente.  Y si tienes problemas con los robots que rellenan formularios automáticamente te buscas la vida pero no me la compliques a mí que soy tu usuario.

Pasos para el registro

Facebook Paso 2Como hemos dicho antes a nadie nos gusta rellenar formularios así que cuanto más sencillas nos pongan las cosas antes acabaremos y menos posibilidades de abandono y de error tendremos.  Así que pídeme pocos datos y pídemelos todos de golpe para simplificar.

Otra vez el ganador es Last.fm.  Una vez rellenado el formulario nos muestra una ventana donde nos indica que nos ha enviado un email con un enlace de validación.

LinkedIn nos envía el mismo correo pero una vez cumplimentado el formulario nos lleva a un formulario donde nos pide que indiquemos la forma en que queremos usar su red social.  Si bien es un paso optativo nos obliga a tener que pulsar en otro enlace para llegar a nuestro destino.

Facebook Paso 3Facebook una vez rellenado el formuario de registro nos lleva a otro formulario donde nos pide una palabra de seguridad y seguidamente nos indica que nos ha enviado un correo con un enlace de validación.

Keteke paso 2Y llegamos a keteke: Primero nos piden un email y una pregunta de seguridad, luego nos envían un email con un enlace de validación que debemos pulsar si queremos continuar con el proceso de registro.   Pulsamos en el email y rellenamos el formulario con nuestros datos y llegamos a un tercer formulario donde nos indican que debemos enviar un email a un número de teléfono con la palabra CLAVE seguida de la clave que queremos para nuestra web y el número de teléfono indicado.  Una vez enviado el sms introducimos la clave en el formulario y pulsamos el botón de Finalizar Registro.  Fácil y sencillo, verdad?

Last.fm Paso 2La táctica de enviar un email con un enlace de confirmación se usa por las cuatro redes analizadas y aunque complica el proceso de registro y es un trámite incómodo lo asumimos como forma de verificar la validez de nuestro email.   Pero....  Si me pides que valide mi email ¿Para que me haces rellenar una pregunta de seguridad?  Es un paso totalmente innecesario ya que al pulsar en el enlace que recibo en mi email te estoy diciendo dos cosas:  que esta es mi dirección correcta y que no soy una máquina cumplimentando formularios de forma automática. 

Mensajes de error

Veamos como se comportan las webs cuando se trata de informar a los usuarios sobre los errores cometidos al cumplimentar el formulario de registro.

Quien mejor muestra los errores de las cuatro es LinkedIn.  Primero nos nuestra un mensaje general de error, utiliza el color rojo y un icono para indicar que hay un problema y luego junto a cada campo escribe el mensaje explicativo del contenido que debe tener dicho campo.  Después le sigue Keteke, también utilizan el color rojo para indicar el problema y un icono (igual que el de LinkedIn).  También resaltan en rojo los campos en los que hay problemas, pero los textos con los errores aparecen todos en la parte superior y son mensajes que no ayudan a saber que hemos hecho mal o que debemos poner y se limitan a indicar que ha ocurrido un problema.

Facebook errorLinkedIn Error
Last.fm Error
Keteke error

La forma de indicar problemas en Last.fm y en Facebook es muy parecida.  Se limitan a mostrar un mensaje indicando que hay problemas (bastante críptico el mensaje de Last.fm) pero ni resaltan los campos que están mal escritos ni dan una explicación de ayuda sobre como rellenarlos.  Además Facebook muestra el mensaje de error en la parte inferior del formulario, bajo el botón de envío.  Al revés que los demás y al revés de lo que suele ser lo que el usuario espera, lo que sin duda dificulta más su ya de por sí parco mensaje.

 Resumen

En un análisis como este, que ni mucho menos pretende ser exhaustivo, vemos como las cuatro redes pueden mejorar de forma notable su proceso de registro.    Un proceso que es vital para webs como las analizadas ya que su éxito o fracaso dependerá del número de usuarios registrados.

Tan solo Last.fm merece un aprobado.   Destacamos la mínima información necesaria para inscribirse que nos pide Last.fm y también la preocupación sobre la seguridad de LinkedIn llevándonos a un proceso seguro para cumplimentar el formulario de inscripción.

Buscarle fallos a Facebook con tantos millones de usuarios registrados puede parecer un acto de pedantería pero sin embargo y desde la modestia y humildad creemos que su proceso también es mejorable, eliminando el paso segundo donde nos piden la palabra de seguridad o en su defecto incluirlo en el primer formulario además de quitar del registro la petición de sexo y edad.

Sobre Keteke simplemente vaya desde aquí nuestra más sincera felicitación a todos aquellos usuarios que se han registrado en su web.  Héroes como vosotros haceís que Internet, a pesar de las trampas y zancadillas que os ponen quienes crean webs, funcione.

Last.fmLast.fm ha anunciado que empezará, en Abril, a cobrar una cuota de 3 euros al més a quienes deseen utilizar su servicio de radio.  Aunque la manera en que han anunciado el hecho deja bastante que desear.

Primero: porque esta medida solo afecta a los usuarios de fuera de EEUU, Gran Bretaña y Alemania.  En estos tres países el servicio permanecerá gratuito ya que según comentan es rentable gracias  a la publicidad mientras que en el resto de países no.  En los comentarios del post del anuncio se explica mejor este hecho.  Last.fm dispone de fuerza comercial propia en GB y utiliza la de CBS en los otros dos países.  Pero a los usuarios nos da igual que CBS tenga o no tenga infraestructura comercial en nuestros países.  Es decir que en lugar de buscar la forma de conseguir publicidad en esos países  cobramos a sus usuarios que es más barato e inmediato.

Segundo: Comenten el error del principiante, quieren cobrar por algo que daban gratis.  Si das algo gratis, lo das gratis pero no me vengas con que ahora es gratis y una vez que lo usas y te gusta te cobro (y encima sin avisar previamente que el servicio sería de pago en el futuro).

El modo correcto de hacer las cosas es ofrecer nuevas prestaciones adicionales que mejoren la calidad de tu servicio a cambio de una pequeña cuota mensual.  Por ejemplo, ofrecer a los usuarios de pago la posibilidad de escuchar discos enteros en lugar de canciones aleatorias.

Un ejemplo de buen hacer y de política transparente lo encontramos en Spotify (ojo que a mi Spotify no me paga un duro por este post, ni por ninguno).Spotify

Spotify desde el primer momento te deja las cosas claras:  Escucha la música que quieras (incluidos discos completos).  Si lo quieres gratis te pongo anuncios (ellos no tienen problemas en conseguir publicidad fuera de EEUU, GB y AL) y si quieres escuchar la música sin anuncios pagas 9.99 euros al mes.

Poder oír la música que yo quiera, cuando quiera bien sin más preocupaciones es una oferta lo suficientemente golosa como para aguantar un poco de publicidad o pagar 10 euros al mes.

El error de Last.fm es pensar que los usuarios vamos a pagar 3 euros por lo que ya tenemos cuando estaríamos dispuestos a pagar 8 por mejores prestaciones.

Hablamos hoy de microformatos, tremendamente útiles y sin embargo bastante poco utilizados por toda la comunidad de desarrollo.

Los microformatos son etiquetas que añadimos a nuestro contenido para lograr que una máquina entienda algo que solo entienden las personas.  Es decir que si creamos una página de contacto y ponemos allí nuestra dirección cualquier visitante sabrá distinguirla, no así las máquinas que visitan nuestra web e indexan nuestras páginas.

Vamos a explicar los tres microformatos que más uso pueden tener en nuestras webs Direcciónes, calendario y geolocalización.

Direcciones (hCard)

hCard no es más que una versión de vCard (RFC246) se ha tomado la especificación vCard y se ha implementado en html.

Por ejemplo:  Supongamos el siguiente código que aparece en la página de contacto de una web y donde mostramos la dirección de contacto de la empresa:

<div class="direccion">Industrias Saco Roto<br />Polígono del despilfarro<br />Avda. del pozo sin fondo, 34<br />26001 - Logroño (La Rioja - España)<br />T. 941 555 654</div>

Convirtamos este código en una dirección hCard:

<div class="vcard">

  <span class="fn org">Industrias Saco Roto</span><br />

  <span class="extended-address">Polígono del despilfarro</span>

  <span class="street-address">Avda. del pozo sin fondo, 34</span><br />

  <span class="postal-code">26001</span> - 

  <span class="locality">Logroño</span> (

  <span class="region">La Rioja</span> - 

  <span class="country-name">España</span>)<br />

  T.  <span class="tel">941 555 654</span>

</div>

Añadiendo unas pocas etiquetas de marcado conseguimos que cualquier máquina que visite nuestra web identifique claramente que esto es una dirección y sus diferentes apartados.  Además nuestro visitante podrá incorporar esta dirección a su libreta de direcciones con solo hacer click si utiliza un navegador moderno y seguro (lease Firefox) que soporte microformatos. 

Vamos a ver algunas variantes:

Supongamos que deseamos especificar el teléfono del trabajo y el móvil:

<div class="tel">

  <span class="type" title="work">T.</span>

  <span class="value">941 555 645</span>

</div>

<div class="tel">

  <span class="type" title="mobile">M.</span>

  <span class="value">666 555 645</span>

</div>

Si queremos mostrar una imagen en lugar del texto:

<div class="tel">

  <img class="type" alt="work" src="/icono-trabajo.png" />

  <span class="value">666 555 645</span>

</div>

Calendario (hCal)

El proposito de hCal es el de dar a conocer nuestros eventos y citas.  Veamos como dar formato a un evento.

<div class="vevent" id="gp-australia">

  <span class="summary">Gran Premio de Australia de Fórmula Uno</span>

  <span class="dtstart" title="2009-03-01T14:00:00">Domingo, 30 marzo  a las 14:00</span>

  <span class="dtend" title="2009-03-01T16:00:00">hasta las 16:00</span>

  <span class="description">Primer gran premio de la temporada de Fórmula Uno</span>

</div>

De acuerdo a la especificación de hCalendar y de iCalendar solo son obligatorias dos propiedades para definir un evento: vevent y dtstart.

Geolocalización (Geo-Location)

Veamos ahora como geolocalizar un contenido:

<div class="geo">

  <span class="latitude">16.98</span>

  <span class="longitude">7.21</span>

</div>

o también utilizando la forma abreviada:

<abbr class="geo" title="16.98;7.21">El patio de mi casa</abbr>

En resumen añadiendo un poco de información al contenido que generamos podemos conseguir que dicho contenido se interprete de forma correcta por las máquinas y nos facilite el trabajo a las personas.  Por ejemplo, si estamos identificados en nuestra cuenta de Google y navegamos por una página que disponga de microformatos (con un navegador moderno) y hacemos click en un enlace de tipo hCal automáticamente nos añadirá dicho evento a nuestra agenda de citas.

Además progresivamente tanto Google como Yahoo (aquí la delantera la lleva Yahoo) van haciendo cada vez más uso de esta información para categorizar las páginas correctamente.  Un complemento perfecto a estas técnicas es utilizar un correcto marcado semántico en todo el xhtml que generemos.

Acostumbrados como estamos a la Googledependencia nos parece imposible que haya lugares donde no triunfe pero sin embargo es así. 

En Japón el 51.3% de las búsquedas se realizan con Yahoo! mientras que el 38.2 se realizan con Google.

Y todavía es mucho más importante la diferencia si tenemos en cuenta que en Google se incluyen las búsquedas realizadas en Youtube.

Es posible que Yahoo! tenga un mejor motor de indexación y clasificación de webs en Japonés y que sus resultados sean más acertados que Google? O quizás la imagen de marca de Yahoo! es más fuerte en Japón?

Yahoo! Attracts More than Half of All Searches Conducted in Japan in January 2009

UserflyComo parte del rediseño de una web he comenzado a emplear Userfly para efectuar un seguimiento de lo que los visitantes realizan al entrar en la web.

Añadiendo una simple línea de javascript userfly guarda todas las acciones que un visitante realiza en nuestra web.   De esta forma podremos ver como se maneja realmente por nuestra web ya que todas estas acciones se pueden luego reproducir en forma de vídeo.

La utilidad de esta herramienta se aprecia mejor en sitios donde existe mucha interacción del usuario con nuestro contenido ya que podemos ver si los usuarios están realizando los pasos correctos o en que zonas tienen problemas para cumplimentar formularios, encontrar el enlace correcto, etc...  Sin embargo para webs en las que el usuario se limita a seguir enlaces y no tiene que interactuar tanto, cualquier programa de estadísticas nos podrá dar la misma información.

CraiglistCraiglist es la página de anuncios clasificados más vista del mundo.   En Smashing Magazine publican un artículo donde Steven Snell nos muestra algunos ejemplos de como cambios en el diseño pueden hacerla todavía más fácil de usar.  El autor no propone cambios radicales de apariencia, sino pequeños detalles que sirvan para hacer la web más sencilla y agradable de utilizar.

Este artículo es un buen ejemplo de como utilizar el diseño para mejorar el funcionamiento de una web.  Debemos ser conscientes de que en una web todo aquello superfluo e innecesario, que no aporta valor al visitante, sobra y molesta.

Redesigning Craigslist With Focus On Usability

iPod ShuffleAyer comentabamos las nuevas oportunidades y desafíos que las pantalla multitáctiles tendrán para el desarrollo de interfaces web.

Hoy presentamos un nuevo desafío a la forma de interactuar con un producto.  El nuevo iPod Shuffle es tan pequeño que no tiene espacio para los botones por lo que estos pasan a estar en el cable de los auriculares. 

En el cable hay tres botones Adelante, atrás y play/pausa.  Suficientes para manejar el iPod de forma cómoda y sencilla.  Aunque tratándose de Apple la cosa no podía quedarse ahí por lo que además de todo esto y para mejorar su manejo y la experiencia de uso ahora el iPod Shuffle nos habla.

Si pulsamos el botón play durante un segundo oiremos una voz que nos indica el nombre del artista y el tema reproducido.  Si mantenemos pulsado el botón más tiempo hasta oir un click la voz nos enumerará nuestras listas de reproducción pudiendo seleccionar la que queramos oir haciendo click.

Muchos pensareis que no es nuevo que los iPod ya nos dicten los menús por voz.  Pero lo realmente nuevo es que esta tecnología no está pensada como una alternativa para usuarios con discapacidad sino que es la forma natural de uso.  Y esto refuerza lo que ya hemos comentado alguna vez:  la accesibilidad a la hora de crear aplicaciones no es algo que tiene que ver con usuarios con discapacidad.  La accesibilidad nos afecta a todos de una u otra manera y todos tenemos nuestros sentidos limitados alguna vez (conduciendo, andando, hablando por teléfono...).   Hacer las aplicaciones web accesibles es bueno para todos, no es algo de ciegos y sordos, es algo de sentido común.

Aumentan los rumores que vaticinan la inminente presentación de Apple de un Netbook.  Tendrá un tamaño de pantalla de 10 pulgadas y pantalla multitáctil.

Al mismo tiempo sabemos que Movistar comercializará en exclusiva el Palm Pre que se autodenomina, modestamente, como: el anti iPhone.

La conclusión es que cada vez más gente estará siempre conectada ya que estos dispositivos suelen llevar aparejados contratos de navegación.  Y esto nos lleva a que mucha gente empezará a ver nuestras webs en pantallas de 10 ó menos pulgadas.  ¿está tu web preparada?

Aquellos que crean sus webs pensando en monitores de 19 pulgadas, con textos que no cambian el tamaño, con estructuras de maquetación rígidas, con enormes, pesadas e inservibles animaciones se enfrentan con que una parte cada vez mayor de sus visitantes no la puede ver correctamente.

Aunque lo que puede ser verdaderamente revolucionario es aplicar la pantalla multitáctil a los netbooks.  Después de comprobar lo bien que funciona en el iPhone esta claro que la tecnología multitáctil bien empleada ayuda y mucho a manejar las aplicaciones.

Se avecina una web multitáctil, una web donde en lugar de utilizar el ratón para movernos empleemos nuestras manos (estoy hablando, por supuesto, en netbooks, pda's y teléfonos...).  Esta nueva forma de trabajar nos llevará a tener que plantearnos las webs tradicionales como si de una especie de kiosko se tratase.  Tareas que con el ratón pueden resultar incómodas de realizar para algunas personas, como el arrastrar y soltar, se vuelven mucho más sencillas en modo táctil.

Al ser multitáctil podemos utilizar más de un "puntero" en la pantalla lo que nos proporciona nuevas posibilidades de interacción entre el usuario y la web (el ejemplo del zoom del iPhone es un buen ejemplo de como usar de forma inteligente e intuitiva la pantalla multitáctil).   Otro uso podría tener es para evitar el borrado accidental de información:  Podríamos pedir que el usuario con un dedo tuviese pulsado el botón de borrar mientras con el otro pulsa sí en el mensaje de confirmación.  De esta forma al tener que intervenir dos dedos la operación pasa a ser más difícil de ejecutar accidentalmente.

Sin duda la popularización de estos nuevos dispositivos va a suponer, para todas las personas implicadas en la creación de webs profesionales, un interesante reto.

Daniel Torres Burriel nos habla de cuatro herramientas online para la creación de prototipos web.

Herramientas online para hacer prototipos

Es imprescindible asegurarse de que nuestras webs van a funcionar correctamente a todos los niveles: adecuación a estándares, marcado, accesibilidad, ortografía, buscadores, etc...

Preocuparse por estos detalles es lo que diferencia al desarrollador amateur del profesional y lo que diferenciará nuestros trabajos del resto.   

Olga Carreras ha actualizado recientemente su colección de recursos de validación.  De obligada lectura y aplicación para todos los profesionales.

Mis Validadores

Si escribimos <input type="file" name="files[]" multiple> Safari 4 nos permitirá automáticamente subir ficheros varios ficheros al servidor.  En lugar de mostrarnos el nombre del fichero nos indicará la cantidad de ellos que van a subirse.

El atributo múltiple ha sido implementado en html 5 y Safari es el primer navegador en soportarlo.

Multiple file upload support in safari 4 public beta