arquitectura de la informació: proposta de continguts d'un lloc web

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


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


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


- 5 -

Subhome Es mostra la pàgina corresponent a la categoria puzzle


- 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”:


- 7 -

Mostrant el contingut de la pantalla “Chat”:


- 8 -

Mostrant el contingut de la pestanya “Logros”:


- 9 -

Resultats de cerca: Es mostra la pàgina on es recullen els resultats de la cerca “ninja”


- 10 -

Perfil d’usuari Es mostra el perfil de l’usuari dbeltra.


- 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:


- 12 -

Amb el menú “asunto” desplegat i el botó enviar actiu.


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


- 14 -

Fòrum Presenta la pàgina principal del fòrum de la pàgina.


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


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


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


- 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


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

arquitectura de la informació: proposta de continguts d'un lloc web

Documents