Estudis dInformtica, Multimdia i Telecomunicaci.

Grau de Multimdia

Arquitectura de la informaci
Jaume Reig Carrascosa
Segona Prctica dAvaluaci Continuada (PAC2)

LLOC WEB TRiAT

www.hotelesenalmeria.com

NDEX
I.SOBRE LARQUiTECTURA REAL DEL LLOC WEB TRiAT ---------------------------------------- 3 II.AVALUACi HEURsTiCA DEL LLOC WEB A PARTiR DE LOBsERVACi ---------------------- 5 III. BENCHMARKiNG O EsTUDi DE LA COMPETNCiA ------------------------------------------ 9 BiBLiOGRAFiA --------------------------------------------------------------------------------- 14

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC2. Jaume Reig Carrascosa

I. SOBRE LARQUiTECTURA REAL DEL LLOC WEB TRiAT

Quins esquemes dorganitzaci es detecten? De quin tipus sn: exactes, ambigus? Enumerar breument. A la navegaci global del site (barra de men superior) s un esquema dorganitzaci ambigu organitzat per temes i tasques. Quines estructures dorganitzaci es troben? De quin tipus sn: jerrquiques, de base de dades? Enumerar breument. Explicitar quines sn les estructures de model de base de dades principals. Bsicament una estructura dorganitzaci jerrquica. Un exemple pot ser la forma daccedir a les fitxes dels hotels (que s la part ms interessant per als usuaris), noms hi podem accedir des de nivells superiors: Ver hoteles -> Hoteles en la costa (llistat poblacions) -> Llistat hotels (de la poblaci) -> Fitxa de lhotel. Tamb una estructura dorganitzaci mitjanant hipertext. Per exemple en Ofertas del da, podem trobar una taula amb un llistat dhotels que serveix de link associat cada enlla a una informaci en forma de text. No existeixen estructures de base de dades. Es troben folksonomies? No es troben folksonomies. Com s el sistema detiquetatge? Utilitza etiquetes textuals i imatges rasteritzades (text) per la nevegaci global del site. Tamb utilitza encapalaments per a molts apartats i enllaos contextuals. Quins esquemes de navegaci es troben? Enumerar breument i/o representar-los en un esquema. Tenim dues barres de navegaci global superior i ina tercera barra on hi apareixen els encapalaments de cada secci. A lesquerra daquesta barra hi apareix un bot de tornar enrere. Per altra part tenim una navegaci contextual en totes les pgines de contingut en forma de llista.

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC2. Jaume Reig Carrascosa

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC2. Jaume Reig Carrascosa

II. AVALUACi HEURsTiCA DEL LLOC WEB A PARTiR DE LOBsERVACi

Tot i estar present el logotip en la capalera en la majoria de les pgines de la web del site, no queda molt clar on estem i quina empresa hi ha al darrere de la web. La capalera est molt atapeda dinformacions i gfics (Visualment quasi b t ms importncia el logo de Costa de Almera el telfon de contacte i Oferta puentes, que el logo corporatiu de lempresa). (Error greu) Recomanaci: Fer la capalera al 100% dample de la pgina o a una mida fixe ms gran (sembla estar pensat per resoluci 800x600 i podria estar a 1024x768 la resoluci mnima habitual avui en dia) i espaiar ms el logotip i fer-lo ms gran perqu sigui ms visible. En les pgines Fines de semana, Ofertas puentes i Ver precios, sobren en una finestra nova del navegador, sense la identitat corporativa present per cap lloc de la pgina o canviada grficament. (Error molt greu) Recomanaci: Evitar les finestres emergents amb javascript i latribut denlla target _blank (que daltra banda no s validable) i integrar aquestes pgines en la mateixa interfcie grfica global de tot el web, sense cap finestra nova si no s imprescindible. Les informacions bsiques corporatives (informaci corporativa, email contacte i horaris atenci) estn molt amagats dins de Conzcanos. Tamb s inexistent la informaci legal LOPD (info legal, poltica de privacitat i condicions ds). (Error molt greu) Recomanaci: Destinar el peu de pgina a encabir aquestes informacions: info legal, poltica de privacitat i Condicions ds. Opcionalment tamb contindre informacions de contacte: Telfon, email i horaris datenci. Crear unsa nova pestanya de Contacte a la barra superior de navegaci per a centralitzar tota la informaci de contacte. A part dels nmeros de tarificaci addicional 902 i 905 que ens ofereixen molt destacats, no ens ofereixen cap ms telfon. La gent no s tonta i sap que quan truqus aquests telfons pagus ms cares les trucades, i aix no dona molt bona imatge de lempresa. (Error greu) Recomanaci: Posar un nmero de telfon fix normal tamb per a contacte com a mnim.

