AVALUACIÓ DE WEBS DES DE L’ÒPTICA DE L’ARQUITECTURA DE LA INFORMACIÓ
arquitectura de la informació
Gmultimèdia rau
Jaume Villarreal Quintana
PAC2
PAC2
ARQUITECTURA DE LA INFORMACIÓ
BLOC 1 Arquitectura del lloc
BLOC 2 Valoració heurística
BLOC 3 Benchmarking
RECURSOS IMATGES
03 07 13 20
-2Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
COMPONENTS DE L’ARQUITECTURA DEL LLOC
-3Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
ESQUEMA 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.
ESTRUCTURA D’ORGANITZACIÓ La seva estructura organitzativa es basa en una combinació d’estructura jeràrquica, relacional i d’hipertext, obtenint d’aquesta manera una organització que descansa sobre aquests tres pilars.
JERARQUIA La seva estructura jeràrquica segueix el mètode descendent, presentant 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 presents en dos o més àmbits de l’estructura.
CERCA La seva estructutra de cerca i accés a continguts segueix el mètode ascendent propi de l’organització en base de dades (BBDD). Així doncs, ens trobem davant d’un web basada en un model relacional que podria organitzar la informació en els següents camps: -4Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
• 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 tipologia basantse 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 vocabulari 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 organitzativa ja que la presència de text és escassa.
FOLKSONOMIES El lloc web no permet la classificació/categorització dels jocs per part dels usuaris.
-5Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
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àgines. • local: constitueix el sistema secundari de navegació. Format per etiquetes de text és present a la finestra principal i permet navegar per l’àrea escollida. • contextual: constitueix el sistema terciari de navegació. Present a la finestra que retorna el joc triat, ofereix altres jocs relacionats amb el context de l’escollit.
-6Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
VALORACIÓ HEURÍSTICA
-7Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
IDENTITAT La informació que ofereix la pagina d’inici permet a l’usuari identificar de manera clara a quin àmbit pertany el lloc. L’emblema és present a la capçalera i s’identifica amb facilitat, integrat pel logotip i el símbol gràfic.
BANNERS PUBLICITARIS Els banners publicitaris queden integrats dins de l’estructura de la finestra principal, fet que pot portar a confusió al quedar integrat dins del contenidor principal. Una possible solució passaria per integrar els bànners publicitaris als espais laterals que queden al voltant del cos principal del web.
CONTACTE La informació sobre contacte tan sols està situada al final del web i 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.
•
diversificar els canals de contacte aprofitant l’accés a les xarxes socials.
-8Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
CONTINGUTS 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.
CRITERIS D’ACTUALITZACIÓ L’usuari no té la possibilitat d’accedir als criteris d’actualització que empra el lloc web, sobretot a nivell de novetats i destacats.
Aquest aspecte es podria solucionar fàcilment fent constar la data d’actualització a sota la icona de cada joc, conjuntament amb el seu nom.
NAVEGACIÓ La navegació és un dels àmbits més ben resolts en aquesta web. El sistema de navegació global és sempre present i fàcilment identificable.
ENLLAÇOS VISITATS 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. Aquesta incidència és fàcilment solventable si s’implementa algun sistema que permeti identificar enllaços visitats, ja sigui modificant el color de la font o modificant la icona.
-9Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
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 a enllaços de tipus text amb una mida de font poc significativa respecte al seu context. Aquest és un del punts crítics del portal. Una solució coherent passaria per emmarcar el sistema de navegació local per donar-li entitat pròpia dins del frame principal, alhora que es manté el criteri de text/icona i les premisses sobre navegació esmentades amb anterioritat.
ETIQUETATGE 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.
METADADES I ETIQUETES L’usuari té total desconeixement del sistema d’etiquetatge que getiona el lloc web. Això influeix directament en el sistema de cerca, tal i com després s’apuntarà. Aquest és un altre dels punts crítics pel que fa al disseny de l’AI en aquest lloc web. Aquest aspecte es podria resoldre mostrant les etiquetes que formen la categorització taxonòmica de cada joc o oferint a l’usuari la possibilitat de fer cerques directament per etiquetes, emulant el disseny d’un núvol de tags.
- 10 Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
CERCA El cercador, situat a la part superior dreta de la interfície, és clarament identificable. Es basa en una caixa simple d’introducció de text de la que s’espera que retorni al frame principal les entrades coincidents.
CRITERIS DE CERCA El sistema de cerca és inconsistent i mostra poca coherència en el seu comportament, ja que retorna resultats que no són els esperats 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 criteri 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és de 1900 entrades que van des de jocs de cotxes fins a jocs 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 controlar l’estructura d’etiquetes que organitza les cerques. Ens trobem davant del punt més crític pel que fa a l’àmbit del disseny arquitectònic del lloc web. No disposar d’aquesta informació fa que el resultat de les cerques sigui imprevisible i provoca desorientació en els usuaris, amb el consegüent risc d’abandonament. Tal i com s’apuntava amb anterioritat, seria bàsic que les cerques retornessin les etiquetes adjudicades a cada joc, de manera que l’usuari pugués organitzar i optimitzar les seves cerques en ocasions posteriors. - 11 Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
GRÀFICS WEB La presentació de les imatges està ben integrada, conservant l’estil propi dels jocs en línia.
BANNERS PUBLICITARIS 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 suposen. 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.
Tot i que aquest és un aspecte més relacionat amb l’àmbit del disseny, seria interessant que els banners publicitaris donessin coherència i consistència a l’estructura gràfica, fet que sens dubte redundarà en benefici de la usabilitat.
FEEDBACK 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.
ESCASSETAT DE CANALS Els canals de retorn per part dels usuaris es limiten a les valoracions a través del boto LIKE de Facebook i Google+. Això limita la capacitat dels internautes per interactuar amb els creadors. Les possibilitats que ofereix actualment el web 2.0 permeten obrir el ventall de canals bidireccionals. Crear interacció a través de les xarxes socials, els blocs o els fòrums resol aquest aspecte, que també requerirà plantejament i gestió. - 12 Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
BENCHMARKING es.bigpoint.com www.games.co.uk www.jajuegos.com www.minijuegos.com www.roundgames.com
- 13 Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
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
BANNERS PUBLICITARIS
continguts dels anuncis publicitaris, que queden ubicats als laterals de la caixa principal.
Els banners publicitaris situats fora de les caixes de contingut faciliten a l’usuari la cerca i organització de continguts.
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
CONTACTE
de l’empresa des d’on pot accedir a les dades necessàries.
É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. - 14 Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
CONTINGUTS El portal
minijuegos.com
o
roundgames.com
organit-
zen els continguts de manera jeràrquica, però hi afegeixen una
ORGANITZACIÓ
distribució cromàtica que facilita a l’usuari la discriminació visual dels blocs de contingut.
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 informació de manera intuïtiva.
- 15 Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
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,
ENLLAÇOS
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, facilitant a l’usuari l’accés a aquest bloc d’informació.
La majoria de portals de jocs online no remarquen els enllaços visitats. Una bona manera de resoldreho és crear un repositori de jocs visitats.
El portal
MINIJUEGOS.COM
ofereix un sistema de navegació
local molt millorat, que permet discriminar continguts dins d’una
NAVEGACIÓ LOCAL
mateixa àrea temàtica segons diferents criteris, alhora que es pot navegar entre totes les pàgines amb continguts de temàtica comuna.
Els sistemes de navegació local són importants si ajuden a l’usuari a afinar la seva cerca. Enriquir aquest sistema amb altres criteris que vagin més enllà de la paginació donarà una afegit de qualitat al projecte. - 16 Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
ETIQUETATGE Com a norma general la gran majoria de portals de jocs en línia comparteixen un vocabulari compartit i una estructura molt sem-
TAXONOMIA
blant pel que a classificació taxonòmica respecta. Tot i així, el portal
jajuegos.com ofereix a l’usuari una clas-
sificació taxonòmica més amplia, indicant també el nombre de categories de què es disposa.
També serà molt interesant per a l’usuari saber quina és la quantitat de jocs que hi ha a dintre de cadascuna de les categories.
CERCA El portal
ES.BIGPOINT.COM
ofereix la possibilitat d’emprar
mecanismes de cerca avançada, a diferència de la cerca simple
CRITERIS DE CERCA
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, etiquetatge i cerca. La classificació segons gènere, categoria i tipus afavoreix la implementació optimitzada de sistemes de cerca. - 17 Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
Serà molt interesant per a l’usuari saber quina és la quantitat de jocs que hi ha a dintre de cadascuna de les categories.
Per altra banda, el cercador ofereix la possibilitat d’ordenar els resultat en funció de diversos criteris, ja siguin atenent a la rellevà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.
Els sistema d’ordenació dels resultats també pot enriquir els sistemes de cerca. - 18 Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
RETROALIMENTACIÓ El portal
ES.BIGPOINT.COM
ofereix
de nou una bona solució basada en la in-
CANALS DE FEEDBACK
tegració de diferents formats web 2.0, que van des de la creació de notícies en format bloc fins a la gestió d’un perfil de 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 unidireccionalitat d’un portal web.
- 19 Grau en Multimèdia
PAC2
ARQUITECTURA DE LA INFORMACIÓ
Sobre Arquitectura de la Informació • http://iainstitute.org/es • http://www.pebbleroad.com/downloads/organizing-digital-information-for-others-v1.pdf • Morville, Rosenfeld (2010). “Arquitectura de la informació per al World Wide Web”. Catalunya. Fundació per a la Universitat Oberta de Catalunya. 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 Webs emprades per realitzar el benchmarking • 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 modificades per l’autor, a excepció de l’isotip de la UOC.
- 20 Grau en Multimèdia