Usabilidad en desplegables para elegir provincia

Este es un tema en el que llevo pensando cierto tiempo, en parte gracias a Josep M., compañero de trabajo, con el que estoy haciendo ahora una muy productiva labor de arquitectura de la información y usabilidad en un proyecto.

¿Cómo ofrecer al usuario la posibilidad de elegir SU provincia con la máxima usabilidad? (Atención que hablo de su provincia)

Pues bien, a priori tenemos dos modelos básicos: La lista desplegable y el mapa, teniendo cada uno muchas variantes diferentes, y sus propios problemas y más. Estudiemos qué hacen algunos de los portales líderes en España (que se basan en la selección de provincia):

idealista_navIdealista.com
Portal dedicado a la inmobiliaria. La navegación está basada en desplegables de 6 alturas, de forma que en los dos primeros solo tenemos que seleccionar el elemento buscado, y en el tercero, la provincia propiamente dicha, será donde tendremos que bajar hasta encontra el elemento buscado.

paginasamarillas_navpaginasamarillas.es
No hay mucho que decir. La provincia es un desplegable estándar de un solo nivel (más de 50 opciones), y una localida de campo libre.

fotocasa_nav fotocasa.es
Otro portal inmobiliario. Precisamente estos son los que más hincapié deben hacer en la localización geográfica. Optan por un modelo similar a idealista para las opciones (alquiler, compra…), pero se basan en un modelo de mapas para la localización de provincia. El resto de pantallas están basadas totalmente en mapas también, por localidad y zona (incluso barrio en ciudades grandes). La navegación del mapa es sensible y nos va indicando el nº de inmuebles encontrados).
loquo_nav loquo.com
Quizá uno de los portales de anuncios clasificados con más visitas. Utiliza (si no me equivoco) localización ip para redirigir al usuario a la ciudad adecuada, ya que en este caso son los anuncios los que están localizados geográficamente.
Aun así, como barra lateral nos ofrece todas las provincias donde existe loquo, por si algo ha fallado o simplemente quermos buscar en otro sitio.

infojobs_navinfojobs.net
Portal líder de empleo en España. Aquí, lógicamente, la función de seleccionar la provincia donde quieres trabajar, es imprescindible. En este caso tenemos un desplegable de un solo nivel. (Luego veremos que también hay que valorar el espacio disponible).

atrea_navatrea.com
Otro portal inmobiliario, del grupo BBVA, quizá menos conocido que idealista o fotocasa, pero que alexa no le trata nad mal. En este caso ofrecen las dos posibilidades: Tres listas desplegables de un solo nivel, que se autorrellenan con el anterior: País, provincia, y localidad. Y mapa que añade detalle en función de lo que vayamos seleccionando

enalquiler_navenalquiler.com
En este portal ya asumimos que solo vamos a alquilar, de forma que los tres desplegables de 7 niveles son para el tipo de vivienda, la provincia y el precio. Eso si, los primeros elementos que muestran son los que más viviendas tienen. Tratando de simplificar el uso al mayor porcentaje de usuarios.

laboris_navlaboris.net
Otro portal de empleo que usa dos desplegables de un nivel tanto para provincia como para categoría.

niumba_navniumba.com
Niumba es un portal de alquiler de viviendas para vacaciones, por lo que las zonas con las que trabajan están muy localizadas. De hecho, permiten buscar por provincia o por zona (costas sobre todo), pero al igual que atrea, permiten una búsqueda por desplegables de un nivel, o una selección por mapa, que contextualmente nos dice dónde estamos y qué oferta hay en ese punto.

segundamano_navsegundamano.es
Portal de anuncios de intercambio propietaria del grupo anuntis. En la home no nos ofrecen ningún buscador, sino una lista enorme de categorías y subcategorías, y ya dentro de una de ellas podemos seleccionar la provincia en un desplegable de un nivel.
compraventa_navcompraventa.com
Otro portal de anuncios de compra venta, en cuya home en lugar de pedirnos la categoría nos piden la localización, con mapa o con listado de todas las provincias. Está claro que se centran mucho más en el lugar que en la categoría de anuncio.

