Los listados en diseños web
La extrema simpleza de los listados y su naturalidad (hasta en papel son comunes) hace que ni siquiera parezcan un fundamento de interaccion, sino la alternativa mas sencilla del desarrollador. Nada más alejado de la realidad. Los listados son una de las mejores interfaces de usuario, no solo por su sencillez sino por su utilidad para el usuario final. En este articulo plantearemos un escena de uso, la busqueda de un inmueble, en el que compararemos el funcionamiento de una interfaz de "proceso guiado" con una interfaz basada en listados. Ya que tienen lugar webs con contenidos inmbiliarios que optan por una interfaz o la otra, y seria interesante llegar a una conclusion sobre cual es la mas adecuada. Los Procesos Guiados Muchos sitios web con mayor volumen de contenidos (inmuebles, productos, anuncios, etc.) deben pensar que la unica forma de manejar todos esos datos para los usuarios, es a traves de un proceso cuyo meta es reducir ese volumen a algo abarcable. Esto es lo que llamo un "proceso guiado". El proceso guiado a traves de varios pasos el usuario debe elegir o completar los criterios que el sistema le muestra (categorias, localizaciones, precios, marcas, modelos, metros, etc.). De este modo los contenidos porgresivamente se filtran hasta llegar a la pagina de frutos final. Un proceso guiado puede ser un directorio de categorias de muchos niveles de profundidad (Dmoz.org) o un formulario ccon varios pasos. En verdad la caracteristica principal de un proceso guiado es que tiene varios pasos, paginas o pantallas. Nos vamos a centrar en el proceso guiado que se ha convertido en casi un estándar de facto en la mayoría de webs inmobiliarias españolas. Veamos sus ventajas e inconvenientes. Ventajas Un proceso guiado es aparentemente fácil porque hay muchos pasos claros y las decisiones son simples. Por ello es adecuado: Para procesos que se realizan una sola vez o con poca frecuencia. El usuario no recordara lo aprendido en su ultima visita y sera indispensable guiarlo cada vez. Cuando el usuario tiene un meta diafano o sabe exactamente lo que desea Algunos ejemplos donde un proceso guiado tiene sentido son un proceso de configuración inicial, un tutorial explicativo, un formulario de compra o de publicación de un contenidos. Inconvenientes El término ?guiado? tiene una connotación positiva que no implica forzosamente un proceso realmente usable. Si es usable o no dependerá del contexto, el usuario y los objetivos. Un proceso guiado no es correcto cuando: El usuario no sabe exactamente lo que quiere. Cuando el usuario no tiene un criterio diáfano no tiene sentido forzarle a completar criterios de búsqueda. El usuario es flexible y le pueden interesar alternativas muy diferentes. En este caso la rigidez de los criterios de busqueda no le facilitara descubrir lo que desea. El proceso debe repetirse muchas veces. En muchos sitios web lo mas usual es no descubrir lo que se busca a la primera y es indispensable hacer muchas busquedas. En este contexto un proceso guiado tiene muchos pasos y es lento de repetir. El caso de las webs inmobiliarias online A primera vista a la hora de buscar un inmueble el comprador tiene unos criterios claros; una porcion maxima a gastar y unas cláusulas que el inmueble deberia cumplir (numero de habitaciones, metros cuadrados, situacion, etc.). El modelo de interaccion de la mayoria de webs inmobiliarias (proceso guiado) supone que esos critierios iniciales cambian escaso y por tanto la interaccion esta basada en preguntar todos estos criterios en diversos pasos para presentar solo los inmuebles que los cumplan Sin embargo este escena de uso no esta bien planteado. Un analisis mas detallado revela que los critierios iniciales de seleccion pueden variar mucho. En el modelo guiado esto ocasiona dos problemas: Se descartan inmuebles que sí podrían interesar al usuario Variar los criterios es lento porque implica comenzar el proceso de nuevo Veamos algunos de los criterios iniciales. Precio El precio que el comprador considera inicialmente que puede gastar se supone algun por su situacion economica, por lo que no se aguardan masivos variaciones. Sin embargo muchos agentes pueden modificarlo. Es bastante posible la primera estimación de precio del comprador no haya sido correcta. La rápida evolución de los precios del mercado que crecen al 17% anual hace difícil estimar un precio. También es posible que el precio inicial no se ajuste a los criterios que se buscan (metros cuadrados, zona, habitaciones) lo que obligará a reajustarlo. Ante una decision de tal relevancia el comprador puede obtener del financiador mas recursos o ampliar el plazo de devolucion, con tal de adquirir el inmueble que le interesa. Dimensión El numero de personas y los planes de futuro definen que el usuario tenga diafano un dimension aproximado en metros cuadrados para el inmueble. Este es otro criterio que se puede adaptar sobre la marcha ante inmuebles concretos. El aprovechamiento del lugar en distintos inmuebles conlleva que algunos de 70 metros cuadrados permitan más lugar efectivo, que otros de 100 metros llenos de esquinas o pilares. En otros inmuebles las áreas escaso aprovechables como pasillo, balcones o terrazas ocupan muchos metros. La altura de los techos hace que inmuebles pequeños den la buscada sensacion de amplitud. Otros inmuebles tienen una distribucion que prima determinadas areas, por ejemplo una cocina y baños mínimos a cambio de un mayor salon. Localización El prestigio de la zona escogida para habitar es otro criterio claramente decidido por el usuario desde el principio. Habitar en una zona alguna significa un status social, un algun coste, nivel de seguridad, etc. La cuestion es que dibujar lineas divisorias entre zonas de la ciudad no es la solucion. En la verdad no hay cambios bruscos sino transiciones de una zona a otra y hay multitud de excepciones. En el barrio del Raval de Barcelona determinadas calles estan copadas por elitistas galerias de diseño, entretanto que otras siguen siendo marginales. Mezclas de agentes Todas estas variables se complican aun mas cuando tienen lugar combinaciones. Los compradores pueden adaptar sus criterios iniciales drasticamente ante ofertas concretas. Por ejemplo, para habitar en un inmueble con excelentes vistas o en una calle centrica se puede pagar mucho mas de lo planeado, aceptar un dimensión menor al deseado inicialmente, etc. Tambien es natural que el comprador comience buscando una "ganga" y conforme asuma la verdad (es escaso posible que la encuentre) vaya modificando sus criterios. La compra de un inmueble es una decision tan compleja y de tantas implicaciones que puede finalizar de forma muy distinto de como empezo. Conclusión Este ejercicio de colocar a prueba los criterios no niega que es evidente que las personas tengan criterios claros a la hora de adquirir un inmueble. Lo que se trata de remarcar es que es usual que estos criterios sufran ciertas variaciones y que la interaccion tipo "tunel" o ?cul de sac? de los procesos guiados no faculta hacer estas variaciones de forma agil ya que el proceso debe comenzarse de nuevo cada vez. La interfaz alternativa: los listados La sencillez y austeridad de interfaces como Cragislist o Loquo.com basadas en listados, no debe esconder que en muchos escenarios de uso son insuperables. Intuitividad Todo el mundo entiende un listado. La interaccion no tiene gran complejidad que usar el scroll hasta el final del listado y paginar. Inmediatez Un listado es la forma mas rapida de presentar el contenido del sitio web porque es interfaz y contenido al mismo tiempo. Ya que que los usuarios son muy impacientes cuando navegan, dar el entrada mas veloz probable a los listados es critico para que el sitio se comprenda de forma inmediata y reforzarlos positivamente. Exactamente lo opuesto que un proceso guidado donde obligatoriamente hay que pasar por un largo proceso antes de conseguir resultados. Dependiendo del escena de uso los listados pueden incluirse directamente en la pagina inicial (Emagister), accederse desde un directorio de categorias (Loquo) o desde un buscador (Google o cualquier buscador de vuelos). Aunque habitualmente se combinan en una misma pagina de origen algunas formas de alcanzar a los listados, por ejemplo un buscador y un directorio. Control del usuario Ver todos los contenidos del sitio de la categoría que le interesan en un listado en bruto hace sentirse al usuario en control de la tarea. Nada se le escapa porque todo está allí, solo tiene que paginar. Aunque despues mas adelante el usarios realice busquedas por criterios siente que todo es transparente, esta diáfano el antes y el despues. Al opuesto cuando en un proceso guiado el sistema coge el control, porque aunque pregunta al usuario, lo hace en fundamento a sus criterios predeterminados. Referencias para ajustar los criterios Un usuario puede pensar a priori que sabe exactamente lo que quiere, pero cuando se confronta con la verdad estos criterios iniciales se modifican y ajustan. Por tanto cuanto mas veloz sea este "choque" con la verdad (el listado), mas veloz sera el proceso de ajuste de criterios y por tanto mas rapidamente podra descubrir lo que desea. Un listado en bruto es el mejor principio para elaborar referencias iniciales y aprender las vinculos entre precios, zonas, tamaño, etc. que posteriormente ayudan a evolucionar a los criterios. En una pagina de listados paginar tres o cuatro veces supone visualizar unos 200 inmuebles de forma muy rapida. Por el opuesto los procesos guiados solo muestran la verdad demasiado filtrada. Para hacerse una idea global es indispensable repetir el lento proceso guiado muchas veces introduciendo distintos criterios. Filtrando y reajustando criterios Es correcto es que los filtros y criterios de la busqueda se integren en la particular pagina del listado porque esto faculta visualizar mas claramente el cambio, el antes y el despues. Conocer los inmuebles que se dessurgen o surgen con cada ajuste faculta determinar si la transformación de criterios ha sido apropiada y seguir adelante o por el opuesto rectificar. Por el opuesto en un proceso guiado se filtra a ciegas, no se sabe realmente lo que cada filtrado deja fuera. Es el sistema el que determina cuando y como filtrar, no el usuario. Controles para ajustar criterios Lo correcto es integrar los controles en el propio listado para que no se indispensable regresar a la pagina de origen cada vez que se varien estos criterios. Son correctos los links, radio-buttons y check-boxes porque son controles que muestran directamente los criterios a modificar. Los combos (menus desplegables) ocultan las alternativas que contiene y son menos recomendables en general. Un buscador de texto abierta faculta filtrar el listado de forma totalmente personalizada. Por ejemplo se pueden buscar solo los inmuebles de la zona, barrio o calle que el usuario elija, no los predeterminados por el sistema. Tambien faculta buscar toda una casuistica de caracteristicas especificas (terraza, techos altos, etc.) que los filtros predeterminados de los procesos guiados no pueden incluir. Los campos tangibles de acceso abierta (precio maximo y minimo, numero de habitaciones, etc.) tambien son basicos para el ajuste de criterios. En el caso de una busqueda de inmueble facultan definir abiertamente los rangos de precios deseados, en espacio de rangos determinados por el sistema (proceso guiado). En el caso de un listado en Craigslist vemos como emplea links para filtrar por localizaciones (san francisco, south bay, east bay...), campos de texto abierta para buscar palabras clave, faculta personalizar rangos de precios y emplea check-boxes para los animales de compañia. La clave de todo el proceso es aprender las vinculos entre los distintos caracteristicas de los inmuebles, precio, situacion, tamaño, habitaciones, etc. Cuanto mas rapidamente se aprendan estas vinculos, antes decidira el comprador los criterios finales de eleccion y descubrir el inmueble deseado. Por tanto la clave de la interaccion es que con los listados cada transformacion de criterios necesita de un solo paso, por lo que el proceso de aprendizaje y seleccion es infinitamente mas veloz que en un proceso guiado. Ejemplos de uso de listados Craigslist es un diáfano ejemplo de buena utilización de los listados. Las webs de busquedas de vuelos tambien estan basadas en listados. Determinadas de ellas incluyen vinculos a los dias previos y posteriores en las pantallas de resultados. Esto es un buen ejemplo de reajuste de criterios en la particular pagina de listado sin necesidad de repetir el proceso desde el inicio. El modelo de interaccion basado en listados funciona bien con todo tipo de busquedas con un probable ajuste de criterios iniciales. Por ejemplo alguien que busca un ordenador de segunda mano dependiendo del precio, prestaciones o antigüedad del modelo, puede optar por un portatil o uno de sobremesa. El tradicional proceso guiado que le obligaria a filtrar inicialmente por tipo de ordenador, marca o inclusive procesador, es inadecuado en la mayoria de escenarios de uso. Los listados tambien funcionan muy bien en interfaces totalmente diferentes, por ejemplo los blogs. La fundamento de la interaccion es el listado de posts ordenados cronologicamente, aunque opcionalmente mediante links se pueden filtrar los contenidos por categorias (temas, mes de publicacion, etc.). Usando Ajax en los listados Aunque los listados son muy potentes, a nivel de atractivo visual o de programación pueden parecer (aunque no lo sean) un tanto simplones. Quizás Ajax pueda contribuir a mejorar su imagen. Ajax esta siendo funcionario en algunos sitios de forma muy eficiente para agilizar si cabe aun mas el proceso de filtrado y transformación de criterios en los listados. Con Ajax los filtros se ejecutan automaticamente y no necesitan ni de botones de acción ni nuevas páginas lo que es mucho más intuitivo que solicitar pulsar un botón de acción cada vez (siempre que el sistema de feedback diáfano de los cambios producidos). Uno de los mejores ejemplos de Ajax en listados es Kayak, un buscador de vuelos que faculta filtrar el listado de vuelos de la pagina de frutos mediante criterios (precio, aeropuertos cercanos, horas, etc.) que actuan dinamicamente y agilizan la tarea.