Pac1 Sonia Alvarez Campa

UNIVERSITAT OBERTA DE CATALUNYA

PAC 1

SONIA ALVAREZ CAMPA

Arquitectura de la Informació

Universitat Oberta de Catalunya

ARQUITECTURA DE LA INFORMACIÓ – PAC1

Sonia Álvarez Campá Pàgina 2 de 14

ÍNDEX

1. Què és l’arquitectura de la informació?. .................................................. 3

2. Metàfora visual o textual. ............................................................................ 5

3. Importància Arquitectura de la informació? Per què una empresa ha

d’invertir temps i diners. Com influeix en els usuaris/clients?. ....................... 6

4. Qui és i què fa l’arquitecte de la informació?. ........................................ 7

5. Documents bàsics que el AI lliurarà la seva empresa. ............................ 8

6. En què consisteix la metodologia del Disseny centrat en l’usuari

(DCU)? ............................................................................................................... 11

7. Fases de desenvolupament d’un lloc web seguint la metodologia del

DCU. .................................................................................................................. 12

8. Esquema de les fases i on es situa l’arquitectura de la informació. .... 13

9. Bibliografia .................................................................................................. 14



1. Què és l’arquitectura de la informació?.

Consisteix en estructurar i visualitzar la informació promocionant la

usabilitat i accessibilitat. La Usabilitat fa referència a la facilitat dels

usuaris per utilitzar una eina. I la accessibilitat a trobar la informació

mitjançant les recerques a internet.

El seu objectiu és la compresió i assimilació de la informació per part

dels usuaris, es a dir, una comunicació efectiva.

Podem concentrar el seu origen en la dècada dels 70, o millor dit, els

motius que originen aquesta disciplina. Quan les empreses comencen a

aprofitar el desenvolupament de la informàtica i dels d’ordenadors per

gestionar dades, apareix el problema de la desorganització de la

informació. La AI sorgeix com a resposta per resoldre aquesta

problemàtica.

Imatge 1. Model Dades-Procés-Informació.

Com que l’arquitectura de la informació és una disciplina pràcticament

nova, que va començar a créixer a partir dels anys 90, trobem que les

referències teòriques estan condicionades a les persones que

exerceixen aquesta professió.



Cap a l’any 98 Rosenfeld i Morville van publicar "Information

Architecture for the Wold Wide Web", també conegut com el llibre del

“Oso Polar”, que es va convertir en un gran referent d’aquesta

disciplina.



2. Metàfora visual o textual.

Els professionals i bibliotecaris han treballat per seleccionar, avaluar,

etiquetar, descriure, estructurar i organitzar la col·lecció de llibres de les

biblioteques per a que els usuaris

puguin trobar el que busquen.

Donant un valor afegit a

aquesta col·lecció de llibres.

Això és perquè té aplicat una

Arquitectura de la Informació.

Imatge 2. Biblioteca ordenada.

El cas contrari seria una pila de llibres sense cap

tipus d’ordre que alhora de fer una recerca

d’informació o d’un llibre concret, seria

completament impossible trobar res.

Imatge 3. Biblioteca sense ordre.



3. Importància AI. Per què una empresa

ha d’invertir temps i diners. Com influeix

en els usuaris/clients?.

Per entendre per què és important una bona arquitectura de la

informació ens hem de plantejar quin valor i cost donem a la

informació, plantejant-nos les següents preguntes:

Quin cost tindria el temps que es perd buscant informació a una

aplicació que està mal organitzada? Això també repercuteix en el

nivell de frustració dels usuaris/empleats.

Quin cost té no trobar la informació que es necessita i prendre una mala

decisió; per no parlar dels esforços extres, que tot junt, poden derivar en

la pèrdua de clients.

Quin valor té informar de productes, serveis i novetats i quin valor tenen

les despeses de publicitat per anunciar la marca, si després els

clients/usuaris no poden trobar la informació?.

Dissenyar un lloc web i/o aplicació té uns costos que després es poden

duplicar perquè s’han de re-dissenyar de nou perquè no es troba la

informació.



4. Qui és i què fa l’arquitecte de la

informació?.

Un arquitecte de la informació analitza, organitza i cataloga els

continguts perquè siguin fàcilment accessibles i llegibles.

Les seves tasques principals són:

§ Classificació de la informació

Sistemes de classificació exactes

Alfabètic

Cronològica

Geogràfica

Sistemes de classificació ambigús

Temàtica o per categories

Orientada a tasques

Orientada a l'audiència

Metafòrica

§ L'estructura de navegació

Jeràrquica

Lineal

Xarxa

§ L'etiquetatge. Text que indica a on es dirigirà l’usuari.

§ Ubicació de les opcions. L’usuari sàpiga on es troba en cada

moment.

§ El sistema de cerca de l'aplicació. Perquè els usuaris controlin la

navegació.



5. Documents bàsics que el AI lliurarà la

seva empresa.

Se encarrega de produir mapes, diagrames de fluix i wireframes per

mostrar com funcionarà el lloc web. Podem trobar:

§ Esquemes detallats (diagrames d’organització)

També coneguts com a mapes del lloc, BluePrint, Diagrames de fluix o

de contingut. Mostren les relacions entre les pàgines i altres continguts.

Serveixen per veure el sistema d’organització navegació i etiquetat.

Imatge 4. Diagrama de fluix



§ Maquetes de les pantalles (diagrames de presentació)

Representen l’aspecte d’una pàgina des de una perspectiva

arquitectònica. Hi han 2 tipus:

1. Prototips de Baixa fidelitat: Són un conjunt de dibuixos

que representen com estaran organitzats els elements en

