Usabilidad en Formularios

Los formularios son uno de los elementos clave a la hora de tener exito o fracaso en un sitio web, ya que tras ello se encuentra una petición de información, una compra, venta o suscripción, generalmente son un objtivo a conseguir y definir, incluso en Google Analytics.

Como comenté en un post anterior, hay mucho debate sobre el tema de los formularios, ya sea desde la perspectiva de la accesibilidad y de la usabilidad, hay libros específicos sobre el tema, ahora mismo tengo pendiente el de Luke Wroblewski, Web Form Design, al cual solo he podido echar un vistazo. Si bien he de decir que no redescubre la rueda, y casi todo publicado lo ha estado ya antes.

Las normas básicas para un formulario, desde la perspectiva de la usabilidad podrían considerarse las siguientes:

1. Cuánto menos campos a rellenar por parte del usuario mejor.


2. Facilitar el relleno de campos, ya sea dando ejemplos y/o permitiendo que sea el sistema el que de el formato y no el usuario. Por ejemplo, no debería de molestarse a un usuario porque escriba el teléfono como 123 456 789, en lugar de 123456789


3. Si el formulario se divide en varias partes, muéstrelo de forma clara. No pida información duplicada.
   
   Si se solicita información de varios tipos bien diferenciados y son muchos campos mejor dividirlo en dos partes.
   
   Si se solicita mucha información pero es de un único tema, mejor mantenerlo en una única página, si es posible.
   
   


4. Mensajes de error claros, específicos y educados.


5. Mensajes de confirmación. Tipo: su Solicitud ha sido enviada correctamente.


6. No poner el botón cancelar, o borrar, solo pueden servir para que un usuario haga clic en ellos y pierda la información.


7. Decir a un usuario que campos son obligatorios y cuales no.
   

Asimismo es bueno aplicar las normas básicas a la hora del diseño web:

1. Eliminar elementos superfluos. En el caso de formularios incluso la navegación local.


2. Agrupar campos similares. Nombre y Apellidos suelen ir juntos, hobbies no.


3. Cuidado con saltar automáticamente de un campo a otro.


4. Diseño funcional, nombre del campo junto al campo a rellenar...

Un buen ejemplo de formulario. Yahoo.

El formuario valida mientras vamos rellenando los campos uno a uno, de forma sencilla, incluso nos da sugerencias a la hora de encontrar un problema como el momento de seleccionar un identificador de usuario. Al rellenar cada campo, nos avisa de porque se nos solicita. Me gusta :-)

Heurísticos - Evaluación Heurística

Estoy preparando el temario para un curso de usabilidad. Durante la parte que explica el análisis experto, se hace alusión a los principios heurísticos, que fueron enunciados por Nielsen. No son más que unas normas o leyes que han de seguir las páginas webs, para considerar que son fácilmente usables por parte de los usuarios.

Estos heurísticos son los siguientes:

1. Visibilidad del estado del sistema.
   El usuario debe saber que es lo que esta ocurriendo en la página web en todo momento.
2. Encaje entre el sistema y el mundo real
   El sistema debe hablar el idioma del usuario, con palabras y conceptos que el usuario conozca. Seguir las convenciones del mundo real, haciendo que la información aparezca en un orden natural y lógico.
3. Libertad por parte del usuario.
   Los usuarios se equivocan y necesitan poder resolver estos errores, es decir tener una salida. Permita que un usuario haga y deshaga las acciones que ha realizado.
4. Consistencia y estándares
   Los usuarios no deben preguntarse por que dos palabras, situaciones o acciones significan la misma cosa. Siga las convenciones de la página.
5. Prevención de Errores
   El diseño debe estar enfocado a la prevención de errores.
6. Reconocimiento antes que memoria
   Minimice la necesidad de recordar, haciendo las acciones, objetos y opciones visibles. Los usuarios no tienen que recordar información de una parte de la web a otra. Instrucciones para el uso deben estar visibles o fácilmente alcanzables cuando sea necesario.
7. Flexibilidad y Eficiencia de Uso
   Se facilitará la interacción de la web.
8. Diseño Estético y Minimalista.
   Las páginas no deben contener información o elementos irrelevantes o que se necesitan raras veces. Elementos innecesarios impiden una menor visibilidad de los elementos necesarios.
9. Ayude a los usuarios a reconocer, diagnosticar y recuperarse de los errores.
10. Ayuda y Documentación
    Lo mejor es que se puedan realizar las tareas de un sitio web sin necesidad de documentación. Pero si es necesaria debe ser de fácil acceso, y estar estructurada de forma que el usuario pueda encontrar lo que busca para la realización de las tareas de una forma sencilla.

Lo más fácil es seguir uns normas de diseño ya establecidas, más que los heurísticos en sí, ya que si hay algo que ha avanzado, es decir que funciona y que no en internet. Pero cuidado, lo más importante será siempre la prueba de fuego, es decir la prueba con usuarios reales.

Nota Importante: A partir de ahora he modificado el código para que los comentarios no lleven el nofollow, por lo tanto deberían contar para buscadores. Gracias a Eduardo Garolera por la info, y a Trucos de Google Analytics pues al entrar y ver que tampoco dispone de nofollow, me ha dado el empujón necesario.

Usabilidad Estratégica

Hace tiempo en un seminario de usabilidad, escuché por primera vez está palabra fue Eduardo Manchón quien la utilizó, y lo hizo referente a un ejercicio que había que entregar al seminario que realicé por Evolucy, en mi caso fue un ejercicio de la web del Ayuntamiento de Málaga, una anterior versión, aunque la actual deja bastante que desear en temas de usabilidad.

La usabilidad estratégica no es más, que el usuario debe tener claro que puede hacer la web en la que se encuentra, y es en esto en lo que fallan muchas webs.

Hay veces que aparte de la usabilidad, lo que falla es directamente la estrategia: En un anuncio de Adwords, con un texto que venia a decir: te decimos como eres y como es tu pareja ideal, uno que sigue soltero, pensó, vale voy a probar, rellene el test, puse mi mail, y sin comprobación de mail, te das de alta en dicho portal.

En un par de días, no puse foto ;-), empiezas a recibir algunas solicitudes, extraño cuando apenas has puesto nada, en plan esta persona quiere conocerte, te da acceso a las fotos, o tienes un alto indice de compatibilidad con tal persona, esto no me gusta, simplemente porque sin apenas datos, con un test sicológico, piensas ¿que sabe el sistema de mi?, si fuera Google el que está detrás del portal, da con tu pareja ideal e incluso teniendo compatibilidades con la suegra, porque tiene mucha información ;-).

Empiezas a recibir mails, sí, pero cuando alguien te manda un mensaje, solo recibes: X te ha mandado un mensaje de tantos caracteres. Para leerlo todo, has de pagar.

Mi siguiente paso, darme de baja, cuando lo haces, te dan la opción de decir por qué. Mi respuesta: ¿Comprarían una casa en la que solo le dejan ver unas habitaciones? Si quieres ver el resto, tienes que pagar, ¿absurdo no?

Parece que algunos no se enteran, de que hay muchos portales que ofrecen servicios gratuitos, de que Facebook existe, que lo de cobrar en internet solo puede hacerse por servicios de valor añadido, pero que debe haber una funcionalidad básica total gratuita del sistema, que por lo menos deberían dejar un tiempo de prueba para ver como funciona el sistema y que realmente lo hace.

