PAC3_AI.pdf

7/28/2019 PAC3_AI.pdf

1/15

PROPOSTA DARQUITECTURA DUN LLOC WEB:

ARBRE DE CONTINGUTS I WIREFRAME

rau

multimdia

arquitectura de la informaci

Jaume Villarreal Quintana

7/28/2019 PAC3_AI.pdf

2/15

7/28/2019 PAC3_AI.pdf

3/15

ARQUITECTURA DE LA INFORMACI PAC3

Grau en Multimdia

- 3 -

SOBRE LARBRE DE CONTINGUTS

SOBRE EL WIREFRAME

Larbre de continguts s un dels primers documents que ha de dissenyar un arqui-

tecte de la informaci quan senfronta a la creaci o la remodelaci dun lloc web.

Aquesta proposta estableix una estructura que, emulant la confguraci dun arbre,

es basteix a partir dun punt de partida que actua darrel.

A partir daquest nucli sestructuren els diferents sistemes de navegaci que

sajusten als esquemes organitzatius establerts amb anterioritat per tal de facilitar

a lusuari laccs i la cerca de continguts.

El wireframe s el document que mostra de manera esquemtica la distribuci de

blocs que tindr cadascuna de les pgines dun projecte web. Daquesta manera es

constitueix com lesquelet de lestructura visual dun lloc web.

A causa de la seva naturalesa, aquest s un document que en molts casos caldr

traar de manera interdisciplinar, doncs en ell no noms shi referencia la distribu-

ci dels blocs de continguts. El wireframe tamb ha doferir un disseny net, equili-

brat i amable a lusuari, tasca aquesta que recau sobre el dissenyador.

7/28/2019 PAC3_AI.pdf

4/15

OBJECTIUS


Grau en Multimdia

- 4 -

7/28/2019 PAC3_AI.pdf

5/15


Grau en Multimdia

- 5 -

Implementar un registre daltra dusuaris.

Establir un punt daccs per a usuaris registats.

Acotar el nivell daccs a continguts en funci del perfil dusuari.

Optimitzar lesquema dorganitzaci de les subcategories que ho requereixin.

Mostrar informaci actualitzada del joc: data dalta, cirteris de classificacii comentaris de la comunitat.

Millorar el sistema de votaci i la visualitzaci global de valoracions del joc

escollit.

Reorganitzar els blocs de disseny i contingut de la fitxa del joc.

Consolidar la creaci duna comunitat dusuaris, facilitant la integraci dediferents xarxes socials.

Mostrar la classificaci taxonmica del joc, tant a nivell de categories comdetiquetes.

Facilitar els mecanismes de cerca mitjanant formularis de cerca avanada.

7/28/2019 PAC3_AI.pdf

6/15

ARBRE DE CONTINGUTS


Grau en Multimdia

- 6 -

7/28/2019 PAC3_AI.pdf

7/15


Grau en Multimdia

- 7 -

SISTEMA DE NAVEGACI GLOBAL PRIMRIA(model compacte)

El sistema de navegaci global primria ofereix, amb petits matisos, un desplegament molt semblant a la gran majoria de portals

web de jocs online. Es pot observar un primer nivell de categoritzaci, en algunes ocasions no excloent, que cont un segon

nivell de subcategoritzaci, oferint mplies possibilitats dorganitzaci. En el nostre cas shan reorganitzat les subcategories de

la categoria ACCI, agrupant en un sol bloc els jocs de guerra. De manera anloga, sha enriquit el bloc de JOCS INFANTILS,

ja que inicialment tan sols disposava de NOUS i DESTACATS.

Per altra banda, una mirada atenta a les subcategories permet detectar algunes redundncies entre diferents categories, com

podria ser el cas de la subcategoria JOCS DE TAULA. El seu volum de continguts permetria constituir una sola categoria amb

ella, fet que refora el punt exposat en el pargraf anterior.

7/28/2019 PAC3_AI.pdf

8/15


Grau en Multimdia

- 8 -

SISTEMA DE NAVEGACI GLOBAL SECUNDRIA

El SISTEMA DE NAVEGACI SECUNDRIA sha ampliat, incloent:

enlla de registre

un nou formulari de contacte

mtodes de cerca avanada

nous itineraris daccs a les xarxes socials

7/28/2019 PAC3_AI.pdf

9/15


Grau en Multimdia

- 9 -

SISTEMA DE NAVEGACI GLOBAL DEL MAINFRAME (pgina principal)

El sistema de navegaci global del MAINFRAME es correspon amb lesquema que lusuari troba quan accedeix a la URL. La pgina

principal presenta el sistema de navegaci global primria i tres blocs de contingut er defecte:

1. DESTACATS

2. LTIMS JOCS

3. WEBS DE JOCS

Un cop feta una selecci des de la barra de navegaci primria, lespai que ocupa el bloc de DESTACATS se substitueix pel bloc

de subcategories de qualsevol categoria seleccionada.

7/28/2019 PAC3_AI.pdf

10/15

WIREFRAME


Grau en Multimdia

- 10 -

7/28/2019 PAC3_AI.pdf

11/15

WIREFRAME - FINESTRA DE JOC


Grau en Multimdia

- 11 -


7/28/2019 PAC3_AI.pdf

12/15



Grau en Multimdia

- 12 -


7/28/2019 PAC3_AI.pdf

13/15



Grau en Multimdia

- 13 -


7/28/2019 PAC3_AI.pdf

14/15



Grau en Multimdia

- 14 -


7/28/2019 PAC3_AI.pdf

15/15

Grau en Multimdia

- 15 -

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 continguts i wireframes

http://olgacarreras.blogspot.com.es/2007/02/wireframes.html

http://speckyboy.com/2010/01/11/10-completely-free-wireframe-and-mockup-

applications/

http://blog.teamtreehouse.com/20-steps-to-better-wireframing

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 relacionades amb els arbres de continguts i wireframes han estat

realitzades per lautor.

El logo del portal JUEGOSJUEGOS.COM ha estat importat del seu web.

La icona del joc AngryBirds ha estat descarregada del portal .

Per una correcta visualitzaci, podeu trobar els wireframes ampliats en el segent enlla.
https://www.box.com/s/6qnmv3q51gbgiq0ien7bhttps://www.box.com/s/6qnmv3q51gbgiq0ien7b

PAC3_AI.pdf

Documents