les pàgines.

Sketching: un sketch és un esbós ràpid i informal que

es realitzar en paper per transmetre una idea o

concepte amb rapidesa.

Imatge 5. Sketching



Wireframes: Permet crear una referència visual de

l’estructura d’una pàgina web, definint el detall de

contingut.

Imatge 6. Wireframes

StoryBoard: seqüència de wireframes que mostren

com es realitza una tasca.

Imatge 7. StoryBoard

2. Prototips d’Alta Fidelitat:

Maqueta, mockUp o prototip funcional: Són prototips o

maquetes dinàmiques, normalment en (X)HTML, que

simulen o tenen implementades parts del sistema final a

desenvolupar.



6. En què consisteix la metodologia del

Disseny centrat en l’usuari (DCU)?

Són les persones normals i corrents, i no els tecnòlegs, qui utilitzaran les

aplicacions, per tant el DCU posa a la persona en el centre del

desenvolupament.

Les opinions de l'usuari en el procés de creació i disseny és el que també

es coneix com a disseny participatiu.

El que veritablement és important en aquest procés no és el que l'usuari

diu sinó el que fa. Estudiar als usuaris serveix per millorar la comunicació

entre l’usuari i aplicació, és a dir, el que es coneix com a interfície

d'usuari.



7. Fases del DCU. § ANÀLISI

Recopilació d'informació sobre les característiques dels usuaris

potencials, els objectius i els requisits tècnics del desenvolupament.

§ DISSENY

El disseny de l'aplicació, tant funcional com gràfic, ha de respondre a

les característiques definides en el procés d'anàlisi.

§ PROTOTIP

Permet detectar les qüestions que han de ser corregides i si és necessari

afegir algun element que no s'ha tingut en compte abans.

§ AVALUACIÓ USABILITAT

És la fase més important del DCU. Hi ha 2 grans grups de mètodes

d’avaluació: amb dades d’usuaris reals i sense usuaris reals.

§ IMPLEMENTACIÓ I PUBLICACIÓ

Desenvolupament del lloc web final i posar-lo a disposició dels usuaris

en els diferents mitjans.

§ SEGUIMENT

Realització d’un manteniment per eliminar dades obsoletes i actualitzar

nous continguts.



8. Esquema de les fases i on es situa

l’arquitectura de la informació.

Com es veu a l’esquema l’arquitecte de la informació s’encarrega de

les 3 àrees de disseny, avaluació i prototip.



9. Bibliografia

MORVILLE & ROSENFELD . (1998) . "A rqu i tectu ra de la In fo rmac ió per la Wor ld W ide

Web" . 0 ’RE I LLY . 3 ªed . Cap. 1 , 2 , 3 i 17 .

UOC. Usuar i s i s i s temes in te ract iu s” . [En línea]. [Data de consulta: març 2013].

h t tp : / /mate r ia l s .cv .uoc.edu/cont ingut s /P ID_00159981/UOCMViewer/por tada.h tm l

W IK IPED IA . (2013). A rqu i tectu ra de la In fo rmac ión . [En línea].[Data de consulta: març 2013].

h t tp : / /es .w ik iped ia .o rg/w ik i /A rqu i tectu ra_de_ la_ in fo rmac ion

NO SOLO USAB IL IDAD JOURNAL . (2008) . Rev i s ta mu l t id i sc ip l ina r sobre per sonas ,

d i seño y tecno log ía ( I SSN 1886 -8592) . A rqu i tectu ra de In fo rmac ión : aná l i s i s

h i s tó r ico-conceptua l . [En línea]. [Data de consulta: març 2013].

h t tp : / /www.noso lousab i l idad.com/ar t icu los/h i s to r ia_arqu i tectu ra_ in fo rmac ion .h tm

NO SOLO USAB IL IDAD JOURNAL . (2003) . Rev i s ta mu l t id i sc ip l ina r sobre per sonas ,

d i seño y tecno log ía ( I SSN 1886 -8592) . Qué es la A rqu i tectu ra de la in fo rmac ión . [En

línea]. [Data de consulta: març 2013] h t tp : / /www.noso lousab i l idad.com/ar t icu los/a i .h tm

OLGA CARRERAS . (2011) . U sab le&Acces ib le . A rqu i tectu ra de la In fo rmac ión

Fundamentos . [En línea]. [Data de consulta: març 2013].

h t tp : / /o lgacar re ras .b logspot .com/2011/07/a rqu i tectu ra-de- in fo rmac ion-

fundamentos .h tm l

OLGA CARRERAS . (2012) . U sab le&Acces ib le . Act idudes y apt i tudes de un a rqu i tecto

de la in fo rmac ión . [En línea]. [Data de consulta: març 2013].

h t tp : / /o lgacar re ras .b logspot .com/2012/02/act i tudes -y -apt i tudes -de-un-

a rqu i tecto .h tm l?m=1

Imatge 1. Model Dades-Procés-Informació. Imatge de creació pròpia.

Imatge 2. Biblioteca ordenada. Gould's Book Arcade (imatge cortesia de Seth Gordon). Arquitectura de

la Información. Dret de citació. http://iainstitute.org/img/IAforWWW/info3_0102.png

Imatge 3. Biblioteca sense ordre. Gould's Book Arcade (imatge cortesía de Seth Gordon). Instituto para la

Arquitectura de la Información. http://iainstitute.org/img/IAforWWW/info3_0101.png. Dret de citació.

Imatge 4, 5 i 6. OLGA CARRERAS. (2012). Usable & Accesible.

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

Pac1 Sonia Alvarez Campa

Documents

Transcript of Pac1 Sonia Alvarez Campa