NAVEGACi
Tota la web fa servir un sistema de navegaci jerrquic profund, per les informacions importants de cara als usuaris com sn les fitxes dels hotels (en algun cas tenim que fer fins a 3 clicks per arribar a la fitxa de lhotel). Hauria de ser ms senzill accedir a aquesta mateixa informaci en 1 sol click. (Error molt greu) Recomanaci: Implementar un cercador que recuperi un llistat de les fitxes dels hotels segons els criteris de cerca.

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC2. Jaume Reig Carrascosa

s molt complicat saber en quina secci, apartat ens troben a cada moment. Hi ha un encapalament en la majoria de pgines de la web per s poc visible. Per altra part la barra de navegaci global pot portar a moltes confusions ja que en Ofertas del da el fons est de color groc i ens pot arribar a fer pensar que ens troben en aquell apartat encara que estiguem en un altre. (Error molt greu) Recomanaci: Fer que es distingueixi visualment els links actius de cada pgina i secci en concret per indicar-nos i orientar-nos a on ens trobem. A la barra destinada als encapalaments de pgina, fer que es destaquin ms el nom-etiqueta de la secci (canviar el color de font per un de ms contrastat amb el fons i fer tamb la mida font ms gran). Mantenir una coherncia entre els noms de les etiquetes dels links de la barra de navegaci i els encapalaments. Aprofitar tot lespai sobrant de la barra dencapalaments per incorporar navegaci suplementaria (breadcrumbs). El link, pestanya per tornar a linici (home), est a la dreta del tot de la barra de navegaci. Normalment aquesta es sol posar a lesquerra, que s el lloc ms usual on els usuaris busquen aquesta opci per tornar a linici. El logotip no funciona com a link per tornar a la pgina dinici. (Error greu) Recomanaci: Posar a lesquerra del tot la pestanya Inicio i fer que el logotip funcioni com a link que ens retorni a la pgina inicial del web. En el sistema global de navegaci es barregem el que son tasques, informacions, ofertes. Per exemple segons el meu punt de vista, Enviar a un amigo i Tenganos siempre a mano no hauriem de formar part del sistema general de navegaci. (Error greu) Recomanaci: Crear un men secundari per posar per una part Enviar a un amigo i Tenganos siempre a mano i per altra part una altre submen amb Ofera puentes, Fines de semana i Ofertas del da. No existeix cap mapa web global, fet que faria augmentar la usabilitat del lloc web i tamb el posicionament en els motors de cerca. (Error poc greu) Recomanaci: Crear un sitemap per al web

ETiQUETATGE
La informaci continguda dins de Conzcanos, s ms usual emprar les etiquetes: Sobre nosotros, Quienes somos. (Poc greu) Recomanaci: Utilitzar o Quienes somos o Sobre nosotros, ja que estan ms estandarditzats s aquests termes dins la web. La etiqueta Informacin s molt confusa. De quina informaci es tracta? i de totes maneres no condueix a cap informaci, si no cap un formulari de contacte. (Greu) 6

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC2. Jaume Reig Carrascosa

Recomanaci: Utilitzat Contacto i evitar les finestres emergents. Letiqueta Playas s poc concreta. Platges don? Andalucia? Almera? Carib?. (Error poc greu) Recomanaci: Posar letiqueta Playas Almera. El mateix podriem dir de Ver hoteles, per en aquest cas jo treuria lopci de la barra de navegaci, ja que seria ms lgic recuperar tota aquesta informaci mitjanant un cercador o en tot cas canviar-ho per Nuestros hoteles i que recupers un llistat de les fitxes de tots els hotels oferts, per aquesta ja no s una qesti detiquetatge si no de navegaci. Letiqueta Enviar a un amigo s confusa i poc concreta. (Error greu) Recomanaci: Canviar etiqueta per Recomiendanos. s ms curta i concreta.