Luego, los encargados de marketing dirán: Internet no funciona, la semana pasada en un para un freelance de una empresa dedicada a las TI, escuché esto para Adwords, ojo, no todo se puede vender por internet, el producto ha de ser bueno, la estrategia también, si finalmente realizó el trabajo intentaré ver la campaña de Adwords y ver si es el producto, la web, la campaña o la estrategia.

Ceguera del Banner

Esta semana un portal inmobiliario, nos comentó que el servicio que nos había ofrecido no había sido todo lo correcto que debía debido a un fallo de programación, de hecho nos envio muy pocas visitas, una campaña de Adwords por ese prespuesto nos hubiese producido bastantes más, por lo que para compensar, nos ofrecían aparecer en un banner en la parte superior con unas impresiones determinadas, o fijo en la parte lateral derecha.

Mi respuesta, fue, emulando a una de mis cantantes favoritas: No, no, no.

¿La gente no se acuerda de la ceguera del banner?. Creo que ya lo he comentado, pero la ceguera del banner es un fenómeno que proviene de la idea de que cuando nos presentan un estímulo repetidas veces nos insensibilizamos ante él. Es lo que ha ocurrido con los banners en la parte superior y lateral, los usuarios prácticamente ni lo miran puesto que han sido expuestos muchas veces a él.

Si vemos una campaña de Adwords, veremos CTR´s muy diferentes cuando nuestros anuncios se muestran en la parte superior (fondo amarillo) o en la lateral derecha.

Esto unido a que los usuarios suelen ir a un sitio a realizar una determinada tarea, y que esta se encuentra donde está el contenido principal, hace que esos banners apenas tengan clics, y sú única utilidad suele ser para creación de marca,

Gráficamente, los usuarios suelen mirar en la zona marcada:

Por lo que solicite que el contenido publicitado estuviese dentro del contenido de dicho portal inmobiliario, a modo de destacado, pero ellos también dijeron no.

Ojo, la ceguera del banner es algo más amplio, los usuarios parece que tienden a ignorar todo aquello que parece publicidad, y que cuanto más se parece y se integra con el contenido, más dispuestos están a verla. Esto lógicamento perjudicará si la publicidad es simplemente eso publicidad y no ofrece valor al usuario.

El ver que esas zonas tienden a ser ignoradas, podemos hacer los experimentos nostros mismos con Google Analytics y la opción Superposición del sitio, y ver el rastro de clics que han realizado los usuarios dentro de nuestro sitio, pudiendo ver si realmente los banners superiores y/o laterales, o el contenido, es de interés para nuestros usuarios.

Un artículo muy interesante sobre la ceguera del banner de Nielsen (inglés), donde se ven diferentes pantallazos sobre que ven los usuarios en diferentes sitios.

Guías para tener un buen contenido.

Si hay una página que me gusta mucho en temas relativos a la arquitectura de la información es Boxes and Arrows.

Hace poco fue IA Summit uno de los eventos más importantes de arquitectura de la información y usabilidad en Miami. Revisando el contenido y las diferentes presentaciones encontré Content desing best practices (PDF), esta realizada por Luke Wroblewski (directivo de Yahoo en Diseño e Ideas de Producto)

En dicha presentación hablan sobre como debe ser una página para tener un contenido más o menos optimizado pero en cuanto a la forma visual de presentar dicho contenido.

Hay algunas diapositivas bastantes buenas en cuanto a las ideas que exponen:


En esta podemos interpretar que creamos páginas pensando que el contenido se verá de una forma pero luego la realidad es otra, el contenido se puede enviar por correo electrónico, digg, o meneame, blogs que hacen referencia a dicho contenido, una búsqueda en Google etc.

El documento explica que una página web dispone de contenido, contexto y contenido relacionado.


El contenido

Ha de ser claro, breve y conciso. Debe ser jerarquico, dando importancia a los elmentos más importantes del sitio. Es bueno recordar que los usuarios no leen, ojean, como dijo Nielsen en una de sus últimas columnas parece que leen sólo el 28% de las palabras de una web. Así que lo de la jerarquía visual es importante. Destacar elementos como el precio de un producto, las características fundamentales, o el envío gratuito debe ser una máxima.

Contenido relacionado

Ha de estar relacionado. Esto es una obviedad pero si estamos hablando de libros de marketing, no podemos tener al lado un DVD de la guerra de las galaxias, aunque esta estrategia se usa, por ejemplo, para dar más importancia de cara a Google a determinadas páginas del sitio web, por lo que puede haber conflicto de intereses.

Aunque Google creo que ya da menos valor a los enlaces que son iguales en todo el sitio web, y entre Google y el usuario, en una página de productos, mejor nos decantamos por el interes del usuario, sobre todo porque Google valora enlaces de temáticas relacionadas.

Recuerda cuantas más opciones tiene un usuario, es más probable que termine sin elegir alguna y que suelen elegir la opción más sencilla, y ojo, la más sencilla es usar el botón de atras.

Contexto

A esto se refiere en cuanto a la navegación del sitio, y la estructura de la plantilla del sitio, aqui la presentacion nos recuerda algo que muchas veces se olvida y es que la credibilidad del sitio tiene que ver con la forma visual y de que parezca profesionalmente diseñado.

Es bueno recordar aunque no lo nombran en la presentación que las cosas "bonitas" funcionan mejor, Atracttive Things Work Better de Norman

Página de la EMT de Málaga

He realizado varios post sobre el Ayuntamiento de Málaga, y la web del Malaga Valley, en cuestiones relativas a la usabilidad. Bueno en las marquesinas ahora se ve, entre a la nueva web de la EMT (Autobuses).

Como ya puede apreciarse por los anteriores post, parece que la usabilidad no es un tema que preocupe a los organismos públicos en general, y en esto a pesar del Malaga Valley.

Si decidimos entrar a la página de la EMT necesito horarios, y como llegar de una parte a otra, y como tienen también, una sección de objetos perdidos. Pues bien si nos centramos en una de las aplicaciones más interesantes, que es Quiero ir a..

Nos encontramos con el siguiente formulario:

Lo mínimo que se le puede pedir a una aplicación es que funcione. Cuando dice que no se ha encontrado la calle de destino, está es la Alameda Principal donde en Málaga paran casi todos los autobuses, es el principal punto de destino y salida de la mayoría de ellos, y donde se encuentra los puntos de información del EMT.

A parte de no funcionar el formulario presenta, a pesar de su sencillez diversos puntos, que podrían mejorarse por ejemplo el [Campos Obligatorios] ¿qué quiere decir?, todos los campos son obligatorios pero es extraño que te pidan el número de la calle de destino, no tienes porque saberlo. Podría utilizar el estandar para cuando un campo es obligatorio que es el asterisco *. Además o se debe confiar únicamente en el color para determinar una información importante.

Asimismo, los iconos utilizados, como el de los prismáticos, que no tiene porque entenderse, salvo para aquellos habituados a programas informáticos no funciona, pero al menos tiene el texto Buscar.

El icono del mapa y del autobús son clicables, sin parecerlo, y además si clicamos sobre el icono del mapa nos sale el siguiente mensaje:

Es necesario instalar un software SVG. Deberían de intentar hacerlo con Flash, pues la mayoría tienen el plugin o avisar de alguna forma que es necesario.

Asimismo, ¿Que valor aporta lo de velocidad andando?. Si pides un dato de este tipo debería específicar porque es necesario, por ejemplo línea directa explica porque es necesario dar el número de indentificación, para ver lo que te puede costar un seguro:



