AVALUACIÓ DE WEBS DES DE L’ÒPTICADE L’ARQUITECTURA DE LA INFORMACIÓ
PAC2
Graumultimèdia
arqu
itect
ura
de la
info
rmac
ió
Jaume Villarreal Quintana
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 2 -
BLOC 1
Arquitectura del lloc
BLOC 2
Valoració heurística
BLOC 3
Benchmarking
RECURSOS
IMATGES
07
13
20
03
COMPONENTS DEL’ARQUITECTURA DEL LLOC
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 3 -
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 4 -
ESQUEMA D’ORGANITZACIÓ
ESTRUCTURA D’ORGANITZACIÓ
El lloc web JUEGOSJUEGOS.COM es basa en un esquema
d’organització ambigu, prescindint de l’ús d’esquemes exactes.
La seva estructura es fonamenta en l’organització per temes.
Destaca l’absència d’altres tipus d’esquemes, ja sigui seguint
criteris de tasca com criteris de públic, responent sens dubte al
caràcter lúdic de la seva oferta, que ofereix facilitat d’ús i accés
immediat als continguts.
JERARQUIA
CERCA
La seva estructura jeràrquica segueix el mètode descendent, pre-
sentant una organització àmplia i poc profunda, basada únicament
en dos nivells d’accés. Malgrat tot, es fa difícil saber si es pot
considerar una estructura polijeràrquica doncs no es pot accedir
al seu esquema taxonòmic per comprovar si hi ha continguts pre-
sents en dos o més àmbits de l’estructura.
La seva estructura organitzativa es basa en una combina-
ció d’estructura jeràrquica, relacional i d’hipertext, obtenint
d’aquesta manera una organització que descansa sobre aquests
tres pilars.
La seva estructutra de cerca i accés a continguts segueix el mèto-
de ascendent propi de l’organització en base de dades (BBDD).
Així doncs, ens trobem davant d’un web basada en un model rela-
cional que podria organitzar la informació en els següents camps:
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 5 -
• NOM: guarda la denominació de cadascun dels jocs. Ha de
ser únic per evitar situacions no desitjades en una cerca.
• TIPUS: guarda la classificaciódel joc segons tipologiaba-
santse en la taxonomia establerta per l’arquitecte.
• POPULARITAT: guarda al valor que el joc té pels usuaris,
tot i que no queda clar quin és el criteri que se segueix per
establir-lo. Retorna la selecció de ‘destacats’.
• DATA: guarda el valor cronològic de l’entrada. Gestiona la
selecció de ‘novetats’.
• TAGS: guarda les metadades/etiquetes basant-se en el vo-
cabulari controlat establert per l’arquitecte. Retorna les
entrades coincidents amb un terme al fer una cerca.
HIPERTEXT
Respon a un esquema no linial d’organització de la informació. En
aquests tipus de portals és difícil trobar aquesta estructura orga-
nitzativa ja que la presència de text és escassa.
FOLKSONOMIES
Elllocwebnopermetlaclassificació/categoritzaciódelsjocsper
part dels usuaris.
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 6 -
SISTEMES DE NAVEGACIÓ
El portal es basa en un sistema combinat de navegació:
• global: constitueix el sistema principal de navegació. Format
per etiquetes de text amb icones és present a totes les pàgi-
nes.
• local: constitueix el sistema secundari de navegació. Format
peretiquetesdetextéspresentalafinestraprincipalipermet
navegar per l’àrea escollida.
• contextual: constitueix el sistema terciari de navegació. Pre-
sentalafinestraqueretornaeljoctriat,ofereixaltresjocs
relacionats amb el context de l’escollit.
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 7 -
VALORACIÓ HEURÍSTICA
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 8 -
IDENTITAT
La informació que ofereix la pagina d’inici permet a l’usuari iden-
tificardemaneraclaraaquinàmbitpertanyellloc.L’emblema
éspresentalacapçalerais’identificaambfacilitat,integratpel
logotipielsímbolgràfic.
Els banners publicitaris queden integrats dins de l’estructura de la
finestraprincipal,fetquepotportaraconfusióalquedarintegrat
dins del contenidor principal.
BANNERS PUBLICITARIS
CONTACTE
Una possible solució passaria per integrar els bànners pu-
blicitaris als espais laterals que queden al voltant del cos
principal del web.
Lainformaciósobrecontactetansolsestàsituadaalfinaldelwebi
només permet el contacte mitjançant correu electrònic. Tot i que
el públic del lloc web segurament empra amb assiduïtat i facilitat
aquest mitjà, l’oferta de canals de contacte està molt limitada.
Aquest aspecte es podria solucionar implementant algunes
accions simples:
• oferir una adreça de correu física.
• diversificarelscanalsdecontacteaprofitantl’accés
a les xarxes socials.
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 9 -
CONTINGUTS
NAVEGACIÓ
CRITERIS D’ACTUALITZACIÓ
ENLLAÇOS VISITATS
En termest generals la gestió de continguts és força correcta. Hi ha
una selecció adient de destacats, tot i que tal i com s’ha comentat
amb anterioritat se’n desconeix el criteri de selecció. Els enllaços
textuals són prou descriptius del contingut al que dirigeixen.
La navegació és un dels àmbits més ben resolts en aquesta web. El
sistema de navegació global és sempre present i fàcilment iden-
tificable.
L’usuari no té la possibilitat d’accedir als criteris d’actualització
que empra el lloc web, sobretot a nivell de novetats i destacats.
No hi ha cap diferència visual entre els enllaços visitats i aquells
que encara no s’han activat. Val a dir, però, que el lloc web sí
guarda, a mode d’històric, els jocs que s’han visitat.
Aquest aspecte es podria solucionar fàcilment fent cons-
tarladatad’actualitzacióasotalaiconadecadajoc,con-
juntamentambelseunom.
Aquestaincidènciaésfàcilmentsolventablesis’implementa
algunsistemaquepermetiidentificarenllaçosvisitats,ja
siguimodificantelcolordelafontomodificantlaicona.
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 10 -
SISTEMA DE NAVEGACIÓ LOCAL
La sistema de navegació a nivell local no és prou consistent. Es
passa d’un sistema global basat en enllaços de tipus text/icona
aenllaçosdetipus textambunamidade fontpocsignificativa
respecte al seu context.
Aquestésundelpuntscríticsdelportal.Unasolucióco-
herent passaria per emmarcar el sistema de navegació lo-
calperdonar-lientitatpròpiadinsdelframeprincipal,al-
horaqueesmantéelcriteridetext/iconailespremisses
sobre navegació esmentades amb anterioritat.
ETIQUETATGE
METADADES I ETIQUETES
L’etiquetatge és en general correcte i es basa en un vocabulari
que en gran mesura ja està estandaritzat, tot i que per la pròpia
naturalesa del lloc és difícil que crein àmbtis excloents entre ells.
L’usuari té total desconeixement del sistema d’etiquetatge que
getionael llocweb.Això influeixdirectamentenel sistemade
cerca, tal i com després s’apuntarà.
Aquestésunaltredelspuntscríticspelquefaaldisseny
del’AIenaquestllocweb.Aquestaspecteespodriaresol-
dremostrant lesetiquetesque formen lacategorització
taxonòmicadecadajocooferintal’usuarilapossibilitat
defercerquesdirectamentperetiquetes,emulanteldis-
senyd’unnúvoldetags.
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 11 -
CERCA
CRITERIS DE CERCA
El cercador, situat a la part superior dreta de la interfície, és cla-
ramentidentificable.Esbasaenunacaixasimpled’introduccióde
text de la que s’espera que retorni al frame principal les entrades
coincidents.
El sistema de cerca és inconsistent i mostra poca coherència en el
seu comportament, ja que retorna resultats que no són els espe-
rats al no basar-se únicament en el nom dels jocs.
Tal i com s’apuntava en l’apartat d’etiquetatge, els jocs tan sols
mostren a l’usuari el seu nom, fet que el converteix en l’únic cri-
teri conegut de cerca. Però una cerca qualsevol pot retornar jocs
que no contenen la paraula buscada.
Si, per exemple, es busca la paraula ‘car‘, el cercador retorna
mésde1900entradesquevandesdejocsdecotxesfinsajocs
d’estratègia, passant per tòmboles o jocs de cartes. Aquest tipus
de retorn trenca la lògica de la cerca perquè l’usuari no pot con-
trolar l’estructura d’etiquetes que organitza les cerques.
Ens trobem davant del punt més crític pel que fa a
l’àmbitdeldissenyarquitectònicdelllocweb.Nodispo-
sard’aquestainformaciófaqueelresultatdelescerques
siguiimprevisibleiprovocadesorientacióenelsusuaris,
ambelconsegüentriscd’abandonament.
Talicoms’apuntavaambanterioritat,seriabàsicqueles
cerquesretornessinlesetiquetesadjudicadesacadajoc,
demaneraquel’usuaripuguésorganitzarioptimitzarles
seves cerques en ocasions posteriors.
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 12 -
GRÀFICS WEB
FEEDBACK
BANNERS PUBLICITARIS
ESCASSETAT DE CANALS
La presentació de les imatges està ben integrada, conservant
l’estil propi dels jocs en línia.
El nivell de retroalimentació des de la pàgina és baix. De manera
anàloga als canals de contacte, les vies de retorn són escasses.
Els bànners publicitaris es mostren poc integrats en el portal no
només per la seva ubicació sinó per la ruptura estilística que supo-
sen. La seva càrrega lenta i les animacions que contenen trenquen
amb la càrrega àgil i l’estil estàtic de les icones dels jocs.
Els canals de retorn per part dels usuaris es limiten a les valora-
cions a través del boto LIKE de Facebook i Google+. Això limita la
capacitat dels internautes per interactuar amb els creadors.
Totiqueaquestésunaspectemésrelacionatambl’àmbit
deldisseny, seria interessantqueelsbannerspublicitaris
donessin coherència i consistència a l’estructura gràfica,
fetquesensdubteredundaràenbeneficidelausabilitat.
Les possibilitats que ofereix actualment el web 2.0 per-
meten obrir el ventall de canals bidireccionals. Crear inte-
raccióatravésdelesxarxessocials,elsblocsoelsfòrums
resolaquestaspecte,quetambérequeriràplantejament
i gestió.
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 13 -
BENCHMARKING
es.bigpoint.comwww.games.co.uk
www.jajuegos.com www.minijuegos.com
www.roundgames.com
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 14 -
IDENTITAT
El portal GAMES.CO.UK ha resolt molt bé la integració de ban-
ners publicitaris dins de la pàgina, separant la caixa principal de
continguts dels anuncis publicitaris, que queden ubicats als late-
rals de la caixa principal.
Per la seva banda, el portal es.bigpoint.com dóna una solu-
ció òptima al canal de contacte, ja que remet l’usuari a la pàgina
de l’empresa des d’on pot accedir a les dades necessàries.
BANNERSPUBLICITARIS
CONTACTE
Els banners publicitaris situats fora de les caixes de contingut faciliten a l’usuari la cerca i organit-zació de continguts.
És bàsic que l’empresa ofereixi la possibilitat d’accedir a les dades de contacte. És un canal imprescindible que dóna credibilitat i rellevància empresarial a l’usuari.
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 15 -
CONTINGUTS
El portal minijuegos.com o roundgames.com organit-
zen els continguts de manera jeràrquica, però hi afegeixen una
distribució cromàtica que facilita a l’usuari la discriminació visual
dels blocs de contingut.
ORGANITZACIÓ
La discriminació per colors és més consistent quan es vincula al fons de les caixes de text de cada categoria.
L’assignació d’una gama cromàtica a cada bloc de continguts permet a l’usuari ubicar la informa-ció de manera intuïtiva.
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 16 -
NAVEGACIÓ
El portal games.co.uk informa a l’usuari de quins són els en-
llaços que ha visitat. A diferència de juegosjuegos.com,
que els col·loca a peu de pàgina, el repositori de links d’aquesta
web apareix a la part superior dreta de la interfície principal, fa-
cilitant a l’usuari l’accés a aquest bloc d’informació.
El portal MINIJUEGOS.COM ofereix un sistema de navegació
local molt millorat, que permet discriminar continguts dins d’una
mateixa àrea temàtica segons diferents criteris, alhora que es pot
navegar entre totes les pàgines amb continguts de temàtica co-
muna.
ENLLAÇOS
NAVEGACIÓLOCAL
La majoria de portals de jocs online no remarquen els enllaços visitats. Una bona manera de resoldre-ho és crear un repositori de jocs visitats.
Els sistemes de navegació local són importants si ajudenal’usuariaafinarla seva cerca. Enriquir aquest sistema amb altres criteris que vagin més en-llà de la paginació donarà una afegit de qualitat al projecte.
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 17 -
TAXONOMIA
CRITERISDE CERCA
També serà molt intere-sant per a l’usuari saber quina és la quantitat de jocs que hi ha a dintre de cadascuna de les catego-ries.
ETIQUETATGE
CERCA
Com a norma general la gran majoria de portals de jocs en línia
comparteixen un vocabulari compartit i una estructura molt sem-
blantpelqueaclassificaciótaxonòmicarespecta.
Tot i així, el portal jajuegos.com ofereix a l’usuari una clas-
sificació taxonòmicamés amplia, indicant també el nombre de
categories de què es disposa.
El portal ES.BIGPOINT.COM ofereix la possibilitat d’emprar
mecanismes de cerca avançada, a diferència de la cerca simple
que ofereixen en general aquest tipus de portals.
Aquest web ofereix a l’usuari la possibilitat de realitzar cerques
creuant diferents criteris, fet que permet afinar la cerca i, en
conseqüència, reduir el nombre de coincidènciest.
Aquí es veu clarament l’estreta relació entre taxonomia, etique-
tatgeicerca.Laclassificaciósegonsgènere,categoriaitipusafa-
voreix la implementació optimitzada de sistemes de cerca.
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 18 -
Serà molt interesant per a l’usuari saber quina és la quantitat de jocs que hi ha a dintre de cadascu-na de les categories.
Els sistema d’ordenació dels resultats també pot enriquir els sistemes de cerca.
Per altra banda, el cercador ofereix la possibilitat d’ordenar els
resultat en funció de diversos criteris, ja siguin atenent a la re-
llevància, a l’ordre alfabètic o a la puntuació. Aquest mecanisme
permet ampliar el desplegament taxonòmic i fa que la cerca sigui
encara més modular i ajustable a les necessitats de l’usuari.
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 19 -
RETROALIMENTACIÓ
El portal ES.BIGPOINT.COM ofereix
de nou una bona solució basada en la in-
tegració de diferents formats web 2.0,
que van des de la creació de notícies en
formatblocfinsalagestiód’unperfilde
Facebook, passant pels esdeveniments
que generen els usuaris registrats.
Aquesta opció propicia la consolidació
d’una comunitat d’usuaris que per una
banda comparteixen aficions i disposen
d’un espai virtual on jugar i, per altra
banda, poden rebre i oferir informació a
altres usuaris.
D’aquesta manera s’afavoreix l’accés a
altres canals que van més enllà de la uni-
direccionalitat d’un portal web.
CANALS DEFEEDBACK
ARQUITECTURA DE LA INFORMACIÓ PAC2
Grau en Multimèdia
- 20 -
SobreArquitecturadelaInformació
• http://iainstitute.org/es
• http://www.pebbleroad.com/downloads/organizing-digital-infor-
mation-for-others-v1.pdf
• Morville, Rosenfeld (2010). “Arquitectura de la informació per al
WorldWideWeb”.Catalunya.FundacióperalaUniversitatOberta
deCatalunya.
Sobre avaluació heurística
• http://www.nosolousabilidad.com/articulos/heuristica.htm
• http://www.jmarquez.com/documentos/jm_checklist.pdf
• http://www.nngroup.com/topic/heuristic-evaluation/
• http://galinus.com/es/articulos/principios-diseno-de-interaccion.
html
Websempradesperrealitzarelbenchmarking
• http://www.minijuegos.com/
• http://es.bigpoint.com/
• http://www.games.co.uk/
• http://www.roundgames.com/
• http://www.juegosjuegos.com/
Sobre les imatges:
• Totes les imatges han estat capturades dels llocs web esmentats i
modificadesperl’autor,aexcepciódel’isotipdelaUOC.