GRFiCs WEB
Grficament el lloc s bastant simple (minimalista). Aix per si mateix no s cap inconvenient, per el lloc en general dona una imatge poc moderna. El logotip t una aparena poc professional comparat per exemple amb els logotips dels collaboradors (Sol Meli, A-Z Hotels & Resorts, etc..). A la pgina inicial hi ha una animaci amb Flash a tota pantalla de contingut (les fotografies estan b per lanimaci s excessivament llarga pel meu gust i els eslgans entre parntesis de color blanc es llegeixen malament en algunes imatges). Lanimaci Flash de lencapalament, no aporta gran cosa tampoc (per no dir que no aporta res) i dificulta molt la lectura del text dels encapalaments. El mapa dimatges de lapartat Playas, no s cap maravella tampoc. Les pestanyes Fines de semana i Oferta puentes, graficament sn bastant diferents, tot i ser un contingut similar. (Error greu) Recomanaci: Fer un redisseny del logotip. En lanimaci Flash posar ombres al text perqu destaqui ms del fons de la fotografia. Treure lanimaci de lencapalament. El mapa dimatges fer-lo ms atractiu, modern e interactiu, utilitzant Flash, Javascript o un simple mapa dimatges amb html ms cridaner i atractiu visualment. En les pestanyes Fines de semana i Oferta puentes, unificar criteris grfics de les pestanyes daquests dos apartats.