Aquí podrían intentar explicar porque es necesario ese dato y la relevancia del mismo, supongo que será para darte un tiempo estimado, pero hay que tener cuidado en los formularios con la información que se pide, pues pueden hacer desconfiar al usuario.

He intentado varios nombres de calles, pero la aplicación sigue sin funcionar si ponemos Victoria de origen y Carlos de Haya de Málaga (son calles muy conocidas y concurridas) me aparece el mensaje de error ¡Demasiadas Calles de Origen!, con exclamaciones.

Los mensajes de error han de ser claros, y dar consejos a seguir por parte del usuario, Google Maps por ejemplo hace lo siguiente:


No todas las empresas o instituciones tienen los recursos de Google, pero un mensaje de error, como el que nos da la aplicación analizada es totalmente inútil, ¿Que quiere decir demasiadas calles de origen?

Si bien, esta aplicación yo diría que no funciona, he echado un vistazo a la web de emt de Madrid y la de Barcelona, esta última me ha resultado incomprensible como web, y la de Madrid al ver la aplicación similar a la de Málaga, es aun más complicada como interfaz,

No sé por qué me piden De salida, De llegada, las opciones el mínimo de trasbordos, eso lo pondría en una búsqueda avanzada, como hace Google, para simplificar el formulario.

He de decir que puse Castellana, Pio XII, clicamos en continuar y me aparece lo siguiente: ¿Para que me aparece esta pantalla? La entiendo si hay varias Castellanas en Madrid y Pío XII, pero solo hay una deberían llevarme a la página de destino.

Si confirmamos nos muestra ya el resultado. Ojo si con esta aplicación nos equivocamos y ponemos Castllana, nos aparece como primera opción "ningún registro encontrado", que tampoco es un mensaje de error válido, pues no veo lo que he puesto, debería aparecer por lo menos cual ha sido el texto introducido y a poder ser, dar algunas opciones.

Esperemos que vayan solucionando estos probemas.

Usabilidad de Emagister y SEO

Realicé un pequeño y somero informe sobre una página en concreto de Emagister, la que obtenemos cuando ponemos en su buscador cursos de usabilidad, y algunos detalles de SEO de la página en general. Pedi permiso a su SEO, Enric Ramos, y aquí está.

Ante todo, quiero decir que son pequeños detalles, y que todo informe de usabilidad ha de ir más documentado y con soluciones. También que se nota que hay mucho trabajo detrás de este portal, donde, me hago cargo del grupo de Adwords. También es bueno recordar que si una prueba de usuarios, desmiente lo aquí escrito, pues no hay más que decir, pues es a nivel teórico o heurístico.

Aquí está, queda extenso como post, intentaré colgar un pdf.

Emagister

Página de cuidada usabilidad, pero que puede mejorar a la hora de mostrar información y el etiquetado.




La cabecera es correcta. Quizás el tagline: La guía inteligente de formación, no es lo suficientemente claro para un usuario, pero es una marca conocida. En cualquier caso, sería mejor en un tamaño mayor, pudiéndose utilizar la parte que queda sin usar cuando un usuario no está registrado, el usuario registrado sabe donde está.

Los encabezados Cursos ,Masters, Cursos Gratis etc, son bastante claros, pudiendo ser un poco confusa la designación cursos gratis, subvencionados ¿cual es la diferencia entre ambos?

Ejemplo de Página de Resultados

El problema que se plantea es el siguiente, si busco cursos de usabilidad y veo el cuadro combinado, con la selección por defecto España, puedo pensar que es para elegir una ciudad, ¿como buscaría ahora los de madrid?



Serían necesarias las migas de pan. Sobre todo porque un usuario puede llegar a esta página a través de Google. Aunque llegaría a esta url y no a la que obtenemos al utilizar el buscador interno, inconvenientes, puede que un usuario enlace a la del buscador.

http://www.emagister.com/cursos-usabilidad-kwes-884.htm

Nótese que está página tiene 177 resultados, mientras la que obtenemos utilizando el buscador de emagister dispone de 168.¿Como iría el usuario a la página de Inicio? No todos los usuarios saben que el logotipo lleva a las páginas de inicio

Asimismo un encabezado del tipo cursos de cursos de usabilidad en España, no es correcto.

Los dos primeros resultados son iguales, varía solo el title del curso.

Dentro de la temática hay una subtemática que se llama HCI y Usabilidad, donde hay 8 cursos, no tiene sentido si estamos en cursos de usabilidad, crea confusión.



En este mismo menú se nos plantean la diferencia entre Diseño general y otros y Diseño.

Dado que se ha puesto la información en gris claro, al igual que algunos periódicos como el mundo.es pues en principio los usuarios se guían por el title, deberían ser más corta la descripción, para que se muestren más cursos a una resolución de 1024 solo se ven dos cursos, y en este caso son los mismos. Los logotipos no disponen de alt, esto afecta a la usabilidad y al posicionamiento.




Por otro lado en el lateral bajo la nomenclatura de “Con servicios adicionales”, aparecen chexbox que al ser seleccionados, automáticamente te llevan a la página, rompiendo la norma de que es el usuario quien ha de tener control y rompiendo el estandar de facto, el seleccionar un chex box, no ha de producir ninguna acción.

Otro aspecto que debería cuidarse más es la capitalización, aperecen cosas en mayúsculas y minúsculas de forma aparentemente aleatoria:


¿Por qué A Distancia aparece así, mientras A medida no?, lugar o método todo en minúsculas.

Respecto al SEO

Solo he echado un vistazo a la canonización de URLs y a los textos de los enlaces

La Home:

Cuando vamos al código y lo vemos: bien por introducir dentro del código los enlaces a los diferentes portales de los países en la parte superior, próximo a la etiqueta body.

El enlace que lleva a la home tiene el texto “ir a la home” (ojo el enlace es enlace a si mismo en la home page y esto es otro fallo a tener en cuenta en usabilidad no han de existir enlaces activos a la misma página), parece ser que Google solo lee el primer texto ante varios que apuntan a la misma página, por lo que leerá Ir a la Home y no cursos, que es lo que podría interesar.

Esto tiene las mismas connotaciones para cursos gratis subvencionados, solo lleva el texto subvencionado, mientras podría interesarnos el primero.

Habría que tener cuidado, pues un usuario registrado ve urls diferentes que un usuario no registrado, por ejemplo sin registrar, los enlaces de la cabecera llevan a, en el caso de oposiciones:

http://www.emagister.com/

Pero si estoy registrado, la url que tengo es http://www.emagister.com/index_buscador.cfm

Si nos vamos a Yahoo Site Explorer,
http://es.siteexplorer.search.yahoo.com/siteexplorer/search?ei=UTF-8&p=http%3A%2F%2Fwww.emagister.com%2Findex_buscador.cfm&bwm=i&searchbwm=Explorar+URL

Nos muestra que el segundo también dispone de enlaces, 17 enlaces.

Hay urls que haciendo clic solo en los menús no se encuentran indexadas: http://www.emagister.com/index_buscador.cfm?action=search&frmIdCateg404=2&frmIdProvincia=35


Si bien es una buena idea no desperdiciar “link juice” en el menú lateral en todas las secciones como por ejemplo el precio, si seria conveniente por provincias para así poder aparecer para querys de este tipo Nombre de Curso + Provincia, aunque en este caso concreto para cursos de informática en Madrid se aparece, no es en la página específica para madrid sino en está:

