Marcos Baldoví MartínezArquitectura de la informació

PAC 2

2

BLOC I: Components de l’arquitectura del lloc web escollit

Arquitectura del lloc web escollit Pag.3

BLOC II: Fase d’investigació

Identitat Pag. 4Contingut Pag. 4 i 5Navegació Pag. 5Etiquetatge Pag. 6Gràfics web Pag. 7Feedback Pag. 7Utilitat Pag. 7Multidispositiu Pag. 7

BLOC III: Realitzar un estudi de bones pràctiques (benchmarking).

Navegació Pag. 8Cercador Pag. 9Fitxa de producte Pag. 10Disseny Pag. 11Crida a l’acció Pag. 12Atencio a l’usuari Pag. 13

index

BLOC I: Components de l’arquitectura del lloc

A la fulla principal d’orvecame.com, en la part superior disposa d’un enllaç per a l’accés a usuaris registrats, sota es troba una imatge canviant que ocupa tot l’ample de la fulla que mostra promocions relacionades amb l’activitat. També disposa d’una barra de navegació principal i sota aquesta es troba una barra icònica amb les imatges d’amb logotips de les marques que hi representa l’empresa.

A la part central s’inclou un apartat de “ultimas ofertas” compost per 28 imatges (7x4) que porta una organització cronològica exacta. A sota es disposa d’un apartat amb els Serveis que ofereix l’empresa amb una organització per temes amb tot el que ofereix la mateixa i mes cap a vall té un esquema d’organització geogràfic que permet l’accés a tots els punts de venda de cotxes.

La secció d’ultimes notícies, està composta per una barra lateral que mostra 3 notícies i un enllaç a una pàgina on es mostren més notícies, el peu és un esquema organitzat per temes.

Els Sistemes de navegació de tipus global, estan composts per una barra en la part superior i el peu de la pàgina que ens permeten poder moure’ns per tot el site. Sí que podem trobar sistemes de navegació local tant en la pàgina principal o l’en la fulla per trobar els tallers on es venen els vehicles.

Dins del site solament es disposa d’un model d’estructura de base de dades i está destinat a la compra de vehicles de nom “buscador de cotxes”. Les filtracions que pot realitzar per a les cerques són: per tipus, marca, zona (illa), model, preu, any.

En la pàgina de tallers i exposicions permet trobar els tallers de diverses formes. a) Utilitzant l’API de Google per trobar l’adreça dels tallers que pertanyen a la franquícia b) mostrant un llistat dividit per illes amb una mostra de logos de les marques de vehicule que serveixen per a identificar el taller com a servei oficial de la marca mostrada.

La pàgina sí que conté molta navegació a través d’imatges, ja que la barra de navegació superior mostra informació icònica de cada apartat.

La secció de les ultimes notícies, mostra una etiqueta amb la font que subministra la notícia quan s’accedeix a la mateixa mostra un esquema d’organització cronològic aquest etiquetatge que porta la notícia possiblement s’utilitzava en l’àmbit intern.

La pàgina solament presenta un sistema de cerca i és unicament per a vehicles denominat “cercador de cotxes”, el site no disposa d’un sistema de cerca global i tampoc disposa d’un mapa de lloc.

Les folksonomies no es troben en el site , ja que els usuaris no poden participar activament etiquetant contingut, si que es mostra l’etiquetatge en els serveis que ofereixen en les instal·lacions cada taller però no afecta la cerca ni a la navegació. El fet de no poder introduir informació per part del client, no permet una millor localització, informació i valoració del producte.

3

BLOC II : Fase d’investigació

Identitat

Molt poca visibilitat del logotip a la part superior de la pàgina, ja que no està destacat com a element de comunicació, es confon com a un element més integrat al bàner. A la versió mòbil com no és adaptativa la pàgina, aquest defecte s’aprecia molt més, l’eslògan no té visibilitat tant a la part superior com a l’inferior. (error lleu)

Solució: Destacar el logotip: La posició on està situat és la correcta, però s’hauria de reservar una àrea per al mateix i mostrar els colors corporatius de l’empresa. Si no disposem d’ells fer-lo d’un color que contrasti amb el fons de la web. Error lleu perquè sí que ens mostra la tipografia i un eslògan encara que no es destaqui molt.