CERCA
No hi ha cap cercador global pel site, per potser tampoc fa falta. Tampoc hi ha cap cercador dhotels per ubicaci geogrfica (costa, capital, interior). Donada la temtica i utilitat del web el ms convenient seria un cercador que busqus per nom dhotel (no necessari domplir, ja que el client no s necessari que en conegui els noms), per ubicaci (costa, Almera capital, interior provncia, preu, categoria i disponibilitat entre dates. (Error: greu) Recomanaci: implementar un cercador dhotels amb ms camps de cerca tils com dates de la reserva, categoria, preu que far guanyar temps al client alhora de reservar hotel, de tal forma que-

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC2. Jaume Reig Carrascosa

quant el sistema retorni els resultats dels hotels que coincideixin amb la cerca amb una proforma ja feta del que costaria, i tan sols el client hagi dintroduir les seves dades i formalitzar la reserva.

FEEDBACK
El formulari de sollicitud de reserva no est validat (tot i deixar els camps en blanc ens envia un missatge dagrament per la reserva i que aviat es posaran en contacte amb nosaltres. Fan servir el mateix formulari de contacte per a reserva i per informacin tot i ser dos conceptes ben diferenciats. (molt greu) Recomanaci: Shan de validar els formularis i no permetre que senvii missatges sense cap informaci. Per altra part sha de diferenciar els formularis de petici de reserva i petici dinformaci, ja que si un usuari demana informaci no fa falta que se li demani dades darribada, sortida o habitacions. La utilitat de Enviar a un amigo, est b com a concepte de mrketing viral, de totes maneres la seva implementaci a la web no em sembla del tot correcte ni efectiva. (poc greu) Recomanaci: Seria millor treure la pestanya Enviar amigo de la navegaci global del site e implementar laplicaci de Enviar a un amigo dins de les fitxes de cada hotel amb letiqueta Recomiendanos o tamb posar un submen destinat a feedback amb els clients amb enllaos als canals de les xarxes socials, newsletters i utilitats com Recomiendanos

UTiLiTAT
A primera vista queda clar que la web tracta dun lloc de turisme i hotels dAlmera. El nom de la web, lanunci publicitari centrat de la part superior i la repetici varies vegades de la paraula Almeri crec que deixen clar que lmbit dactuaci de la web s Almera, i el sector el turisme dhotels, tamb per lanimaci Flash on hi apareixen repetidament fotografies dhotels. De totes maneres la finalitat principal principal del web s la reserva dhotels per part dels clients, i aqu la cosa ja est ms embolicada. Per una part tenim molt clarament destacat un nmero de telfon 902 per a laccs a todos los hoteles de Almera i un 905 per a reserva (tots dos de tarificaci addicional). No em posar amb aix. Pel que fa referncia a la part de reserva i contacte per telfon b. Per per la part de reserva i contacte online les opcions estan molt amagades i tenim que fer molts clicks fins a arribar a sollicitud de reserva, pel que la utilitat principal de la web queda molt minvada. (error greu) Recomanaci: Posar les opcions de reserva online ms accessibles (veure opcions de navegaci proposades).

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC2. Jaume Reig Carrascosa

III. BENCHMARKiNG O EsTUDi DE LA COMPETNCiA

IDENTiTAT

Capalera Hoteles Catalonia. Capalera neta dexcessius grfics i informacions. www.hoteles-catalonia.com

Peu de pgina Catalonia-hotels. Barra de navegaci per a mostrar enllaos dinformaci legal i contacte a ms denllaos a les xarxes socials

Al passar a la funcionalitat de reserves online, el logotip i la identitat de lempresa continua estant present, sense canvis generals en la interfcie grfica. www.centalreservas.com

Informaci de contacte amb horaris i telfons, mostrada amb una finestra emergent javascript de forma centralitzada en un sol apartat. www.centralreservas.com

Informaci de contacte telefnic mostrat en un apartat fixe. www.hotelopia.com

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC2. Jaume Reig Carrascosa

CONTiNGUT

Ofertes i novetats a la pgina principal mostrades de forma destacada i visualment atractives. www.centalreservas.com Llistat dhotels segons criteris de cerca, mostrat amb paginaci. Filtre per a mostrar els hotels segons diferents criteris i significat de les icones de cada fitxa. www.rumbo.es

10

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC2. Jaume Reig Carrascosa

Fitxa de contingut mostrada en finestra emergent javascript amb efecte opacitat de fons, per a mostrar els diferents serveis i caracterstiques de cada hotel. Amb totes les informacions clares i ben categoritzades.www.rumbo.es

NAVEGACi i ETiQUETATGE

Esquema de navegaci amb un men principal superior horitzontal i submen secundari vertical esquerre. Fils dAriadna (bradcrumbs) per saber on estem. www.eurobookings.com

11

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC2. Jaume Reig Carrascosa

CERCADOR

Cercador en la pgina principal mostrat en el contingut de forma destacada i clara, amb un vocubulari controlat per al pblic al qual va dirigit. www.hotelopia.com

FEEDBACK

Comentaris i avaluaci dels usuaris, i s de les xarxes socials. www.booking.com

Utilitat enviament Newsletters Central Reservas.

12

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC2. Jaume Reig Carrascosa

UTiLiTAT

A partir duna cerca segons criteris ens retorna uns resultats coincidents. La utilitat de reserva s ms agil alhora de reservar un hotel. www.quierohotel.com

13

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC2. Jaume Reig Carrascosa

BiBLiOGRAFiA
Morville, Peter. Rosenfeld, Louis (1998). Arquitectura de la Informaci per la World Wide Web. OReally Media, Inc, 1005 Gravenstein Highway North, Sebastopol. Collaboradors de la Viquipdia. Folcsonomia [en lnia]. Viquipdia, lEnciclopdia Lliure, 2009 [data de consulta: 17 de octubre del 2011]. Disponible en <http://ca.wikipedia.org/w/index.php?ti tle=Folcsonomia&oldid=4644621>. Hassan Montero, Yusef Francisco. Fernndez, J. Martn (30 de Marzo de 2003) [en lnia]. Gua de Evaluacin Heurstica de Sitios Web. No solo Usabilidad [data de consulta: 17 de octubre del 2011]. Disponible en < http://www.nosolousabilidad.com/articulos/heuristica.htm>. Collaboradors de la Viquipdia. Benchmarking [en lnia]. Viquipdia, lEnciclopdia Lliure, 2011 [data de consulta: 15 doctubre del 2011]. Disponible en <//ca.wikipedia.org/w/index.php?title=Be nchmarking&oldid=7852441>. Rosenfeld. Louis (Aug 17, 2004). Information Architecture Heuristics [en lnia]. Bloug: Information Architecture Heuristics [data de consulta: 17 de octubre del 2011]. Disponible en < http://louisrosenfeld.com/home/bloug_archive/000286.html > Jaume Reig Carrascosa Octubre de 2011

14