http://www.emagister.com/cursos-informatica-telecomunicaciones-tematica-2.htm, donde madrid queda fuera del scroll.

Nota: He de reconocer que me encanta el tema de la usabilidad, desde que realice el primer curso con Eduardo Manchón, lo encuentro francamente apasionante. De hecho he realizado dos cursos con él, primero fue con Denextep ahora Dnxgroup y luego con Evolucy. Y repito son ideas básicas, todo informe ha de ir aportando soluciones no solo críticas, y tampoco es exhaustivo.

Usabilidad de la Web de Málaga Valley

He visto varia veces durante últimos días anuncios sobre el Malaga Happening, un intento de promocionar Málaga en lo que a tecnologías de la información se refiere, que a título personal me parece una iniciativa fantástica, como malagueño y residente en Málaga.

La página web es www.malagavalley.com/

¿Qué ocurre? Si nos vamos a su web, es donde empiezan los problemas.

El principal: problemas de usabilidad estratégica, ¿para qué sirve esta web? Eso es lo que ha decir una página web nada más entrar, explicar dónde estoy, dónde puedo ir y que puedo hacer.

Si leemos el primer párrafo: “Club Málaga Valley e-27 es una iniciativa de un destacado grupo de presidentes de relevantes compañías del sector de la sociedad de la información y de algunos de sus líderes más destacados.” No responden a la pregunta

La web no tiene un tag-line o frase descriptiva, que nos indique para qué sirve dicha web.

Tienen una banderita para la selección de idomas, ya empiezan los problemas ¿Qué pensará un usuario irlandés o un aleman? Ya se sabe que las banderas no son la mejor manera de reflejar un idioma.

El sistema de pestañas, no es el adecuado, la simulación de pestañas se abre sin señalar en cual estamos, da igual en la que cliquemos, tampoco parece estar conectada con el área del contenido. Así no nos indicará de forma clara en cual de las pestañas nos encontramos.

Otro problema viene que la primera pestaña bajo el texto “Que es el club malaga valley”, (ojo Málaga en minúsculas, la capitalización no es coherente) es la página de inicio, desconcertando al usuario que llegue a través de un motor de búsqueda, pues no encontrará nunca un enlace a la página de Inicio.

No hay migas de pan o rutas que indiquen donde nos encontramos (Inicio > Declaración de Málaga)

El logotipo en las páginas internas, no lleva a la home o página de inicio.

Las notas de prensa que puede ser información de mucho interés, poder ver como se desarrolla el proyecto queda escondido bajo un icono con el texto todo en mayúsculas, vuelve a romper una capitalización.

Eso sí destaca, pero cuando clicamos nos lleva a una página donde no se ven noticias a primera vista si no dosieres de prensa y documentos sin fecha, una noticia sin fecha de publicación no es muy correcta, no aporta la información de saber si está actualizado o no el sitio.

El encabezado Documentación es blanco sobre un fondo casi blanco prácticamente ilegible.

Si repasamos por encima también el posicionamiento, el resultado es que no está optimizado, los titles de los documentos son siempre los mismos: Málaga Valley e-27. Silicon Valley Europeo. Málaga capital tecnológica de Europa.

Definitivamente es una página que habría que reconsiderar para un rediseño, si queremos dar una imagen de modernidad, no sólo en España si no en Europa.

Aportando más contenidos, creando un blog, una estrategia más definida de comunicación, no sé hay cientos de formas, que espero que sean tenidas en cuenta.

Enlaces de interés:
Tabs, Used Right de Jacob Nielsen
Using flags to indicate languages W3C org

Usabilidad en menus

Para el proyecto que estoy trabajando actualmente tengo que decantarme por la realización de unos menús.

La elección es, una vez seleccionado la localidad , he de elegir entre varias características, característica 1, 2 y 3. Estando las características divididas en subcaracterísticas, visualmente:



¿ Qué es lo que ocurre ? tenemos los resultados de busqueda a la izquierda, y vamos haciendo intersecciones, a la derecha irán mostrándose la intersección de los elementos del menú, es decir, si clicamos en Opción 1 -1, y en la opcion 2 - 3, a la derecha sólo me aparecerán los resultados que cumplan ambas condiciones.

Esto da lugar a que puedan ocurrir intersecciones vacías, es decir 0 resultados a la derecha, y eso quiero evitarlo.

Mi pregunta es ¿es mejor no mostrar las opciones cuando no tengan elementos o mostrarlas pero que de forma visual se vea que no son clicables y por ende están vacías?

Es decir si elegimos opción 1 - 1, y la opción 2 -2 no está disponible ¿ qué es mejor la opción a o la b ?

Una de las máximas en usabilidad es eliminar aquello que no es necesario, pero, la opción 2 puede hacer que el usuario se acostumbre a las diferentes opciones del sitio pues siempre permaneceran fijas.

Si nos vamos a Amazon, tras mucho buscar en encontrado que llevan una mezcla de ambas opciones, si nos vamos a esta página

Books > "usability" > Computers & Internet > Web Development > E - commerce

Tenemos el siguiente menú:


Durante todo el proceso la parte de Category se ha mostrado con opciones clicables es decir con resultados, pero si llegamos aquí, y pinchamos en Collectible, obtenemos un no se encuentran resultados.

El proceso es claro, cuando hay muchas opciones, y es una eleccion primordial y única a lo largo del sitio, prefieren mostrar solo categorias con elementos, "Condition" es más un elemento de tipo navegación que se mantiene en todo el sitio. En cualquier caso que sea clicable me parece un error.

Sitios como Infojobs, utilizan únicamente la opción 1, tras diversos clics, nos encontramos con


Sabemos que hay más tipos de contratos, pero nos muestra la única opción disponible.

Creo que a pesar de todo me decantaré por la opción dos, ¿por qué? porque puede resultar muchas intersecciones vacías, y quiero que el usuario sepa las opciones de las que dispondrá a lo largo del sitio web, a medida que vayamos creciendo. Creo que así es más informativo, el tiempo me dará o me quitará la razón.

También es bueno por motivos de SEO, las palabras clave del menú, son importantes, handicap, no deben ser enlace, pues no tiene sentido que el usuario haga clic para no encontrar nada, aunque el peso del texto de los enlaces en SEO es muy importante, por lo que me encuentro ante un buen dilema, que podría solventarse si ponemos un (0) al lado, pero esto no es muy elegante.

¿Alguna sugerencia?

Página del Ayuntamiento de Málaga

Hace relativamente poco rediseñaron la página web del ayuntamiento de Málaga, aparentemente mejoraron, pero, quedan bastantes cosas que deben ser revisadas, la navegación es demasiado confusa para que un usuario pueda entenderla fácilmente.

Si estamos en la home del Ayuntamiento de Málaga, nos encontramos a la derecha con el siguiente menú:

La pregunta es: ¿Por qué ponen en minúsculas el título principal y en mayúsculas las subsecciones?. Ya se sabe que las mayúsculas son más difíciles de leer en pantalla hasta un 15 % que las minúsculas. Por otro lado no deberían llamar a una subsección e-administración igual que a la sección que parece principal, produce confusión.

Si pinchamos en E-ADMINISTRACIÓN, nos vamos a una página saturada de texto:

