Arquitectura de la informació
Proposta de continguts d’un lloc web:
Arbre de continguts i principals wireframes.
David Beltrà Tejero
Aula 2
David Beltrà Tejero Arquitectura de la informació
- 2 -
Index
Index ................................................................................................................................. 2
Arbre de continguts .......................................................................................................... 3
Wireframes ....................................................................................................................... 4
Pàgina principal ............................................................................................................ 4
Subhome....................................................................................................................... 5
Fitxa de Joc................................................................................................................... 6
Resultats de cerca: ........................................................................................................ 9
Perfil d’usuari ............................................................................................................. 10
Pàgina de contacte ...................................................................................................... 11
Ajuda/FAQ.................................................................................................................. 13
Fòrum ......................................................................................................................... 14
Objectius......................................................................................................................... 15
Remodelació de l’arbre de continguts ........................................................................ 15
Remodelació del wireframe........................................................................................ 15
Opinió personal .............................................................................................................. 17
Arxius adjunts................................................................................................................. 18
Bibliografia..................................................................................................................... 19
David Beltrà Tejero Arquitectura de la informació
- 3 -
Arbre de continguts
Per a la realització d’aquesta pràctica s’ha triat el portal de jocs flash juegosarea.com i
s’ha fet la remodelació del seu arbre de continguts.
David Beltrà Tejero Arquitectura de la informació
- 4 -
Wireframes
També s’ha creat nous wireframes, Tot seguit es mostren els creats per les pàgines més representatives del lloc:
Pàgina principal Es mostra la pàgina principal del joc.
David Beltrà Tejero Arquitectura de la informació
- 5 -
Subhome Es mostra la pàgina corresponent a la categoria puzzle
David Beltrà Tejero Arquitectura de la informació
- 6 -
Fitxa de Joc Es mostra la pàgina del joc Sushi Cat 2: The great purrade, amb els seus tres estats
possibles:
Mostrant el contingut de la pestanya “Ranking”:
David Beltrà Tejero Arquitectura de la informació
- 7 -
Mostrant el contingut de la pantalla “Chat”:
David Beltrà Tejero Arquitectura de la informació
- 8 -
Mostrant el contingut de la pestanya “Logros”:
David Beltrà Tejero Arquitectura de la informació
- 9 -
Resultats de cerca: Es mostra la pàgina on es recullen els resultats de la cerca “ninja”
David Beltrà Tejero Arquitectura de la informació
- 10 -
Perfil d’usuari Es mostra el perfil de l’usuari dbeltra.
David Beltrà Tejero Arquitectura de la informació
- 11 -
Pàgina de contacte Es mostren els possibles estats de la finestra emergent corresponent al formulari de
contacte
Amb la pestanya “asunto” plegada i el botó enviar inactiu:
David Beltrà Tejero Arquitectura de la informació
- 12 -
Amb el menú “asunto” desplegat i el botó enviar actiu.
David Beltrà Tejero Arquitectura de la informació
- 13 -
Ajuda/FAQ S’ha seleccionat aquesta pàgina en comptes de la corresponent al mapa de la web,
perquè aquesta versió de la web té una navegació pro senzilla com per no necessitar-lo.
David Beltrà Tejero Arquitectura de la informació
- 14 -
Fòrum Presenta la pàgina principal del fòrum de la pàgina.
David Beltrà Tejero Arquitectura de la informació
- 15 -
Objectius
L’objectiu d’aquesta reestructuració ha estat corregir els errors de disseny i
estructuració detectats a l’avaluació heurística del lloc, així com incorporar algunes de
les funcionalitats més necessàries detectades als llocs de la competència durant la fase
de benchmarking.
Remodelació de l’arbre de continguts
S’ha simplificat l’arbre de continguts reduint les categories de jocs a vuit opcions
resultat d’un estudi de les tipologies de jocs disponibles a la majoria de llocs web
similars.
S’han creat les pàgines corresponent a algunes noves funcionalitats d’ “Ayuda/FAQ”,
i “Comunidad”, així com una pàgina dedicada al perfil d’usuari, que mostrarà
informació del perfil propi o dels nostres contactes.
Remodelació del wireframe .
En quant al concepte general s’ha creat un disseny senzill i més compacte, que tot i
seguir respectant els espais en blanc evita que l’usuari hagi de fer servir en excés la
barra de scroll i es pugui accedir a pràcticament totes les funcionalitats des de la part
principal de la pàgina.
Per a facilitar la navegació s’ha optat per ressaltar la secció principal i la categoria a la
barra superior de navegació. Com que l’arbre de navegació és molt menys profund no
cal el sistema de breadcrumbs que hi havia implementat fins ara.
Les noves funcionalitats estan presents arreu del nou disseny, a la capçalera trobem
una secció que mostra un formulari d’accés al compte d’usuari o bé un petit resum del
nivell, amics connectats i missatges per llegir en cas de que ja s’hagi fet login.
També s’ha afegit un sistema de pestanyes a la dreta del joc per completar-ne
l’experiència, on es pot accedir a les puntuacions globals i dels amics de l’usuari, a un
xat amb la resta de jugadors i a una llista de reptes que donen experiència extra a
l’usuari, per tal de pujar de nivell més ràpidament.
David Beltrà Tejero Arquitectura de la informació
- 16 -
Just a sota del joc s’han afegit uns enllaços per a compartir-lo a les xarxes socials o al
correu electrònic i un sistema de puntuació en forma d’estrelles, que permet calcular la
popularitat de cada joc. A més a més també hi ha la possibilitat d’afegir el joc a la llista
de jocs preferits, accessible des de la pàgina d’usuari.
També s’ha ampliat la zona disponible per a la informació del joc i s’han reduït el
nombre de jocs relacionats als dos mes rellevants, permetent explorar-ne més amb un
sistema de navegació per pàgines.
Al peu de pàgina ara hi ha disponible la informació bàsica del lloc així com les dades
de contacte i els enllaços als diferents perfils de les xarxes socials. També hi ha un
enllaç que obre la finestra de contacte, que permet comunicar-se amb els
administradors del lloc.
Les noves seccions d’ajuda i el Fòrum complementen una millor experiència d’usuari
i una vinculació més forta d’aquest amb el lloc, a través de la creació d’una comunitat
de jugadors.
David Beltrà Tejero Arquitectura de la informació
- 17 -
Opinió personal
Valoro molt positivament els coneixements adquirits mitjançant aquesta pràctica i
l’assignatura d’arquitectura de la informació en general, ja que el disseny web és un dels
punts que més m’atrau del Grau Multimèdia i considero que podré utilitzar el que he
après en el meu futur professional.
David Beltrà Tejero Arquitectura de la informació
- 18 -
Arxius adjunts
S’adjunten els fitxers d’imatge a mida completa tant de l’arbre de navegació com dels
wireframes per a una millor visualització:
• Arbre_navegació.png
• Wireframes.rar
David Beltrà Tejero Arquitectura de la informació
- 19 -
Bibliografia
Morville, Peter; Rosenfeld, Louis (2010). "PART III. Procés i metodologia" (pàg 225-
322.) Ed. FUOC (Barcelona) PID_00184040. © 2006 O’Reilly Media Inc.
Ripoll, Anna. Arquitectura de la informació de la v3 de Mosaic. PID_00157644
(CCby)
[data de consulta 21-10-2012]. Enllaç <
http://materials.cv.uoc.edu/continguts/PID_00157644/index.html?ajax=true>
Gil Rodriguez, Eva Patricia; de Lera Tatjer, Eva; Monjo Palau, Antònia. Usuaris i
Sistemes Interactius. PID_00159981 © Fundació per a la Universitat Oberta de
Catalunya [data de consulta 21-10-2012]. Enllaç
<http://materials.cv.uoc.edu/continguts/PID_00159981/index.html?ajax=true >
Top Related