[arquitectura de la informació] pràctica: proposta justificada de l'ai d'un lloc web

7/31/2019 [Arquitectura de la informaci] Prctica: Proposta justificada de l'AI d'un lloc web

1/14

PRCTICA:

PROPOSTA JUSTIFICADA DELAI DUN LLOC WEB

JORDI LLONCH ESTEVE

ARQUITECTURA DE LA INFORMACIPRCTICA CCBY-NC-SA


2/14

Arquitectura de la informaci Prctica Jordi Llonch EsteveCC BY-NC-SA Pgina 1 de 13

NDEX

1. Arbre de continguts ............................................................. 2

2. Wireframes ............................................................................ 3

2.1 Inici .................................................................................. 3

2.2 Pgina de segon nivell .................................................. 4

2.3 Pgina duna fitxa ......................................................... 5

2.4 Pgina de resultats duna cerca .................................. 6

2.5 Pgina de procs de compra dun llibre .................... 7

2.6 Pgina de contacte ...................................................... 8

2.7 Mapa Web ..................................................................... 9

2.8 Pgina dinters: Localitzador de tendes .................. 10

3. Objectius ............................................................................. 11

4. Opini personal .................................................................. 12

5. Bibliografia i altres recursos ................................................ 13

5.1 Llibres ............................................................................. 13

5.2 Recursos web ............................................................... 13

5.3 Imatges ......................................................................... 13


3/14


1. ARBRE DE CONTINGUTS

Inici

Actualitat

Notcies

Mes actual

Mesos passats

Properament

Blocs

Bloc delCmic

Bloc delManga

Quadre decerca

Frum Contacte Catleg

Navegacisegons

Origen

Europeu

Nordameric

Japons

Tipus

Manga

Cmic

Edat

Infantil

Juvenil

Adult

Autors Superherois Sries

Supervendes

Microsites

Reimpressions

CIMOCCmics online

Catleg anual

Sobrel'empresa

Presentaci

Enviamentd'arts

Sala depremsa

Borsa de feina

Norma Cmics

Distribuci

Localitzadorde tendes


4/14


2. WIREFRAMES

2.1 INICI


5/14


2.2 PGINA DE SEGON NIVELL


6/14


2.3 PGINA DUNA FITXA


7/14


2.4 PGINA DE RESULTATS DUNA CERCA


8/14


2.5 PGINA DE PROCS DE C OMPRA DUN LLIBRE


9/14


2.6 PGINA DE CONTACTE


10/14


2.7 MAPA WEB


11/14


2.8 PGINA DINTERS: LOCALITZADOR DETENDES


12/14


3. OBJECTIUS

Amb aquestes propostes darbre de contingut i wireframes es

pretn millorar larquitectura present a la pgina web de Norma

Editorial, de la qual sen van presentar les mancances a la PAC 2

i es va presentar una primera proposta de millora a la PAC 3,

pretenent millorar la usabilitat i accs a la informaci.

La reestructuraci de larbre de continguts permet localitzar la

informaci que es busca a la web de manera ms rpida. Aix

saconsegueix amb la completa remodelaci de la categoria

Catleg, la qual disposa de vries formes daccedir a la

informaci ms important que els usuaris busquen en una pgina

daquest tipus.

Sha eliminat la categoria Enllaos de la pgina original per

passar a incloure el que aquella contenia de manera

desendreada a les fitxes de cada autor, llibre, subapartat, etc.

depenent de cada cas. Aix saconsegueix una navegaci ms

fluda sense que lusuari percebi una sobrecrrega dinformaci

mal estructurada.

Lapartat de registre, situat a la part superior dreta de cada

pgina permet que els usuaris shi puguin identificar i tinguin una

experincia personalitzada, ja que el nou lloc web registra totes

les accions daquests (clics, compres, pgines visitades, entrades

al frum...) per a proporcionar-los informaci (a la part inferior

esquerra) valuosa basada en les seves preferncies.

Pel que fa al disseny web, les dimensions de cada pgina sn un

exemple per a una finestra oberta de manera vertical, per la

qual cosa el contingut que shi mostra est perfectament

alineat. La proposta de la nova web sadapta dinmicament a

lamplada i alada de cada pantalla, evitant mostrar barres de

desplaament vertical i lateral per part del navegador.

Daquesta manera saconsegueix que lusuari sempre pugui

veure la informaci que larquitecte ha decidit i fent

lexperincia dusuari ms personalitzada. En cas que shagi de

mostrar ms informaci de la que hi cap a la pantalla,

apareixeran automticament barres de desplaament vertical.


13/14


4. OPINI PERSONAL

En conclusi, trobo que la posada en prctica duna bona

arquitectura de la informaci en una pgina web permet que

els usuaris que la visiten se sentin cmodes buscant qualsevol

tipus dinformaci i quan menys visible sigui (lAI), menys

sadonaran que estan visitant una pgina web.

Aix aconsegueix que un usuari torni a la pgina i hi dediqui ms

temps, cosa que sol generar ingressos per al seu propietari. Aix

doncs, una bona arquitectura de la informaci s una eina

bsica per a qualsevol negoci, tot i que esdev indispensable

per aquells negocis amb forta presncia al ciberespai.


14/14


5. BIBLIOGRAFIA I ALTRES RECURSOS

5.1 LLIBRES

Morville, Peter i Rosenfeld, Louis. Arquitectura de la informaci

per al World Wide Web. Barcelona: Fundaci per a la Universitat

Oberta de Catalunya, 2012.

Gil Rodrguez, Eva Patricia; de Lera Tatjer, Eva i Monjo Palau,

Antnia. Usuaris i sistemes interactius. Barcelona: Eureca Media,

S.L., 2010.

5.2 RECURSOS WEB

Wikipedia.Arquitectura de la informacin [en lnia]. 8 de febrer

de 2012. Disponible a internet

http://es.wikipedia.org/wiki/Arquitectura_de_la_informacion

[Consulta: maig 2012]

Olga Carreras. Wireframes [en lnia] 11 de mar de 2008.

Disponible a internet

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


I love wireframes. [en lnia]. Disponible a internet

http://wireframes.tumblr.com/[Consulta: abril 2012]

MockFlow. [en lnia]. Disponible a internet www.mockflow.com/


5.3 IMATGES

Imatge de la portada: base de dades de Microsoft Office Word.

La resta dimatges sn de producci prpia.

[arquitectura de la informació] pràctica: proposta justificada de l'ai d'un lloc web

Documents