Estos son solo algunos ejemplos de portales que comen todos los días cantidaes ingentes de tráfico, pero sin duda hay muchos otros (que si queréis podéis dejar en los comentarios).
El primer problema que nos encontramos está en cómo clasificar este elemento. Si estuviéramos hablando de nuestro menú propiamente dicho, se puede concluir que las listas desplegables están hechas para formularios, y que se deben buscar otros elementos.

Pero tampoco estamos hablando de un elemento de formulario propiamente dicho (al estilo tradicional, se entiende). Estamos viendo un elemento que se nos muestra desde la home de nuestra página, y que de su utilización depende el resto de la navegación en el sitio, vamos, con una criticidad demasiado alta para ser obviada, sobre todo cuando hablamos de portales que venden ítems centrados geográficamente.

Entonces, tenemos que tener en cuenta los siguientes factores:

  • Espacio disponible y criterios:
    ¿Con cuánto espacio contamos? ¿Cuántos elementos más tenemos en la página? ¿Será el único modo de navegación o el usuario puede elegir otros criterios de búsqueda? Si nuestra búsqueda es impepinablemente por localización, quizá necesite más peso.
    Es importante también el dónde lo vamos a colocar, y los criterios anteriores que le hemos hecho seleccionar. Por ejemplo, si tenemos que elegir un tipo de vivienda, una provincia, luego un precio y luego introducir un término para buscar, probablemente pocos usuarios introduzcan ningún término, porque después de seleccionar tres ítems, es más fácil darle a un botón que pensar en un término:La búsqueda más crítica, deberá tener el máximo espacio y estar situada en un “hotspot” de nuestra página. El usuario debe captar la criticidad del elemento. Si hay varios elementos de búsqueda, dividámoslos, fuera frustración!
  • Usuarios target
    ¿Quién es nuestro público? ¿Gente que quiere vender en su barrio? ¿Gente que busca un piso en cualquier provincia de España? ¿El público conoce bien su geografía? ¿Qué nivel tienen de internet? En general, la gente es lenta tecleando y buscando, por lo que tenemos que simplificar y adelantarnos a sus pensamientos.Si tu público conoce bien el mapa, puedes ponérselo, será más fácil que encuentren algo en un elemento conocido donde ven todos los ítems a la vez, que estar buscando en una lista. recuerda: hay pocos usuarios que sepan que en una lista desplegable, si das a la “v” te irá directamente a “Valencia”.
  • Accesibilidad: ¿Cómo se verá sin JS o sin imágenes?
    ¿Qué va a ocurrir a nivel de accesibilidad? ¿Cómo se quedará tu página si la desnudas y la dejas sin JS? ¿Y sin CSS? ¿Tus mapas son en flash?Si usas tecnologías no estándar, ofrece alternativas a la navegación (aunque menos visuales). Si usas mucho javascript, o ajax, también. Haz pruebas de navegación desactivando todo esto a ver cómo aparece. Acuérdate de los lectores de pantalla y de las versiones HTML plano.
  • Dispersión de los datos
    ¿Estás en todos los sitios, pero mucho más en unos que en otros? Si el 90% de tus usuarios entran en tu portal para buscar jamones, pónselo en portada.Si Madrid y Barcelona ocupan el 95% de tus ofertas de trabajo, pónles un atajo. Es cierto que supone “menospreciar” a los usuarios de lugares con menos oferta, pero se trata de llegar a un acuerdo.
  • Profundidad de los datos
    ¿Cuál es el nivel de selección? ¿Comunidad autónoma? ¿Provincia? ¿Localidad? ¿Otras? ¿Variadas? Este es un problema típico en las inmobiliarias. Si busco Valladolid, podríamos englobar, capital, y provincia, como mucho algunos pueblos grandes de alrededor. Sin embargo en Barcelona tiene sentido ver por separado la capital, del Vallès, Sitges, etc… ¿Hasta donde profundizaremos en nuestro mapa?En primera instancia, el usuario debe ser “universal”. No tiene sentido que un usuario que aún no nos ha dicho si es de Madrid o de Barcelona, pueda escoger Alcobendas. Según bajamos en la navegación podemos ir dándole más opciones, siempre con la opción de “todas las localidades”. Esto también depende de la dispersión de los datos. ¿Tenemos 500 inmuebles en Barcelona y 2 en Terrasa?

