L’organització del contingutsMariona Grané. Laboratori de Mitjans Interactius. @CAVUB
la informació necessita disseny ?
principis de disseny interactiu
principis de disseny interactiuOrganització de contingutsSistemes dorganització de la informacióFragmentacióModularitatOrg...
organització de contingutsQuan parlem de continguts dun entorn on-line ens referim a tots els elements que esconjuguen per...
organització de continguts«el contingut mai està separat de la forma» (Dondis, 1976)«la informació necessita disseny» (Met...
organització de contingutsSistemes dorganització de la informació
organització de contingutsSistemes dorganització de la informació: Sistemes utilitzats per catalogar i organitzarla inform...
organització de continguts
organització de contingutsActualment la gran quantitat i diversitat d’informació a la xarxa ha implicat noussistemes organ...
organització de contingutsFragmentació
organització de contingutsFragmentació: Combinació dunitats dinformació en un nombre concret de fragmentsde manera que la ...
organització de contingutsSi sutilitza la tècnica de fragmentació davant un contingut es permet establir límits a lamemòri...
organització de contingutsLa tècnica de la fragmentació ajuda a simplificar informacions i mostra alternatives enla present...
organització de contingutsModularitat
organització de contingutsModularitat: Estratègia per controlar la complexitat dun sistema que consisteix endividir els gr...
organització de contingutsEn la fragmentació, davant el fet de tenir múltiples opcions, aquestes sestructuraven enblocs, i...
organització de contingutsLa modularització esdevé una eina pergestionar la producció, manteniractualitzada la informació,...
La modularització cal que es faci tant enel contingut i també en la forma delscontinguts en pantalla.
organització de continguts
organització de contingutsOrganització de la informació per capes
organització de contingutsOrganització de la informació per capes: Organització de la informació en grupsrelacionats per c...
organització de contingutsÉs una de les propostes de Tufte (1990), i saplica a continguts de visualització dedades (mapes,...
organització de continguts
http://www.elmundo.es/graficos/multimedia/
organització de contingutsRevelació progressiva
organització de contingutsRevelació progressiva: Organització de la informació quemostra únicament la informació necessàri...
organització de contingutsLa revelació progressiva manté lespai disponible en pantalla, net i organitzat, això faque es co...
organització de contingutsLús de la revelació progressiva en informacions (visuals o textuals) funciona bé enprocessos que...
organització de continguts
organització de continguts
organització de contingutsPiràmide invertida
organització de contingutsPiràmide invertida: Presentació de la informació en ordre descendent dimportància.La idea de la ...
organització de contingutsConsisteix enuna introducció (informació decisiva)i un cos (informació elaborativa)
organització de continguts
organització de contingutsSuperioritat de les imatges
organització de contingutsSuperioritat de les imatges:Les imatges es recorden millor queles paraules.L’impacte de les imat...
organització de contingutsLes imatges i les paraulesconjuntes es recordenmillor que les paraules i lesimatges per separat.
Lefecte és més potent quan les imatges representen fets comuns que quan són unarepresentació de conceptes abstractes.organ...
organització de contingutsSi lorganització visual està construïda segons una relacióentre les imatges i els textos, la for...
organització de contingutsA l’actual web audiovisual ... la imatge és el contingut principal
organització de contingutsmoma.org
organització de contingutsLefecte de la superioritat de la imatge sutilitza específicament per mostrar processos,instruccio...
organització de contingutsImatge, contingut visual, que pot ser fixa, animada o videogràfica.edu365.cat
organització de contingutsPer a Tufte la superioritat de la imatge en el contingut és el que ell anomena “BeautifulEvidenc...
organització de contingutsPer a Card, Mackinlay, i Shneiderman (1999), la visualització de la informació és unarepresentac...
organització de contingutsLa infografia, la visualització de dades i d’informacions a partir d’imatges figurativesnarrades, ...
organització de contingutsCarta figurativa de Charles Joseph Minard, que representa la pèrdua de lexèrcitfrancès el 1812 a ...
organització de contingutsUn altre dels exemples més rellevants de la història sobre com la imatge esdevé unainformació cl...
organització de contingutsLes infografies de diaris i revistes han esdevingut animades amb els diaris digitals i elsentorns...
organització de contingutsevidenciar dades visualment
organització de contingutsevidenciar dades visualment mostrant i/o destacant només allò essencial
organització de contingutsLa infografia adopta moltes formes i sobretot diferents objectius.
organització de contingutsUn dels camins més rellevants de la infografia és la visualització de dades en mapes oesquemes: D...
organització de contingutsgridplane.com
organització de contingutsinfovis.net
organització de contingutsvisualcomplexity.com
organització de contingutsinfosthetics.com
organització de contingutsvi.sualize.us
organització de contingutsa year in irak, the new york times
organització de contingutsfeltron.com
organització de contingutsSistemes dorganització de la informació: Sistemes utilitzats per catalogar i organitzarla inform...
principis de disseny interactiuLEER NO MATACairo, A (2008). Infografia 2.0. Visualización interactiva de información enpren...
Mariona Grané.Laboratori de Mitjans Interactius www.lmi.ub.es
Org i visual
Org i visual
Org i visual
Org i visual
Org i visual
Org i visual
Org i visual
Org i visual
Org i visual
Org i visual
Upcoming SlideShare
Loading in …5
×

Org i visual

850 views

Published on

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
850
On SlideShare
0
From Embeds
0
Number of Embeds
518
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Org i visual

  1. 1. L’organització del contingutsMariona Grané. Laboratori de Mitjans Interactius. @CAVUB
  2. 2. la informació necessita disseny ?
  3. 3. principis de disseny interactiu
  4. 4. principis de disseny interactiuOrganització de contingutsSistemes dorganització de la informacióFragmentacióModularitatOrganització de la informació per capesRevelació progressivaPiràmide invertidaSuperioritat de les imatges
  5. 5. organització de contingutsQuan parlem de continguts dun entorn on-line ens referim a tots els elements que esconjuguen per aportar informació-interacció als usuaris.TítolsSubtítolsTextos descriptiusFotografiesIl·lustracionsSímbolsIconesInfografiesAnimacionsBotons i hotspotsMenúsFinestres flotantsLinksVídeosAudio músicaAudio efectesAudio veuBanners (publicitat, avisos, ...)Widgets (embed elements)EstilsFormularisInteraccions programadesBase de dades
  6. 6. organització de continguts«el contingut mai està separat de la forma» (Dondis, 1976)«la informació necessita disseny» (Metadesign)
  7. 7. organització de contingutsSistemes dorganització de la informació
  8. 8. organització de contingutsSistemes dorganització de la informació: Sistemes utilitzats per catalogar i organitzarla informació.Hi ha, segons Wurman (2000), cinc sistemes claus dorganització de la informació:· categoria, per similitud o relació temàtica dels ítems a organitzar· temps, ordre cronològic dels ítems· ubicació, ordre geogràfic· ordre alfabètic, de la a a la z· jerarquia, per ordre de magnitud dels ítems a organitzarHi han més sistemes d’organització,per exemple per tipus de tasques a realitzar.
  9. 9. organització de continguts
  10. 10. organització de contingutsActualment la gran quantitat i diversitat d’informació a la xarxa ha implicat noussistemes organitzatius, per exemple a partir de folcksonomies,o directament funcionant a partir de sistemes de cerca per paraules clau, que obvienels sistemes de categorització i ordenació en la mostra dels continguts.
  11. 11. organització de contingutsFragmentació
  12. 12. organització de contingutsFragmentació: Combinació dunitats dinformació en un nombre concret de fragmentsde manera que la informació resulti més fàcil de processar.Un fragment és una unitat dinformacióguardada en la memòria a curt termini.
  13. 13. organització de contingutsSi sutilitza la tècnica de fragmentació davant un contingut es permet establir límits a lamemòria en distribuir la informació en un nombre reduït dunitats.Segons els estudis de Miller el nombre màxim de fragments informatius que potprocessar la memòria estàndard amb normalitat és de set més o menys dos.759
  14. 14. organització de contingutsLa tècnica de la fragmentació ajuda a simplificar informacions i mostra alternatives enla presentació de la informació en pantalla que ajudi als usuaris a situar-se, navegarentre les dades i tenir un punt de vista general abans daprofundir sobre els conceptesque shan de treballar.És un exemple rellevant de com eldisseny de la informació assegura unaccés optimitzat a les dades.
  15. 15. organització de contingutsModularitat
  16. 16. organització de contingutsModularitat: Estratègia per controlar la complexitat dun sistema que consisteix endividir els grans sistemes en molts sistemes de menor mida de complexitat.
  17. 17. organització de contingutsEn la fragmentació, davant el fet de tenir múltiples opcions, aquestes sestructuraven enblocs, i en la modularització un bloc complex es divideix en blocs més petits icomprensibles.
  18. 18. organització de contingutsLa modularització esdevé una eina pergestionar la producció, manteniractualitzada la informació, assegurar lareutilització de continguts, etc., i a nivellestructural permet a lusuari centrarlatenció en un contingut acotat, de pocamagnitud i gran concreció.
  19. 19. La modularització cal que es faci tant enel contingut i també en la forma delscontinguts en pantalla.
  20. 20. organització de continguts
  21. 21. organització de contingutsOrganització de la informació per capes
  22. 22. organització de contingutsOrganització de la informació per capes: Organització de la informació en grupsrelacionats per controlar la complexitat i reforçar les relacions informatives.Proposa agrupar la informacióen grups relacionats i nomésdesprés de mostrar en cada casun grup dinformació, reduint lacomplexitat de la informació.
  23. 23. organització de contingutsÉs una de les propostes de Tufte (1990), i saplica a continguts de visualització dedades (mapes, gràfics, cartes, infografies...) especialment, encara que es pot pensar enla seva aplicació en elements textuals o informatius globals.
  24. 24. organització de continguts
  25. 25. http://www.elmundo.es/graficos/multimedia/
  26. 26. organització de contingutsRevelació progressiva
  27. 27. organització de contingutsRevelació progressiva: Organització de la informació quemostra únicament la informació necessària en cada cas.
  28. 28. organització de contingutsLa revelació progressiva manté lespai disponible en pantalla, net i organitzat, això faque es controli la complexitat dun sistema o procés, i alhora assegura una atenciópersonalitzada a aquells usuaris que només necessiten una opció i permet als mésavançats desplegar altres opcions.
  29. 29. organització de contingutsLús de la revelació progressiva en informacions (visuals o textuals) funciona bé enprocessos que cal regular o ajudar a assumir, i que estan lligats a la formació ilaprenentatge.
  30. 30. organització de continguts
  31. 31. organització de continguts
  32. 32. organització de contingutsPiràmide invertida
  33. 33. organització de contingutsPiràmide invertida: Presentació de la informació en ordre descendent dimportància.La idea de la piràmide invertida se centra en la metàfora de la piràmide per expressarla rellevància o la importància de diferents elements en un sistema, de manera que labase conté la informació més ample i també més rellevant i la punta, la informaciómenys important.
  34. 34. organització de contingutsConsisteix enuna introducció (informació decisiva)i un cos (informació elaborativa)
  35. 35. organització de continguts
  36. 36. organització de contingutsSuperioritat de les imatges
  37. 37. organització de contingutsSuperioritat de les imatges:Les imatges es recorden millor queles paraules.L’impacte de les imatges s’utilitzaespecialment en publicitat i ensajuda aprendre a utilitzar la sevaforça en la comunicació.
  38. 38. organització de contingutsLes imatges i les paraulesconjuntes es recordenmillor que les paraules i lesimatges per separat.
  39. 39. Lefecte és més potent quan les imatges representen fets comuns que quan són unarepresentació de conceptes abstractes.organització de contingutshttp://www.adesgana.com/blog/1184_macerando-una-gran-idea/
  40. 40. organització de contingutsSi lorganització visual està construïda segons una relacióentre les imatges i els textos, la força del contingut seràsuperior.
  41. 41. organització de contingutsA l’actual web audiovisual ... la imatge és el contingut principal
  42. 42. organització de contingutsmoma.org
  43. 43. organització de contingutsLefecte de la superioritat de la imatge sutilitza específicament per mostrar processos,instruccions, fets, situacions, etc.Implica directament elprocés dadquisició deconeixement a partirde dues qüestions clau:· la comprensió· i la memorització
  44. 44. organització de contingutsImatge, contingut visual, que pot ser fixa, animada o videogràfica.edu365.cat
  45. 45. organització de contingutsPer a Tufte la superioritat de la imatge en el contingut és el que ell anomena “BeautifulEvidence”.
  46. 46. organització de contingutsPer a Card, Mackinlay, i Shneiderman (1999), la visualització de la informació és unarepresentació compacta, és el contingut en si.Les imatges són informacionsevidenciades visualment.
  47. 47. organització de contingutsLa infografia, la visualització de dades i d’informacions a partir d’imatges figurativesnarrades, estructurades, i organitzades, ... permet la comprensió de processos ifenòmens complexos.joelertola.cat
  48. 48. organització de contingutsCarta figurativa de Charles Joseph Minard, que representa la pèrdua de lexèrcitfrancès el 1812 a Rússia, des que creuen la frontera Russa fins que tornen a Polònia.Només dues dades: la línia que representa lexèrcit francès (marró a lanada, i negre ala tornada), i la temperatura.
  49. 49. organització de contingutsUn altre dels exemples més rellevants de la història sobre com la imatge esdevé unainformació clau:El 1854, el còlera a Anglaterramatava centenars de milers depersones, especialment aLondres.Un 10% de la població quecontreia el còlera moria enmenys de 48 hores. El doctorJonh Snow va descobrir que elcòlera era causat pel consumdaigües contaminades ambmaterials fecals.I ho va descobrir quan va ferun mapa mostrant els punts onhi havia més casos de còlera,perquè es va evidenciar queera on hi havia aigües fecals.
  50. 50. organització de contingutsLes infografies de diaris i revistes han esdevingut animades amb els diaris digitals i elsentorns web multimèdia i interactius.
  51. 51. organització de contingutsevidenciar dades visualment
  52. 52. organització de contingutsevidenciar dades visualment mostrant i/o destacant només allò essencial
  53. 53. organització de contingutsLa infografia adopta moltes formes i sobretot diferents objectius.
  54. 54. organització de contingutsUn dels camins més rellevants de la infografia és la visualització de dades en mapes oesquemes: Data Visualization.És un dels camps de lacomunicació visuald’informacions méstreballat en els darersa n y s i e x i s t e i x e nexemples increibles.
  55. 55. organització de contingutsgridplane.com
  56. 56. organització de contingutsinfovis.net
  57. 57. organització de contingutsvisualcomplexity.com
  58. 58. organització de contingutsinfosthetics.com
  59. 59. organització de contingutsvi.sualize.us
  60. 60. organització de contingutsa year in irak, the new york times
  61. 61. organització de contingutsfeltron.com
  62. 62. organització de contingutsSistemes dorganització de la informació: Sistemes utilitzats per catalogar i organitzarla informació.Fragmentació: Combinació dunitats dinformació en un nombre concret de fragmentsde manera que la informació resulti més fàcil de processar.Modularitat: Estratègia per controlar la complexitat dun sistema que consisteix endividir els grans sistemes en molts sistemes de menor mida de complexitat.Organització de la informació per capes: Organització de la informació en grupsrelacionats per controlar la complexitat i reforçar les relacions informatives.Revelació progressiva: Organització de la informació que mostra únicament lainformació necessària en cada cas.Piràmide invertida: Presentació de la informació en ordre descendent dimportància.Superioritat de les imatges: Les imatges es recorden millor que les paraules.
  63. 63. principis de disseny interactiuLEER NO MATACairo, A (2008). Infografia 2.0. Visualización interactiva de información enprensa. Madrid: Alamut.Card, S. K.; Mackinlay, J.; Shneiderman, B. (1999), Readings in InformationVisualization: Using Vision to Think (Interactive Technologies). San Diego:Academic Press.Tufte, E. (1990), Envisioning Information. Chesire: Graphic Press.Villafañé, J. (1985), Introducción a la teoría de la imagen. Barcelona: Pirámide.Wurman, R. S. (2000), Information Anxiety 2. Nova York: New Riders Publishing.
  64. 64. Mariona Grané.Laboratori de Mitjans Interactius www.lmi.ub.es

×