El texto además de no utilizar negritas, es demasiado extenso, si calculamos el índice de Fog, que es un indice que nos mide la dificultad de lectura, y que debe encontrarse por debajo de 12, nos da 27.86. La dificultad para leerlo es demasiado grande. (*)

Como ejemplo, el siguiente trozo de texto: " En este sentido, la evolución de la Sociedad de la Información y del Conocimiento representa, también en la ciudad de Málaga, un cambio esencial en las relaciones sociales, y ello como consecuencia de las facilidades que pueden tener los ciudadanos para acceder de forma inmediata a recursos de la información con independencia de su contenido y origen. Esto es posible por las capacidades que permiten el uso de las nuevas tecnologías de la información y las comunicaciones, materializadas principalmente en los nuevos canales de comunicación que posibilitan el uso de Internet. "

No dice nada de interes, podría ser suprimido, además como comenté carece de negritas, para hacer el texto más "escaneable", los usuarios en internet no leen, ojean, pero con bloques como este simplemente pasaran de largo.

Ahora tenemos las migas de pan:

¿Diferencias entre Inicio y Ayuntamiento? Si pinché en un enlace, dentro de un grupo que se llamaba e-administración, cuya categoría principal parecía e-administración ¿de dónde sale el "Trámites y Servicios Municipales"?.

Como puede comprobarse la navegación es inconsistente.

Si nos vamos al menú de la izquierda:

El menú sigue igual de inconsistente, dentro de un enlace de e-administración no debería encontrarse cosas como Notas de Prensa, o Alcalde además volvemos a tener un menú en mayúsculas, y unos enlaces que no parece lo que son, pues son iguales que el texto, en negro y sin formato.

Por otro lado enlaces como Organzicación Municipal no sabes donde te van a llevar, pues no se entiende el etiquetado, cuando clicamos se nos abre una página con un encabezado "Organigrama Municipal", por lo que esto confunde al usuario, y lo segundo, en mi opinión es más claro, por lo que debería de llamarse así "Organigrama Municipal".

Dicho esto en este caso, la página rompe otra de las cuestiones fundamentales en usabilidad, saber dónde estoy y qué puedo hacer.

Un rediseño a nivel de arquitectura de información y usabilidad no estaría de más, esperemos que pronto, por que si no la e-administración va a avanzar muy poco.

Enlaces:

1. Como escribir para la Web. Usalo.es
2. Principios Heurísticos. Useit.com

(*) Para Calcular el indice de Fog solo hay que seguir el enlace y copiar el texto de la página de E-administracion comentada.

URL´s y posicionamiento.

