PAC2_AI

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


Grau en Multimèdia

- 3 -


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:


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.


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.


Grau en Multimèdia

- 7 -

VALORACIÓ HEURÍSTICA


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.


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.


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.


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.


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ó.


Grau en Multimèdia

- 13 -

BENCHMARKING

es.bigpoint.comwww.games.co.uk

www.jajuegos.com www.minijuegos.com

www.roundgames.com


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.


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.


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.


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.


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.


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


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.

PAC2_AI

Documents

Transcript of PAC2_AI