La quantitat d’informació de vehicles que hi ha a la pàgina d’inici és molt elevada, per a una àrea molt reduïda tenim 28 vehicles quan es visualitza tant a dispositius mòbils com a dispositius normals no permet llegir el text i tampoc distingir un vehicle d’altre.(error molt greu)

Solució: La finalitat de la pàgina és vendre vehicles, per tant el que es realitzarà, serà mostrar en les millors condicions tant la informació del vehicle com les imatges. Per tant es reduirà el nombre de mostres a la vegada dins d’un espai tan reduït. Així tant el text com les fotos dels cotxes seran més grans i es podran visualitzar correctament.

Es podria considerar que està fora de lloc la barra de navegació formada per sis logotips de marques de vehicles el motiu és que quan els polsa al damunt en algun dels logos ens porta a un lloc que amb molt poca informació pràcticament nul·la i en altres ens trau del lloc. (error molt greu)

Solució: Associar les marques de vehicles conjuntament a la marca, però no amb una funció individual per a cada logotip. Així s’evita en molts casos espantar el client fent-lo fora del site.

Contingut

La cita prèvia no està visible en la resta del site solament es pot veure un bàner al final de la pàgina principal. (error greu)

Solució: Col·locarà en un lloc on es tingui una correcta visualització a més intentar que la gent utilitzi el servei, ja que és una comoditat per al client i una font d’ingressos directa per a l’empresa.

Enquesta Nivell de satisfacció, no es troba visible i les dades de valoració d’altres clients no els mostra cap taller. (error greu)

Solució: Fer més accessible les enquestes, creant un botó al sistema de navegació global a més les valoracions també incloure-les a la informació dels tallers

4

Les notícies que es troben a la secció de notícies mostren un ordre cronològic i les etiquetes que porten són les de la data i la font que subministra la informació a més moltes d’elles ens expulsen de la pàgina. (error molt greu)

Solució: Fer que les notícies que utilitzen enllaços externs, s’òbriga la font en una altra fulla així el client no abandona la pàgina. Quant a l’etiquetatge de les notícies afegiria un cercador i un filtre per poder visualitzar les notícies tant per data o per la font de la informació.

Ofertes i promocions no es correspon la nomenclatura de l’etiqueta amb el contingut que mostra, ja que es mostren notícies de vehicles, plans de renovació i rallyes, etc. A més les notícies no estan per categories solament ordenades cronològicament (error greu)

Solució: Canviar el contingut actual per una secció coherent amb ofertes i promocions.

El contingut destacat en la pàgina principal l’enreixat format pels 28 vehicles que es mostra. No permet distingir, un vehicle d’altre i no es pot llegir el text correctament tant a la versió per ordinadors de taula com per a dispositius mòbils. (error molt greu)

Solució: Millorar la visualització reduint el nombre d’imatges i augmentat el mida tant de les imatges com del text. Fer una versió responsive, ja que no es disposa en l’actualitat.

Els textos utilitzats en els enllaços de la barra de navegació principal igual que molts de la pàgina són poc descriptius i amb informació confusa. (error greu)

Solució: Remembrar les etiquetes que no tenen un contingut adequat en alguns casos i en altres canviar el contingut que sigui conforme al nom de l’etiqueta.

Navegació

La pàgina, no disposa d’un mapa de lloc, de cercador, sistema de navegació per poder saber on ens trobem. (error molt greu)

Solució: Crear un mapa de lloc, col·locar un cercador igual que crear un sistema de navegació. La barra de logotips (de les marques de cotxes) condueix, a una segona pagina i d’aquesta que no té molt sentit ens treu de la web a portar-nos a una pàgina de la marca i aliena al site. (error molt greu)

Solució: Eliminar La barra de logotips (de les marques de cotxes).

El sistema de navegació principal els efectes de botó com els colors del mateix no estan prou destacats i no es veu el canvi de color en passar per damunt d’ells (error lleu)

Solució: Contrastar més els colors que es gasten per a realitzar l’efecte rollover. També que es quedi fixi amb un color que contrasti amb el de la resta dels botons que conformen la barra de navegació principal amb la finalitat d’informar en quina secció es troba l’usuari.