Ahora me encuentro leyendo información sobre la importancia de las urls en el posicionamiento, (una url es la dirección de una web por ejemplo http://marketing-on-line.blogspot.com/), en el libro "Optimización del posicionamiento en buscadores con PHP", si bien no tengo mucha idea de PHP si me interesa saber que se puede hacer con este lenguaje de programación.

Hay un apartado muy interesante que habla sobre las urls, como debemos actuar:

En pocas palabras: Url´s con pocos parámetros, como mucho se aconsejan 2 ó 3 parámetros, lo mejor ninguno, en PHP siempre podemos utilizar el mod_rewrite, para los profanos como yo, el mod_rewrite es simplemente convertir una url del tipo:

http://www.ejemplo.com/promociones/viviendas.php?pagina=1&pro_pagina=10&prov=29,

en algo más amigable para los buscadores:

http://www.ejemplo.com/promociones/viviendas-malaga.htm

Una url suele ser dinámica si lleva el signo “?”

¿Por qué es necesario esto?

Una url sin parámetros es mejor que con parámetros, ojo, no quiere decir que una página estática se posicione mejor que una dinámica, en teoría deben posicionarse igual www.ejemplo.com/index.htm que www.ejemplo.com/index.php . Ver artículo en CNET inglés.

Si nos vamos a las directrices para webmaster de google nos encontramos con lo siguiente:

“Si decide utilizar páginas dinámicas (es decir, una URL que contenga el carácter "?"), sepa que no todas las arañas de los motores de búsqueda rastrean páginas dinámicas, además de páginas estáticas. Se recomienda que los parámetros sean cortos y escasos.”

Hay otro problema que plantean las búsquedas con parámetros, y es el de contenido duplicado, muchas veces podemos llegar a una url haciendo multiples selecciones, pudiendo una url quedar del siguiente modo:

www.ejemplo.com/(parametro-precio)&(parametro-localidad) pero el contenido de esta url puede ser la misma que si elegimos el orden inverso www.ejemplo.com/(parametro-localidad)&(parametro-precio)

Para Google, o cualquier otro buscador estas urls son diferentes, pero el contenido es idéntico ¿cual mostrará? Probablemente una la penalice, mostrándonos sólo una de las dos pero supongamos que un usuario ve nuestra web, piensa que es relevante, ¿a cual enlazaría un usuario?, no sabemos si las páginas penalizadas, pueden enviar “link juice” de la misma forma que una página que no ha sido penalizada, al menos yo desconozco este punto, pero lo lógico es que no tenga la misma capacidad, por lo que mejor si sólo existe una url, con el mismo contenido, nos aseguramos que los enlaces son siempre a la misma url, teniendo más relevancia esta única página.

* Link juice : Todos sabemos que Google tiene muy en cuenta los enlaces, y cada enlace tiene un determinado “poder” o calidad dependiendo del sitio para hacernos mejorar en las páginas de resultados orgánicos o SERP´s, el link juice podemos entenderlo como la cantidad de poder o calidad que ese enlace que nos pasa.

Para el posicionamiento ¿es importante que existan palabras clave dentro de la url?, hay quien opina que su influencia es mínima, otros le dan más importancia, en el libro que leo dice que tiene poca influencia, y que no merecerá la pena, cambiar una url por otra “enriquecida” si ya está indexada.

Por ejemplo no merecerá la pena cambiar www.ejemplo.com/viviendas-provincias29/ por www.ejemplo.com/viviendas-malaga/ , y ni cambiar guiones bajos _ por guiones medios -.

Cambiar www.ejemplo.com/viviendas_malaga/ por www.ejemplo.com/viviendas-malaga/. Si bien Google ya ha "publicado", Matt Cutts es su cabeza más visible, que trata a ambos de la misma forma, antes no era así. Ver artículo en CNET Inglés

Lo que si es cierto es que una buena url, puede llamar a la acción, si vemos una url en la página de resultados del tipo:

www.ejemplo.com/viviendas-malaga/ y pongo en google viviendas en malaga en la pagina de resultados de Google vería la url de la siguiente forma: www.ejemplo.com/viviendas-malaga/, por lo que ganamos visibilidad, además parece que una url entendible por el usuario mejora la usabilidad y la posibilidad de que nos hagan clic. Es bueno recordar que las urls, mejor cortas llegados a este punto

La conclusión a todo lo anterior: si tiene urls indexadas, déjelas tal cual, pero suprima el contenido duplicado, al suprimir contenido duplicado puede perder alguno de los enlaces que apunten a dichas páginas, si bien se puede hacer un redireccionamiento 301, para que esto no ocurra.

Si vamos a empezar de cero: Urls cortas, sin parámetros y con palabras clave en su interior. Durante todo este proceso elimine el contenido duplicado

Importante: Si decide cambiar, las urls de una determinada página web, recuerde la forma de hacerlo es mediante un redireccionamiento 301.

Poca importancia de que aparezcan las palabras clave en la url:

http://blog.searchenginewatch.com/blog/060831-093338

Google tiene en cuenta las palabras clave en las urls:

Scoble visiting the Plex

Seo Advice: Writing Useful Articles that readers will love

Usabilidad en las URL´s

Jacob Nielsen: URL as UI

Nota: Redireccionamiento 301, es introducir un código a una página que le dirá a los motores de búsqueda, está página ha pasado a ser esta otra, consiguiendo así los enlaces la nueva, que apuntaban a la antigua.

Buscando un Seguro de Coche por Internet

Acabo de entrar en Lineadirecta.com, he llegado vía Google, al poner "seguros de coche", están entre los 10 primeros, buena visibilidad.

El diseño es un poco extraño, no me trasmite mucha confianza para ser un sitio de seguros, pero tiene un nombre ya conocido, por lo que se pueden permitir esas licencias, si bien yo pondría su logotipo un poco más grande, pues lo tenemos ya asociado visualmente el anuncio de televisión, la imagen del teléfono con ruedas.

Selecciono la opción coche, y le doy a calcular precio. Previamente me dicen que son sólo 2 minutos ¡ Genial !, sé que es corto, no me importa perder sólo 2 minutos.

El problema viene ahora cuando entro al formulario de seguro de coches, ¿por qué me pide el NIF?, es demasiado personal, aunque se nota que hay un gran trabajo en la usabilidad del site, investigando llegas a que lo ha realizado DNXGroup, el primer curso de usabilidad lo realicé con ellos cuando eran Dnextep, con Eduardo Manchón y Cesar García, y fue fantástico, pero retomando creo que pedir el NIF es demasiado personal, hubiese optado por el e-mail.

Ahora bien, te piden el dato, pero sobre el campo NIF, a la derecha ves un enlace, con el texto ¿por qué he de facilitar mi documento de identificación?. Al clicar te lo explica, eso es un buen ejemplo a seguir.

Otra cosa que no entiendo, es la fecha de nacimiento, he pensado, claro, ¡ para la edad!, pero me ha hecho pensar, y eso en internet no es bueno de cara al usuario. Sé que necesitan la edad para un seguro, con menos de 30 te piden un "extra", pero es más sencillo poner la edad que rellenar 3 campos necesarios para la fecha de nacimiento.

Luego el código de validación, donde también hay un enlace donde se explica por qué se te solicita introducir el código.

Lo mejor del formulario, sin duda es que cuando te equivocas, te muestra de forma clara en que te has equivocado, poniéndolo sobre fondo amarillo con texto rojo, fácilitando un número de teléfono por si no puedes seguir.

Pero en general creo que es un excelente trabajo, y un ejemplo a seguir en los formularios.

Ahora, voy a poner una queja al ayuntamiento de Málaga me encuentro con un formulario menos trabajado, me pide cosas como Distrito, que no sé lo que es.

Al menos no parece obligatorio, lo raro res que no son obligatorios ni el e-mail ni la dirección, no se dónde piensan contestar.

Respecto a los botones que se encuentran:

Que alguién me explique la diferencia. Ya debería saberse que si quiero, no enviar, cierro la ventana, que la opción "borrar" entero no tiene sentido, pues te habrás equivocado en un campo a lo sumo, además ¿que difrencia hay con cancelar? . Esto sólo sirve para que te equivoques, y en lugar de envíar, le des a otro botón y pierdas toda la información.

Si no rellenas el Nif/Cif, siendo siglas no entiendo las minúsculas, te aparece un mensaje en ventanita javascript emergente: CIF Inválido, poco amigable. También podían haber puesto el nombre del campo Nif/Cif Inválido y un por favor.

Otra cosa que considero un erro lo siguiente:

Incluya un solo concepto de queja o sugerencia. Si necesita plantear más vuelva a crear otra queja o sugerencia.

Independientemente, de que lo considere un error de gestión, y debería dejarse poner al usuario lo que quiera. Sería más sencillo, para usuarios avanzados al menos, sin introdujesemos un "pinche aquí si desea realizar más de una queja o sugerencia".

Al clicar podrían disponerse varias cajas, con AJAX por ejemplo, donde introducir las diferentes quejas, no obligar al usuario a rellenar sus datos una y otra vez, que es lo que parece que hay que hacer.

Distinta calidad de trabajo sin duda, y una mala aproximación a la administración electrónica.

Credibilidad en la Web.

Son muchos los factores, que influyen en el éxito de una web, uno es la Credibilidad, no podemos vender, si los usuarios no confían en nosotros.

Parece que el éxito de una web es: idea+ usabilidad + findability (la posibilidad de que nos encuentren) + credibilidad. Cada elemento debe tener un peso diferente, pero creo que todos son imprescindibles.

Hay diversas técnicas, para hacer el diseño más persuasivo, hay quien habla de implicaciones morales, en este tipo de doctrinas, pero lo cierto es que si queremos vender, tenemos que hacer que el usuario confíe en nosotros.

Uno de los libros que recomendé, es el Persuasive Techonology, pues bien resumiendo, las guías para hacer que una web sea creíble me quedan los siguientes puntos:

1. Diseño profesional. Parece que la estética no importa, pero no es así, además de en libro anteriormente mencionado es bueno recordar: Attractive things works better, de Norman. y a este señor, ni Jacob Nielsen lo contradice, básicamente porque tienen la misma empresa, el NNGroup.
2. Haz fácil ver que das información real. Enlaza a periódicos, a IBM, a sitios de expertos, da tus fuentes, enlaza, enlaza, enlaza.
3. Muestra que hay personas reales detrás de tu empresa, o tu sitio web. Si hay expertos muestrálos, y si puedes pon fotos, esto da tranquilidad a los usuarios. Aunque parezca mezclar cosas, sólo tenemos que pensar en los perfiles de internet de los sitios de parejas, los que tienen fotos reciben 5 veces más mensajes que los que no tienen fotos. Podéis leer un ejemplo en Having more profile photos improves your dating odds.
4. Haz fácil que sea contactar contigo, que sea fácil saber donde estás. Un teléfono fijo, una dirección física hace más fácil las cosas.
5. El sitio tiene que ser usable y útil. Aquí hay poco que decir.
   
6. Contenidos actualizados. Sí, si el último contenido es del 2002, piensa, ¿confiarías en una web así?
7. Diferencia contenido y publicidad. La publicidad no es reconocida como símbolo de calidad. Es básica para muchos modelos de negocio sí, pero diferencia, porque clicar, pensando que es contenido y luego darse cuenta de que no hay nada de lo que esperas frustra.
8. Evita errores de cualquier tipo. Ortográficos, páginas no encontradas, enlaces que llevan a otra parte etc etc etc.

Implicaciones con el SEO, hace tiempo que escribí un post sobre que Google parece favorecer los sitios que se actualizan a menudo, también los visita más a menudo, esto ya es experiencia personal. Hay excepciones.

Hay un artículo bastante interesante, sobre todo ahora que se acercan las navidades, época crucial para el comercio electrónico sobre la importancia de las fotos en la credibilidad (inglés):

1. Calidad profesional.
2. Alternativas y vistas detalladas. Muestra distintas fotos y vistas del producto
3. Ampliables. Si hacemos clics, es que queremos ver más detalles.
4. Rápidas en cargar. Con programas como Photoshop o incluso Fireworks, podemos tener muy buena calidad, y rápidas en cargar, no es excusa.
5. Si estamos en un página como una búsqueda y solo puedes mostrar fotos pequeñas, que sean relevantes, muestra sólo una parte de la foto si es necesario.
6. Haz al usuario la idea del tamaño real, muestra el producto al lado de un objeto cotidiano, como un bolígrafo, o si es un bolso muestra una chica llevándolo.
7. Fotos completas, sí hay accesorios muestrálos. Ojo, si muestras fotos con accesorios que no están incluidos, debes de indicarlo claramente.
8. Relevantes. No distraigas a los usuarios con cosas que no sirven. La máxima en usabilidad es el minimalismo, si algo no sirve, quítalo.

Para ver todo esto gráficamente Ecommerce imagery: Persuading with pictures

Libros de Usabilidad, SEO y Web en General.

Estoy buscando algunos libros de usabilidad, marketing o SEO para comprar, siempre puedes ir a Amazon y echar un vistazo dentro de los libros, pero el problema es que empiezan a ser básicos, hay mucho ruido en la web, libros de usabilidad similares a otros de arquitectura de la información, o libros de web marketing que hablan de SEO, y casi todos tienen el mismo contenido, buscando opiniones de libros en español hay poco, por lo que aporto mi grano de arena.

Las opiniones:

Usabilidad y Arquitectura de la Información:No me hagas pensar. Autor: Steve Krug. Sin duda el mejor. Todo un clásico que debería leer cualquier persona relacionada con internet. Lo trata todo con una sencillez pasmosa, debo mi profesión a este libro, me lo regalaron y desde entonces nada fue igual. En los seminarios siempre lo he recomendado.

Arquitectura de la Informacion para el World Wide Web. Autores: Louis Rosenfeld y Peter Morville. Una introducción bastante desarrollada a la arquitectura de la información, hay una segunda edición disponible. Imprescindible.

Home Page Usability. 50 Websites Deconstructed. Autores: Jacob Nielsen y Marie Tahir. Libro visual que da guías en cuanto al diseño de las páginas de inicio, con 113 consejos, y el análisis de 50 sitios, nos puede ayudar a comprender la importancia de la usabilidad.

Libros de SEO:

Directamente no recomiendo libros de SEO, es un tema que varía mucho, es mejor investigar, probar, leer foros etc. Pero si hubiese de recomendar alguno, el mejor sería el de SeoBook.

Otros libros para la web Interesantes:

Persuasive Technology. Using computers to change what we think and Do. Autor B.J Foog. Habla de como persuadir a los usuarios para que realicen determinadas acciones dentro de la web así como de la credibilidad. La parte más interesante se encuentra online en The Web Credibility Project.

Web Metrics. Proven Methods Measuring Web Site Success. Autor Jim Sterne. Como medir el éxito, y el fracaso de nuestra web, mediante el análisis de los datos que nos producen los logs o programas análisis de estadísticas para la web como Google Analytics.

Usabilidad en la página de los Productos

Sigo con el rediseño de una página de comercio electrónico B2B.

Ahora estoy rediseñando la ficha de los productos, he estado echando un vistazo a la fincha de productos, como siempre Amazon, es el ejemplo a tener en cuenta, por ejemplo si vemos esta ficha para una Agenda Electrónica,

En ella podemos ver lo siguiente:

1. Se muestra la información neceseria para que el usuario que quiera pueda comprarla, luego haciendo scroll se muestra mucha más información para aquellos que necesitan más puedan comprarla. Es decir no saturan al usuario con información.**
2. Hay opiniones por parte de los usuarios de productos
3. El precio esta claramente identificado
4. La disponibilidad de producto
5. Se muestra la información de los gastos de envío
6. También se muestra que el monitor se vende aparte, no llevandonos sorpresas. Es decir la cosas extras, o aquello que se muestre en la fotografía si no va en el producto debe especificarse claramente.
   
7. La fotografía es clara, además clicando sobre ella se muestra de un mayor tamaño.
8. Botón para añadir al carro de la compra es fácilmente visible.

Lo único que no consigo ver es la garantía y como devolverlo.

** Siempre he puesto a Amazon.com como ejemplo de usabilidad, si bien en estoy con Jacob Nielsen en su artículo Amazon No longer the role model for E commerce Design donde nos dice que las páginas de Amazon, estan sobresaturadas ya de características, y que ahí empieza a fallar.

Como buenas páginas a la hora de mostrar la información en español me gusta La Casa del Libro, donde esta página web del libro de Usabilidad Nielsen, se muestra también bastante información pero de una forma clara, en cualquier caso, hay bastante similitudes con Amazon, pero me gusta. Aunque no hable de gastos de envíos, ni posibilidad de devolución. Quizás también cambiaría el Disponible (Ver detalles), por Libro Disponible, y eleminiaría el Ver Detalles, pues tiene que ver más con el envío, que con la disponibilidad.

Usabilidad en los resultados de Búsqueda.

He estado discutiendo con Iván, sobre la importancia de un motor de búsqueda y como ha de ser el mismo.

En el primer punto, que es imprescindible estamos de acuerdo, el problema surge en como hacerlo. Todos sabemos que el motor de búsqueda con más éxito es Google. Todos sabemos como es: Una caja donde introducir nuestra consulta de un gran tamaño y un botón buscar.

El problema es que no todos tenemos esta tecnología, recopilando información, para una web en la que estoy trabajando, he encontrado este mínimo de condiciones para considerar que un buscador sea aceptable:

1. El buscador ha de estar accesible desde todas las páginas y verse fácilmente.
2. El campo donde introducimos la consulta ha de ser lo suficientemente ancho, que se pueda escribir perfectamente “armarios de tres puertas”.
3. Ha de ser lo más estándar posible, es decir, botón de búsqueda y cuadro de texto.
4. Debe buscar en todo el sitio, y sólo en el sitio.
   Evitar búsquedas acotadas, en las diferentes secciones, por ejemplo buscar sólo en informática, puede generar problemas de cara al usuario.

**Ya esa despareciendo la opción buscar en todo Internet.

Respecto a los resultados:

1. Han de ser consistentes y relevantes: Si busco silla, lo normal es que aparezcan sillas, no bolsas de masilla.Evitar repeticiones innecesarias, es decir no mostrar resultados donde lo único que varíe es el color dun elemento, o características irrelevantes.
2. La información mostrada ha de ser buena: Descripción clara del producto, precio, y en este caso fotografías de los productos. El proveedor del producto es irrelevante.

Otras consideraciones:

1. Debería permitir fallos ortográficos.
2. Cuando no existan resultados guiar al usuario para que puede encontrar productos.Es decir no sean encontrado “Sillas verdes adaptables”, realice otra búsqueda másgeneral o revise la ortografía.
   Yahoo! Nos muestra lo siguiente:

Sugerencias:

• Revisa la ortografía de tu búsqueda.
• Prueba con otras palabras más generales.
• Inténtalo con palabras diferentes que signifiquen lo mismo.
• Amplía la búsqueda utilizando menos palabras.

Un buen buscador de productos debería permitir filtrar por precio, marca, etc.

Bien, ahora viene la discusió con Iván, el defiende un buscador para una inmobiliria tipo Google, Nestoria.es yo, dije que uno como Idealista, no porque sea perfecto, pues sé que tipo Google es mejor, sino porque presupongo unas menores dificultades técnicas además de por la orientación que da al usuario a lo largo del proceso

El modelo Idealista simplemente eliges comprar, alquilar, luego el tipo de vivienda y la localidad, luego empiezas a filtrar.

Sí Iván, tienes razón, es mejor Google, (Nestoria tienes problemas como que al poner pisos coruña no da resultados) por eso está donde está, pero el otro sistema es más fácil de adaptar, y quizás guíe al usuario mejor.

Sabemos ya que al usuario no le importa hacer clic, si piensa que se esta acercando al resultado deseado, sin llegar a exagerar, pero por otro lado me surge la pregunta:

Inmobilairia Elpaís.com tiene ese mismo buscador tipo Idealista, incluso los Clasificados de la Vanguardia, ¿Se convertirá esto en un estándar?

Enlaces de Interés:

• E commerce Search Report 37 Signals (Inglés)
• Search Visible and Simple (Jacob Nielsen) (Inglés)
• Normas básicas de usabilidad para buscadores internos de Evolucy.
  

Curso de Prototipado en Madrid

He realizado el curso de prototipado en Madrid impartido por Evolucy, correspondiente a los días 3 y 4, en concreto:

• Prototipado I: Metodología de personajes y escenarios
• Prototipado II: Ejercicios prácticos de prototipado

La metodología del prototipado me parece interesante, si bien ya conocía algo de esta metodología a nivel teórico. En esta dirección de internet pueden encontrar más información al respecto (inglés) http://www.steptwo.com.au/papers/kmc_personas/

A mi modo de entender al curso le faltaba teoría, pues sales con la sensación de que es muy interesante, pero que, una puesta en común, que toda la clase trabajara sobre el mismo sitio web, podrían haber aligerado el proceso y haber profundizado más en otras técnicas de prototipado, o simplemente hacer prototipos de otras webs más complejas, intentando ver como mejorarlas, sirviendo de apoyo para el contenido de días anteriores.

En resumen, diré que el curso se dividió en dos partes, una crear personajes específicos para sitios web, es decir, siempre en diseño web, tendemos a hablar del usuario medio, error, pues es un mito.

Entonces analizando logs, o mediante entrevistas a usuarios, podemos definir varios modelos de personajes que utilizan el sitio web, de esta forma, eligiendo uno principal.

Daremos características particulares a ese usuario, que será Sebastian de 30 años, y no un usuario desconocido, será con las características profesionales, personales etc de Sebastian.

Así evitamos, cosas como: Y si el usuario hace esto... No Sebastian no lo haría. Luego siempre podemos volver a otros personajes secundarios, para facilitar el uso para esos usuarios (ana, ramón etc, no usuario medio de nuevo).

Yo elegí, como web Diario Directo, una de las webs, para las que trabajo, el personaje principal fue:

Sebastián: 30 años jefe de informática, lector ocasional del periódico que llega a través de Google News, de un partido político en concreto, no le importa expresar su opinión de una forma abierta, siendo bastante agresivo en cuanto a formas. Esta todo el día revisando el correo y conectado a internet. Devorador de blogs.

Uno de los secundarios:

Carmen 43 años ama de casa llega, anteriormente ha trabajado de administrativa. Madre de 2 hijos, buscando información en Google sobre el protocolo de kyoto para sus hijos, llega a la hemeroteca del periódico, copia la noticia y se va. Utiliza internet esporádicamente, para buscar información sobre lugares de vacaciones, algunas descargas y ayudar a sus hijos. Le molestan las opiniones poco razonadas y malsonantes, dándole credibilidad según la forma en la que estén escritas.

Luego redefinimos la página de una noticia de Diario Directo, intentando facilitar, el objetivo, o meta, que en esta caso, era fidelizar a Sebastian, gracias a su participación en los foros de opinión del periódico.

Otra cosa, que creo que falta es realismo, muchas veces los ideales no son alcanzables, por ejempo, si vemos la página de Hotelius, el "directorio", o la lista de enlaces hoteles madrid, hoteles barcelona, tiene una misión claramente de SEO, para aparecer para determinadas búsquedas, no una misión de usabilidad.

Un libro que puede venir de perlas para esto, es Findabilty de Morville.

No concibo la usabilidad sin diseño, sin posicionamiento en buscadores, sin estrategia de marketing, esto un cúmulo de cosas, para mi es como un reloj, las piezas por separado no valen para nada, es la unión, la que les da el valor.

Heurístico del Análisis del Contenido.

En el artículo de Boxes and Arrows, Heurístico del análisis del contenido, nos habla de una serie de normas o leyes para analizar el contenido de una página web:

Estas son:

• Colocación: Es bueno colocar artículos relacionados o de la misma temática en áreas similares.
• Direfenciación: Coloca cosas distintas en distintas áreas de contenido, y etiquétalas adecuadamente.
• Completo: Todo el contenido mencionado o "linkado" debe existir.
• Pistas de la información: Las etiquetas han de ser descriptivas para ayudar al usuario a a encotrar lo que está buscando, asi como reflejar la colocación de la información y la diferenciación de la misma (puntos uno y dos).
• Información delimitada: Un usuario debe saber fácilmente la cantidad de información de que dispone el sitio.
• Accesibilidad: El usuario debe poder acceder a la información
• Multiples accesos a la información: El usuario debe poder acceder de diversas formas a la información del sitio.
• Estructura apropiada: La estructura de la información ha de seguir la estructura mental del usuario, teniendo en cuenta que cada usuario puede tener un objetivo diferente en el sitio, por ejemplo: comprar un producto, buscar información sobre el mismo etc.
• Consistencia: El contenido ha de ser consistente en las mismas areas de contenido.
• Relevante a la audiencia: Los diferentes segmentos de la audiencia han de encontrar contenido relevante.
• Actualizado: El contenido debe estarlo.

Con estos heurísticos el autor Fred Leise hace un análisis cualitativo del contenido del sitio.

El gobierno anda muy Des-Orient@-do en la Web

Es mañana mientras realizaba una búsqueda de enlaces relacionados con la formación, por si algún lector no lo sabe, es necesario el que sitios de calidad relacionados te enlacen para aparecer en los primeros puestos de Google, llego a lo que se llama Portal Orienta, que es de tipo gubernamental y cuya misión es: "ayudar a tomar decisiones sobre tu futuro educativo, formativo y profesional".


Pues bien lo sorprendente es la estadística que muestran a la pregunta ¿Le resula fácil buscar la información en Orient@?:




Como puede apreciarse la gran mayoría dicen no. Podrían por lo menos, a los que hemos puesto no, un formulario para decir, ¿cómo lo mejorarías?.

Cuando intento ir a la home, siempre lo hago limpiando la url, y dejando http://orienta.mecd.es/ me da error, la última noticia es de 2003. No sé si el servicio es que ya no se ofrece, o la url es otra, pero eso podrían ponerlo en dicha página web, por llamarla de alguna forma.

Por lo demás enlaces desactualizados, un desastre en mi opinión de la usabilidad, lo peor lo pagamos entre todos los españoles, y así pretendemos hacernos un hueco en las nuevas tecnologías, con la administración pública dando ejemplo.

Diseñar mal una página ‘web’ puede matar..

Con este titular se encuentra una noticia en el País Diseñar mal una página web puede matar, menos mal que empieza con otra antológica frase: "Alguien debería realizar un estudio sobre la utilidad de determinados... estudios".

La noticia viene a decir que los malos sitios web crean trastornos inmunologicos, cardiovasculares y nerviosos.

Creo que eso puede ser en un principio, pero al final todos estamos inmunizados, por la frecuencia de los mismos.