Guindo. Disseny de Producte Digital

Autocasión

Arquitectura de la informació i redisseny del portal

Autocasión és un portal centrat en continguts i serveis transaccionals per a la compra de vehicles, així com en informació d’actualitat sobre el món de l’automoció.

Fruit de la bona experiència amb pisos.com, el grup Vocento va tornar a confiar en nosaltres durant l’any 2015 per reestructurar i redissenyar un dels seus portals emblemàtics. El portal necessitava una redefinició de l’arquitectura de la informació, així com un nou disseny que respongués a les següents necessitats:

• Millorar la taxa de conversió i de recurrència.
• Facilitar l’accés a més perfils d’usuari.
• Millorar la integració dels formats publicitaris, de manera que aportin més valor i no dificultin les tasques dels usuaris.
• Integrar de manera coherent tant les funcionalitats actuals com les noves, tenint en compte la modularitat i escalabilitat de la plataforma.
• Integrar solucions optimitzades per a cada resolució (desktop, tablet i mòbil), plantejant un disseny responsive.

En una primera fase, durant diversos mesos del 2015, es va realitzar un treball d’anàlisi exhaustiu del portal. Aquest treball va incloure una anàlisi heurística dels fluxos i pantalles clau del portal, així com un benchmark de portals internacionals de referència i bones pràctiques del sector.

Un cop extretes les conclusions, es va plantejar un prototip interactiu de baixa resolució per testar i validar la nova estructura del portal; aquest prototip va servir també com a document funcional per als desenvolupadors. Algunes de les millores introduïdes van ser:

• Una nova estructura basada en més elements visuals i iconografia, on la informació és més fàcil de llegir i escanejar.
• Millora dels filtres a les pàgines de resultats, més escalables, de manera que sempre estiguin presents i acompanyin l’usuari.
• Mida més gran de les imatges als anuncis.
• Millor agrupació de la informació i crides a l’acció.
• Equivalència dels elements d’interacció per a tots els dispositius.
• Tot respectant la imatge de marca anterior del portal.

El juny de 2016 es va llançar la nova versió del site. Durant la primera setmana, les visites es van multiplicar x2, arribant a pics de fins a x3 respecte al site anterior, de manera que el 2016 es va tancar l’exercici amb 2 milions d’usuaris únics, un increment del 13% respecte l’any anterior. Aquesta audiència, amb les seves visites recurrents, va acumular un total de 40 milions de visites, amb un temps mitjà de permanència al portal de gairebé 4 minuts.

Des de la seva data de llançament, el nou portal va experimentar una millora notable del seu rendiment, però, a principis del 2017, una sèrie de factors aliens al portal havien començat a afectar notablement els resultats: finalització de l’acord amb Milanuncios.com, canvis en l’algoritme de posicionament de Google, nous competidors…

Els responsables de producte van tornar a confiar en nosaltres per revisar el disseny del portal. A causa del fort creixement del portal, s’havien generat certes incoherències tant funcionals com visuals:

• Excés de càrrega visual, en part degut al gran pes de la publicitat.
• Incoherències en l’escala tipogràfica, jerarquia visual i problemes de llegibilitat en alguns elements.
• Dificultat d’interacció amb els filtres i controls en alguns dispositius.
• Conflictes entre colors principals i secundaris.
• Finestres emergents no optimitzades.
• Excés de crides a l’acció en algunes pàgines.
• ...

En termes generals, creiem que cal apostar per eliminar encara més el soroll visual i els elements innecessaris.

Sobre l’estructura anterior, en la nova proposta de disseny del 2017 fem encara més èmfasi en la definició de components i reutilització d’elements:

• Definim un únic formulari de contacte que es reutilitza a tot el site, potenciant l’“efecte túnel” mitjançant un lightbox.
• Potenciem la navegació entre pàgines de detall, per facilitar l’exploració.
• Millorem el disseny dels filtres, donant més control a l’usuari.
• Es limita la paleta de colors, per millorar la llegibilitat i utilitzar només el color vermell corporatiu per a les crides a l’acció, limitant el blau per als elements publicitaris.
• Normalitzem l’escala tipogràfica i els ritmes verticals.

En resum, una realineació i simplificació de mòduls per potenciar el creixement del portal i facilitar l’ús als seus usuaris.