5

Hi ha molts botons que es troben a la barra de navegació principal com són: Coches nuevos, segunda mano, que condueixen al mateix lloc, la base de dades. (error greu)

Solució: Eliminar tots aquests botons (Coches nuevos, segunda mano) que condueixen al mateix lloc i ficar el cercador de vehicles a la pàgina principal.

La pàgina disposa de dues enquestes bastant amagades (3 nivells) una per a vendes i una altra per a postvendes les preguntes no tenen molt de sentit. Exemple algunes preguntes al servei de vendes --> (error greu)

- Satisfacció amb l’explicació de la factura i el treball realitzat. -Oferiment de transport alternatiu mentre dura la reparació a preu assequible.

Solució: Ficar aquestes enquestes en les barres de navegació global.

L’apartat “Contactar” és genèric i no existeix coherència per a la seva utilitat. Ja que s’utilitza per fer la comanda per a una un recanvi de matrícula ecològica que per posar en contacte una consulta de l’empresa. --> (error greu)

Exemple: La pagina on es troba la notícia ecomatrícula sols mostra dos enllaços un que porta al client cap a un formulari a la secció contactar per a què sol·licite informació i l’altre directament l’expulsa de la web.

Solució: Millorar l’atenció al client en alguns apartats fer que el correu electrònic sigui el client el que decideix utilitzar-lo no l’empresa per tant es col·locaria un nombre de telèfon de contacte i així s’aconsegueix una relació més directa amb el client.

Etiquetatge

Les úniques icones de les quals disposa la pàgina són les de la barra principal de navegació i tant la icona de “coches nuevos”, que és una clau poc reconeixible. Igual que per “talleres y exposiciones” que hi ha colocat una icona que representa una factoria amb ximena inclosa. Aquestes icones no s’identifiquen amb el producte. (error lleu)

Solució: Realitzar una barra nova de navegació

Al peu de la pàgina, a l’apartat “nuestras marcas” es mostren les imatges reduides dels logos de les marques representades totes amb una tonalitat platetjada i amb un tamany molt reduit fent que la seva visualització sigui pràcticament nula.

Solució: El peu de la pàgina reestructurar completament, ja que s’ha de dur a terme, el que serà unificar totes les marques representades a l’empresa. Per tant l’etiquetatge individual de les marques desapareix.

6

Gràfics web

El lloc està molt carregat a la part superior amb molta informació i la part de baix la informació és pràcticament nul·la, ja que per a conduir-nos a un lloc per poder trobar els enllaços de tots els tallers ocupa el 25% de l’altura total és una pàgina que està molt descompensada.

Solució: Eliminar el mapa de les Illes Canàries.

La pàgina principal es mostren informacions destacades tant a la seva capçalera com en el cos de la pàgina i quan l’usuari es dirigeix al contingut en qüestió. La informació és pràcticament nul·la o es disposa d’un enllaç extern que ens fa abandonar la pagina.

Solució: Ficar com informació destacada aquells esdeveniments, promocions, etc. amb la informació adequada i amb un disseny d’acord amb allò que s’anuncia. Tot aquest tipus de tasques corresponen a un departament de comunicació.

Feedback

L’apartat Contactar està generalitzat i falto de coherència, per a la seva utilització. S’utilitza tant per a fer la per a una comanda d’un recanvi de matrícula ecològica, que per posar en contacte una consulta de l’empresa.

Exemple La ecomatricula en un servei de recanvis que apareix en un destacat i per sol·licitar el servei o informar-nos ens redirigeix a un formulari de contacte genèric per rebre més informació.

Solució: Aquest tipus de feedback posa en evidència la comunicació de l’empresa amb el client. Principalment si aquest correu no és contestat, segurament ja s’haurà perdut el possible client. A part que aquest no parlarà bé de l’empresa. Aquests tipus de problemes la seva solució activant un servei d’atenció a l’usuari amb l’ús de ferramentes social media que permeten al client tindre de part de l’empresa una atenció instantània.

Utilitat

