Arquitectura de la Información - Pac02 - Lidia Bria
1. 20-3-201407:44:41.394+01:00 - 1 -
AULA
06.517 Arquitectura de la informació aula 1
Anàlisi components d'arquitectura. Avaluació.
Benchmarking per a escriptori i mòbil
Inici:
19-03-14
Lliurament:
09-04-14
Solució:
25-04-14
Qualificació:
25-04-14
Dedicació:
000 %
Presentació
Aquesta PAC, pretén fer un repàs breu de l’anatomia de l’arquitectura de la informació.
A la vegada que ens endinsarem en la fase d’investigació, observació i avaluació d’un
redisseny de lloc web real.
Competències
– Capacitat per innovar i generar noves idees
– Capacitat per planificar i gestionar projectes en l'entorn de les TIC
– Capacitat per avaluar solucions tecnològiques i elaborar propostes de projectes
tenint en compte els recursos, les alternatives disponibles i les condicions de mercat.
– Capacitat per conceptualitzar, dissenyar i avaluar les interfícies i esquemes
d'interacció de les aplicacions i dispositius d'accés a l'informació digital.
Objectius
– Comprendre i contextualitzar els components bàsics de l’anatomia de l’arquitectura
de la informació.
– Treballar amb mètodes i processos d’investigació, observació i avaluació de llocs web
2. 20-3-201407:44:41.394+01:00 - 2 -
Descripció
La PAC està formada per dos grans blocs ben diferenciats:
– En un primer bloc es demana fer un desglossament dels components bàsics d’una
arquitectura d’un lloc web.
– I en un segon bloc, ens ubiquem en la fase d’investigació dins el redisseny d’un lloc
web i es demana aplicar uns mètodes d’investigació i anàlisi.
Per fer aquesta PAC, primer heu d’escollir un dels tres llocs webs que es proposen. És
important la selecció perquè posteriorment les següents PACs s’hauran de fer amb el
mateix lloc web escollit.
– www.artehabitat.com/
– www.immoblesbarcelona.com/
– www.taquilla10.com
Detallem cada bloc:
BLOC I: Components de l’arquitectura del lloc web escollit
(recomanació: 1 pàgina).
Fent una revisió de les tipologies de contingut de les pàgines del siteescollit, cal fer una
enumeració breu i senzilla dels components explicats en els capítols 4 a 9 del llibre base
de l’assignatura.
Sobre el lloc web que heu seleccionat, cal revisar i anotar:
– Enumerar les tipologies d’esquemes d’organització que es detecten i indicar
breuement exemples d’on s’aplica.
– Enumerar les tipologies d’estructures d'organització que es detecten i indicar
breuement exemples d’on s’aplica.
– Explicitar de forma breu les possibles estructures de model de base de dades
principals que es troben al site.
– Indicar si troben “folksonomies”
– Enumerar exemples de les diferents tipologies d’etiquetes.
– Enumerar les tipologies de sistemes de navegació que es detecten i anotar-les
breument.
3. 20-3-201407:44:41.394+01:00 - 3 -
Comentari sobre bloc I: Aquesta part no representaria cap entregable pel client. Es tracta
només de confirmar la vostra comprensió dels conceptes del llibre.
BLOC II: Fase d’investigació
En aquest bloc, comencem el redisseny del lloc web escollit . En aquesta primera fase
farem dues coses: un llistat d’errors i solucions del lloc (avaluació heurística) i un estudi de
bones pràctiques (benchmarking).
Avaluació heurística del lloc web a partir de l’observació.
(recomanació: 3-4 pàgines).
Es tracta de fer una avaluació o anàlisi expert amb la finalitat de detectar els principals
errors, problemes d'ús i/o possibles millores.
El document final haurà de ser un informe en forma de llistat dels principals errors.
Cada error ha de ser presentat amb un titular breu, una descripció, un nivell de gravetat
associat i una possible solució/millora.
Els errors es poden presentar agrupats per temàtiques (com poden ser: identitat,
continguts, navegació, etiquetatge, grafisme, cerca, feedback i utilitat, pressió a l’acció,
multidispositiu,..)
Cada error s’ha de ponderar segons la seva gravetat (amb un simple: molt greu, greu,
poc greu, és suficient)
Per detectar els errors us pot servir d’orientació el checklist creat a partir del llibre de
Morville & Rosenfeld (ho trobareu al final d’aquest document). Anotem que els checklists
se solen adaptar a les tipologies de sites.
Us seran d’utilitat per generar el vostre propi heurístic, les diverses fonts i recursos citats a
l’apartat de recursos.
Consells:
– Cal evitar fer un llistat de preguntes/respostes. Es tracta de fer ús del checklist per tal
de no oblidar temes a revisar sobre els diferents aspectes del site.
– Evitar ser excessivament descriptius i centrar-se en l’enumeració dels errors o
millores.
Benchmarking o estudi de la competència a través d'una selecció de bones
pràctiques (mínim 6 - màxim 8 pàgines, hem
4. 20-3-201407:44:41.394+01:00 - 4 -
de presentar mínim 10 idees noves extretes de mínim 5 sites diferents incloent sites
internacionals).
Es tracta de fer una cerca acurada i selecció de les millors pràctiques de llocs webs similars
nacionals /internacionals, per tal de trobar possibles millores/ avantatges/ idees que ens
ajudi a obrir el punt de vista i estimular la pluja de noves idees.
En l’informe final, les noves idees es poden organitzar per diferents criteris p.e:
navegacions, fitxa de producte, disseny, buscador, informació contextual, crides a
l'acció, experiència de compra, atenció al client, confiança i seguretat, social media,
multidispositiu, etcètera.
Es pot presentar cada criteri en forma de collage de captures de pantalla a través de
diversos sites i decidir segons interessi si es mostra la captura sencera o parcial per
pantalla.
Acompanyant a cada captura o grup de captures, s'ha de fer una breu nota explicant
l’idea de bona pràctica de forma sintètica. També cal indicar la url dels sites.
Consells:
– Buscar les millors pràctiques ja sigui a nivell nacional com internacional. No ens
concentrem només en sites nacionals.
– No ens hem de centrar en els primers resultats de sites trobats. Busquem, analitzem i
seleccionem allò que marqui una clara avantatge/ millora/ idea nova a mostrar.
– No hem de ser descriptius ni comparatius i no es tracta de fer cap avaluació dels
nous sites.
– Les captures poden ser detalls de pàgines i/o pàgines senceres però les presentem en
una mida reduïda.
– No perdre de vista que l’objectiu d’un benckmarking és extreure idees clares, concises
i breus.
Recursos
Bàsics
– El llibre de Morville & Rosenfeld, "Arquitectura de la Informació per la World Wide
Web"
(especialment els capítols 4, 5, 6, 7, 8, 9, 10 i 11)
5. 20-3-201407:44:41.394+01:00 - 5 -
– “Usuaris i sistemes interactius”. Anotar que el teniu en aquest mateix enunciat
– Ebook petit, senzill i amb conceptes clars sobre Arquitectura de la Informació http://
www.pebbleroad.com/downloads/organizing-digital-information-for-others-v1.pdf
Enllaços d’interès sobre avaluació heurística:
– http://www.aipo.es/libro/pdf/15-Evaluacion-Heuristica.pdf
– http://www.stcsig.org/usability/topics/articles/he-checklist.html
– http://www.nngroup.com/articles/ten-usability-heuristics/
– http://louisrosenfeld.com/home/bloug_archive/000286.html
– http://www.nosolousabilidad.com/articulos/heuristica.htm
– http://www.jmarquez.com/documentos/jm_checklist.pdf
– http://galinus.com/es/articulos/principios-diseno-de-interaccion.html
– http://argus-acia.com/white_papers/evaluating_ia.html
– Estàndards formals d’usabilitat, DCU i la seva aplicació pràctica en una avaluació
heurística: http://olgacarreras.blogspot.com/2012/03/estandares-formales-de-usabilidad-
y-su.html
Exemples d’avaluacions:
– http://www.gestiopolis.com/canales5/ger/ainda/32.htm
– http://www.wezstudio.com/downloads/Evaluacion_heuristica_Imaginarium.pdf
– http://www.colimbo.net/doctorado/practicas.htm
Criteris de valoració i puntuació
Criteris de valoració
S’avaluarà la correcta comprensió dels conceptes plantejats en els diferents materials de
consulta.
S’avaluarà la capacitat de síntesis, l’ordre i claredat de l’estructura i l’estil de comunicació
a l’hora d’organitzar els informes.
6. 20-3-201407:44:41.394+01:00 - 6 -
S’avaluarà el nombre i l’importància relativa dels errors, de les millores i de les noves
idees presentades.
Es valorarà la presentació correcta de l’escrit, tenint present els següents aspectes:
– Presentació correcta del document i de l’escrit: Portada, índex, capçalera de pàgina,
paginació i correcció ortogràfica.
– Bona ordenació/ indexació/ formateig dels blocs de continguts, fer ús de: titulars,
subtitulars, negretes, llistats,..
– Format del text: 12 pt i 1,5 d'interlineat.
– Referenciar adequadament la font d’on s’han obtingut les imatges (què han d’estar
lliures de drets).
– Tenir cura de la citació correcta de les fonts consultades (bibliogràfiques o en línia).
Puntuació
El valor d’aquesta PAC és del 33,33% de la nota global de Pacs de l’assignatura i, per
tant, correspon al 20% del global de l’AC (60%)
El Bloc I puntua amb 2 punts.
L’avaluació puntua amb 4 punts.
El benchmarking puntua amb 4 punts.
Format i data de lliurament
El treball ha de ser entregat al registre RAC.
MOLT IMPORTANT! El lliurament de la PAC ha d’estar compost per un únic document
format .PDF sense comprimir.
La data límit de lliurament per a la PAC2 és el 9 d’abril de 2014 .
Checklist de comprovació de l’AI d'un web
Guia per a l’avaluació de l’arquitectura de la informació d’un lloc web
(basat en el llibre Information Arquitecture for the World Wide Web de Morville &
Rosenfeld)
Checklist de comprovació de l’AI d'un web
7. 20-3-201407:44:41.394+01:00 - 7 -
• Identitat
• Amb la informació que s'ofereix en pantalla, és possible saber a quina institució o
empresa correspon el lloc?
• Hi ha algun element gràfic o de text, en particular, que permeti entendre més
clarament a quina institució o empresa pertany el lloc?
• Estan relacionats els colors predominants al lloc web amb els de la institució? Està
relacionada l'adreça web del lloc amb la institució?
• Dels elements que mostra la portada, hi ha algun element que estigui fora de lloc,
perquè no pertany a la institució o a empresa que s'identifica com a propietària?
• Es distingeix alguna imatge que representi (logotip) la institució? Apareix en un lloc
important dins de la pàgina? Es pot llegir el nom de la institució? És un logotip clar?
• Cap a quin tipus d'audiència està dirigit aquest lloc? Per què?
• En cas de necessitar posar-se en contacte telefònic o enviar una carta tradicional a
la institució o empresa propietària del lloc web, s'ofereix informació de telèfons o
adreces? Són útils per fer aquesta tasca? És difícil trobar aquesta informació?
(Aquestes preguntes s'han de fer després navegar pel lloc, a fi de formar-se una
opinió sobre el que s'està veient i la forma de navegar pels seus continguts)
• Contingut
• És adequada la selecció de continguts destacats a la portada o es troben a faltar
altres àrees d'informació que podria ser interessant veure destacades?
• En veure la portada del lloc, es pot distingir d'una sola mirada quin és el contingut
més rellevant que s'ofereix? Com s'aconsegueix fer aquesta distinció, a través de
quins elements?
• En cas d'haver-hi informació relacionada amb la que s'està veient, s'ofereix de
manera simple? O s'ha de tornar a navegar per trobar-la?
• Els texts usats en els continguts dels enllaços són prou descriptius del que s'ofereix a
les pàgines cap a les quals s'accedeix a través d'ells?
• En cas que els continguts ofereixin arxius adjunts, és fàcil saber el seu pes o si són
d'un format diferent al d'una pàgina web? És útil la informació que s'ofereix al lloc
sobre els esmentats arxius? O no hi ha cap informació?
8. 20-3-201407:44:41.394+01:00 - 8 -
• És fàcil distingir els nous continguts que presenta el lloc web? Per exemple, és
possible saber quan va ser l'última actualització del lloc?
• Navegació
• Es pot veure a la portada, i la resta de pàgines, la forma en la qual es navega pel lloc?
Es distingeix fàcilment el Sistema de Navegació?
• Hi ha elements dins de les pàgines, que permetin saber exactament en quina
pàgina/secció es troba dins d'aquest lloc i com tornar enrere sense fer servir els
botons del navegador?
• Com es torna des de qualsevol pàgina del lloc a la pàgina d'inici? S'ofereix alguna
forma de fer-ho, que no sigui pressionant el botó del cercador? Es prou visible i
intuïtiu?
• Habitualment, com s'aconsegueix accedir directament als continguts sense haver de
navegar? Usant el cercador? Usant el Mapa del Lloc? Estan disponibles en aquest lloc
web? En troba a faltar algun?
• Navegant pels diversos nivells de navegació del lloc web. La informació que s'ofereix
en pantalla sembla adequada per entendre on s'està ubicat en qualsevol moment?
S'ha sentit perdut dins del lloc? Si se n’hi ha sentit, recorda en quina àrea va ser? Si
no se n’ha sentit, quin element del lloc creu que ajuda més a orientar-se?
• S'aconsegueix distingir gràficament els enllaços visitats d'aquells que no s'han visitat
encara? Si existeix aquesta diferència de colors, facilita la navegació?
• Etiquetatge
• Si es fan cerques de les etiquetes del web els resultats condueixen a les pàgines que
contenen aquestes etiquetes?
• Estan les icones/etiquetes ben escollides? Representen el que volen dir?
• Són adequades per a l'audiència a qui va dirigit el web?
• Provenen d'un vocabulari controlat?
• Estan correctament puntuades? Les contraccions o abreviatures són correctes,
permeten entendre el seu significat o només usuaris experimentats podrien conèixer
el seu significat (per exemple: els acrònims)?
• Gràfics web
• Sembla adequada la forma en la qual es mostren les imatges al lloc web? Són
nítides? Són adequades per representar el contingut del qual tracta el lloc?
9. 20-3-201407:44:41.394+01:00 - 9 -
• Les imatges grans tarden en descarregar-se més de l'esperat? Si és així, continuaria
navegant sense que arribessin a mostrar-se completament? El lloc web és molt lent?
• El lloc té gràfiques amb animacions? N'hi ha alguna que li hagi cridat la atenció?
Cap?
• Gràficament, el lloc està equilibrat? És molt simple o molt recarregat?
• El lloc web té baners publicitaris? Ha tingut intenció o ha arribat a fer clic sobre
algun? Per què hi va fer clic? Què li ha cridat l'atenció?
• Cerca
• Utilitza normalment un cercador en accedir a un lloc web? Es distingeix fàcilment si
en aquest lloc s'ofereix un cercador? On és?
• Abans d'usar el cercador. Com faria l'operació de buscar? Què escriuria? On ho
escriuria?
• Abans de pressionar el botó Buscar. Què espera trobar? En veure la pàgina de
resultats, aquesta pàgina és el que esperava trobar? Li serveix?
• Feedback
• S'ofereix alguna forma , online i offline , de posar-se en contacte amb l'empresa o
institució, per fer suggeriments o comentaris? Veure pregunta similar en la part
d’Identitat.
• Després de l'operació d'enviar algun formulari via web. En enviar dades mitjançant
un formulari, el lloc web mostra un avís indicant si s'han rebut correctament o no?
• Utilitat
• Després d'una primera mirada, queda clar quin és l'objectiu del lloc? Quins
continguts i serveis s'ofereix? Es poden enumerar?
• Els continguts i serveis que s'ofereixen en aquest lloc són d'utilitat per al seu cas
personal?
• Què és el que més crida l'atenció positiva o negativament del “producte” o
contingut que ofereix el lloc web?
• Multidispositiu
• El site adapta els continguts en visualitzar-se en diferents dispositius: escriptori,
tablets i mòbil? És responsiu i/o disposa d’alguna aplicació per descarregar-se?
10. 20-3-201407:44:41.394+01:00 - 10 -
Materials i fonts d'informació
Materials
Arquitectura de la informació de la World Wide Web Paper
Usuaris i sistemes interactius
Usuaris i sistemes interactius