Para finalizar y concluir, me sigo quedando con los mapas, siempre, teniendo en cuenta los factores de arriba. Además, existe otro factor que he comentado y que también es muy importante: Nuestra Web debe ser homogénea. Las búsquedas de provincia deberán ser todas iguales.

¿Experiencias? ¿Opiniones?


  1. Pablo Reyes dijo...

    Te puedo pasar uno que yo hice para Argentina. Te permite seleccionar provincia y departamento, si eliges Argentina, y Mendoza como provincia. Es así porque apunto a ese público pero se podría programar para todas las provincias y todos los países. la URL es http://www.srtk.com/sesion/nuevo/
    El código está visible, sino cualquiero cosa me contactan. Saludos compañeros…

  2. sergiogh dijo...

    Hola Pablo.

    Es una buena solución, pero me da miedo el hecho de que el usuario no conozca “a priori” el número de pasos que tiene que dar. Es la sensación de haber terminado y de repente “otro paso más…” y luego “otro?”.
    Creo que también es importante decir al usuario cuántos pasos tendrá que realizar para terminar, y en qué fase se encuentra (i.e. paso 3 de 5).

  3. HeV dijo...

    Muy buen resumen, la verdad es que el uso de la selección de provincia en formularios se suele hacer con el combobx de toda la vida.
    Y por lo que veo, cuando esta selección va dentro de un formulario de registro o de búsqueda es la opción a elegir.
    Otra cosa es cuando esa búsqueda es una página o parte importante de una página, que se le dá contenido gráfico y así de paso que ocupas espacio facilitas las cosas al usuario.
    En los proyectos que he trabajado siempre se ha intentado filtrar. Afortunadamente trabajamos en el ámbito de la Comunidad Valenciana y filtramos los combobox por provincias, comarcas y poblaciones, y en según que páginas mostramos mapas de selección.

  4. Sergio dijo...

    Totalmente de acuerdo contigo Hev.
    Cuando estamos dentro de un formulario, por ejemplo, de solictud de información, sin duda la opción más adecuada es el combobox (bueno, realmente la opción más adecuada es que el sistema recuerde lo que dijo el usuario anteriormente!).

  5. WhisKiTo dijo...

    “Portal líder de empleo en España.”

    Como barremos para casa.. . :P (ya, ya se que es verdad, pero es barrer para casa igual).

    Y como comentario adicional: por qué no todos los menus desplegables de estos tienen la posibilidad de ir a la opción que se desee a traves de teclado?

    Me explico: cuando tienes un menu de este tipo de las provincias españolas, para ir a Valladolid se pulsa la V, luego la A, la L y otra L, y te situa en esta casilla. Esto sería lo totalmente correcto y lo más práctico.

    Sin embargo, hay menus de estos desplegables que al escribir la combniación V-A-L-L se quedan en la primera provincia española que lleva la letra L!!! (León).

    Y no solo con provincias, sino con todo tipo de menus desplegables de estos… :(

  6. Sergio dijo...

    Whiskito, sería lo ideal, pero la mayor parte de los usuarios no conocen el hecho de que al pulsar la “V” aparece automáticamente Valladolid, además que produce un cambio de herramienta de input. Estamos usando ratón y pasamos al teclado. Cada vez que hacemos mover al usuario las manos de sitio, son puntos que perdemos!

    (Y no es barrer para casa!)

  7. WhisKiTo dijo...

    Sí, estoy de acuerdo en que para el usuario normal será “perder el tiempo”, pero… no es más rápido?

    Como ejemplo, las típicas listas de paises cuando te registras en el servicio X. Desconozco el número de paises que están, pero… 100? 200? Para buscar “Spain” hay que recorrer 3/4 partes de lista, aproximadamente. Sin embargo, seleccionando la lista y tecleando “S”, sale casi al instante.

    La gente, que está mal enseñada… :P

  8. Sergio dijo...

    De hecho, la solución más efectiva es el geoip.

    Usuario, no me digas de dónde eres, que yo ya lo se perfectametne…

    El problema es cuando estamos buscando algo que no tiene porqué estar en el mismo sitio de donde nos conectamos… ahi no nos quedan más narices !

  9. Los pasos » Blog Archive » Usabilidad en desplegables para elegir provincia dijo...

    [...] ???????? ????????? ?? sergiogh ???… [...]

Discútemelo

consultoria web

V2.0