Es tracta d’una web d’un grup dedicat al sector de l’automòbil i que en un principi té un catàleg de 6 marques però en la base de dades tenen 20 marques. A més de la venda d’automòbils nous, de segona mà i Kilòmetre 0 . També disposen de tallers de reparació de vehicles tallers identificatius en el site que són d’una marca però que són multimarca.

Per exemple: Taller en Escaleritas (Canarias) que fica el logotip de Land Rover i quant l’usuari entra al dintre troba totes les marques que representa l’empresa orvecame menys Land Rover.

Solució: Eliminació de la part amb informació repetida, supèrflua, etc. i donar destacar i simplificar la navegació per a poder accedir als llocs que són l’àrea de negoci de l’empresa que són: la venda de vehicles i la reparació dels mateixos i una atenció al client immediata.

Multidispositiu

No es disposa d’una versió responsive Web.Solució: Realitzar una versio Responsive Web.

7

BLOC III: Realitzar un estudi de bones pràctiques (benchmarking).

Navegació

La navegació a través de la pàgina renault.fr permet a l’usuari saber on es troba ja que utilitzen el sistema de fils d’Ariadna o breadcrumbs, en anglès.

Aquest tipus de sistemes ajuden als usuaris a entendre on són i on poden anar dins del lloc, a la pagina de renault el que han fet es augmentar la mida de la lletra i donar-li un color diferent amb això ajudem els usuaris perquè es formin un model mental de l’esquema d’organització, fet que facilita la navegació i els ajuda a sentir-se còmodes.

8

Cercador

El cercador de la dreta pertany a la web autotrader.co.uk per a la cerca dels vehicles és molt complet, ja que utilitza un model filtrat de vehicles.

Permet parametritzar la cerca de manera que no hem de perdre molt el temps inclou fins a la geolocalització per a poder trobar els vehicles que estan en venda i es troben al nostre voltant.

Aquest tipus de parametrització ens permet trobar el vehicle desitjat molt rapidament i a més ens permet vore’l-ho ens informa de la distància física a la qual es troba permetent fer més ràpid la venda del mateix.

El cercador de l’esquerre pertany a la web mobile.de que el que més agrada que permet escollir color visualitzant la informació del color que desitgem

9

Fitxa de producte

La fitxa de producte que presenta la web alemanya mobile.de es molt mostra tota l’informació dividida en dues pestanyes. La pestanya Details porta tota la informació del vehicle amb la seva fitxa tècnica i descripció del mateix.La pestanya Vendor inclou les dates d’interès del usuari amb tota l’informació de contacte

10

Disseny

El disseny de la web argentina de venda de vehicles de segona mà autofoco.com és un exemple de les bones pràctiques amb el disseny.

a) El color utilitzat és el seu color corporatiu el roig i la utilització del mateix la porten fins al límit en tot el site sense que molesti a pesar d’utilitzar de ser un color càlid.

b) El logotip es troba a la ubicació correcta, permitent als usuaris identificar-lo des del primer moment.

c) És una web de venda de vehicles, el cercador es troba la part superior de la web a primera vista molt complet i d’utilització sencilla.

d) La versió adaptativa té les mateixes funcionalitats i disseny que la versió d’escriptori

A B

C D

11

Crida a l’acció

Crida a l’acció (call to action) en màrqueting es realitza perquè els teus usuaris facin alguna cosa que t’interessa al teu web.

a) La web de fiat.com en barra de navegació global en totes les seccions quan anem cap a alguna d’elles hi ha alguna crida a l’acció a través dels botons que suggereixen anar allà on ells destacat. En aquest cas en entrar a l’apartat Shopping tools ens mostra plans econòmics per comprar un vehicle.

b) La forma en què crida a l’acció la web de alfaromeo.es és focalitzant tots els nostres sentits cap al seu nou vehicle i deixant sols els botons necessaris per a veure més característiques del vehicle, trucar per telèfon i veure plans de finançament.

A

B

12

Atencio a l’usuari

L’estratègia d’Audi i Volkswagen es basa conjunt d’accions dutes a terme en xarxes socials i comunitats en línia amb una finalitat comercial. Audi es dedica a contestar totes les preguntes formulades per les persones registrades a la seva pàgina de facebook i Volkswagen facilita un professional per a contactar amb els clients interessats i explicar-los el funcionament del vehicle.

13