Your SlideShare is downloading. ×
Senzillesa visualMariona Grané. Laboratori de Mitjans Interactius.   @CAVUB
principis de disseny interactiu  Grané, 2009
principis de disseny interactiu     Senzillesa visual           Navalla dOckham           Principi de Pareto           Lle...
senzillesa visual   La simplicitat per a la bellesa i per al disseny amb funció, és potser la idea més   defensada pels di...
senzillesa visual   Navalla dOckham: Entre dos dissenys equivalents, lescollit ha de ser el més senzill.                  ...
senzillesa visual
senzillesa visual
senzillesa visual
senzillesa visual
senzillesa visual   Principi de Pareto: Un elevat percentatge defectes venen provocats per un petit   percentatge de varia...
senzillesa visual   El 80% dels efectes generats per qualsevol sistema venen provocats per un 20% de les   variables daque...
senzillesa visual   «Es dóna aquesta regla a Internet? La resposta és un sí contundent, però amb una   diferència, es dóna...
senzillesa visual   i en disseny interactiu????   Jakob Nielsen (2000): defensa que en una plana web la relació espacial e...
senzillesa visual
senzillesa visual   «(...) la tendència de la xarxa està portant cap a noves formes de visualització i   organització de l...
senzillesa visual   En el disseny dinterfícies, la norma del 80/20 sutilitza especialment per mantenir a   mà els elements...
senzillesa visual
senzillesa visual   Llei de Hick: A més alternatives per triar més temps dedicarà lusuari a la tria.   El model de Hick i ...
senzillesa visual   Les tasques del procés segons la llei de Hick segueixen 4 pasos:          1-   Identificació del proble...
senzillesa visual   En disseny interactiu la llei de Hick i Hyman, saplica directament al nombre dopcions   que té en pant...
atenció visual
senzillesa visual
senzillesa visual   Proporció senyal–soroll: Proporció dinformació rellevant i irrellevant en una pantalla.   Un altre pri...
senzillesa visual
senzillesa visual
senzillesa visual   «tot allò que no és senyal, és soroll», (Cañada, 2006)
senzillesa visual   morellc.com/
senzillesa visual
senzillesa visual                    a terremono.net només hi                    apareix el post de la                    ...
senzillesa visual   Les 10 lleis de Maeda: La simplicitat consisteix en sostreure allò que és obvi i afegir   allò que és ...
senzillesa visual   Reduir: La forma més eficient dassolir la simplicitat és mitjançant la reducció raonada.   Organitzar: ...
senzillesa visual
senzillesa visual
senzillesa visual
senzillesa visual
senzillesa visual
senzillesa visual   Navalla dOckham: Entre dos dissenys equivalents, lescollit ha de ser el més senzill.   Principi de Par...
principis de disseny interactiu       LEER NO MATA       Dondis, D.A. (1976). La sintaxis de la imagen. Barcelona: Gustavo...
Mariona Grané.Laboratori de Mitjans Interactius   www.lmi.ub.es
Simplicitat visual
Simplicitat visual
Upcoming SlideShare
Loading in...5
×

Simplicitat visual

664

Published on

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

No Downloads
Views
Total Views
664
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Simplicitat visual"

  1. 1. Senzillesa visualMariona Grané. Laboratori de Mitjans Interactius. @CAVUB
  2. 2. principis de disseny interactiu Grané, 2009
  3. 3. principis de disseny interactiu Senzillesa visual Navalla dOckham Principi de Pareto Llei de Hick Proporció senyal–soroll Les 10 lleis de Maeda
  4. 4. senzillesa visual La simplicitat per a la bellesa i per al disseny amb funció, és potser la idea més defensada pels dissenyadors en tots els camps de la comunicació visual.
  5. 5. senzillesa visual Navalla dOckham: Entre dos dissenys equivalents, lescollit ha de ser el més senzill. «De dues teories competidores, essent les altres coses iguals, la més simple ha de ser preferida» William dOckham (s. XIV) En disseny sempre és preferible la simplicitat a la complexitat. Keep it simple stupid
  6. 6. senzillesa visual
  7. 7. senzillesa visual
  8. 8. senzillesa visual
  9. 9. senzillesa visual
  10. 10. senzillesa visual Principi de Pareto: Un elevat percentatge defectes venen provocats per un petit percentatge de variables. La regla del 80/20 = el Principi de Pareto = el Principi de Juran = la regla dels pocs essencials i els molts trivials Vilfredo Pareto, (1848-1923) Òptim de Pareto = la desigualtat econòmica és inevitable Òptim de Pareto ≠ Òptim social Joseph M. Juran (1904) el 20% de les causes resolen el 80% del "Manual de Control de Qualitat" (1951) problema, i el 80% de les causes només resolen el 20% del problema
  11. 11. senzillesa visual El 80% dels efectes generats per qualsevol sistema venen provocats per un 20% de les variables daquest sistema Limportant és la idea dels pocs essencials i els molts trivials, o la minoria és vital i la majoria és útil: · la minoria de clients representen la majoria de vendes · la minoria de problemes són causa del gruix del retard dun producte · el 80% dels usuaris només utilitzen el 20% de les possibilitats dun sistema
  12. 12. senzillesa visual «Es dóna aquesta regla a Internet? La resposta és un sí contundent, però amb una diferència, es dóna de forma exagerada i deformada fins a lextrem següent: el 0,5% de les planes web atrauen el 80% del trànsit total de la xarxa. És a dir, que Internet ha aconseguit fer saltar pels aires la regla del 80/20, una regla que en economia i sociologia, era la demostració de la màxima desigualtat». (Codina, 2000).
  13. 13. senzillesa visual i en disseny interactiu???? Jakob Nielsen (2000): defensa que en una plana web la relació espacial entre continguts i dispositius de navegació hauria de ser del 80/20. ? Les icones, botons i elements interactius no haurien de superar el 20% de la superfície total duna plana web, deixant així el millor espai possible als continguts.
  14. 14. senzillesa visual
  15. 15. senzillesa visual «(...) la tendència de la xarxa està portant cap a noves formes de visualització i organització de la informació que tendeixen a diluir la diferència entre dispositius de navegació i continguts». (Scolari, 2003) «Les funcions poc rellevants que formen part del 80% no decisiu han de minimitzar-se o eliminar- se del disseny. (Butler, Holden & Lidwell, 2005)
  16. 16. senzillesa visual En el disseny dinterfícies, la norma del 80/20 sutilitza especialment per mantenir a mà els elements més importants i deixar en segon terme els elements de la interfície que són trivials. · categoritzar · jerarquitzar · amagar elements per mantenir la simplicitat visual com ajuda a la simplicitat en la interacció.
  17. 17. senzillesa visual
  18. 18. senzillesa visual Llei de Hick: A més alternatives per triar més temps dedicarà lusuari a la tria. El model de Hick i Hyman de selecció del temps de reacció (desenvolupat de forma independent per Hick el 1952 i per Hyman el 1953), pretén quantificar el temps que triga a reaccionar un subjecte davant un estímul, segons el seu contingut informatiu i el nombre destímuls a què es veu exposat el subjecte.
  19. 19. senzillesa visual Les tasques del procés segons la llei de Hick segueixen 4 pasos: 1- Identificació del problema o de lobjectiu 2- Valoració de les opcions disponibles per solucionar el problema 3- Elecció duna de les opcions 4- Realització de lopció escollida
  20. 20. senzillesa visual En disseny interactiu la llei de Hick i Hyman, saplica directament al nombre dopcions que té en pantalla un usuari, al nombre de botons o ítems dun menú; també a les opcions dun mapa per tal que es pugui comprendre fàcilment en la mesura de lobjectiu; i és essencial en sistemes demergència, tant digitals com mecànics.
  21. 21. atenció visual
  22. 22. senzillesa visual
  23. 23. senzillesa visual Proporció senyal–soroll: Proporció dinformació rellevant i irrellevant en una pantalla. Un altre principi però lligat completament a Pareto i Hick. Objectiu: maximitzar el senyal (tot allò rellevant) i minimitzar el soroll. La visualització de la informació de manera adient, clara, llegible i visible, afavoreix el senyal i permet que l’usuari es centri en el contingut.
  24. 24. senzillesa visual
  25. 25. senzillesa visual
  26. 26. senzillesa visual «tot allò que no és senyal, és soroll», (Cañada, 2006)
  27. 27. senzillesa visual morellc.com/
  28. 28. senzillesa visual
  29. 29. senzillesa visual a terremono.net només hi apareix el post de la setmana, i una opció de veure l’anterior, res més.
  30. 30. senzillesa visual Les 10 lleis de Maeda: La simplicitat consisteix en sostreure allò que és obvi i afegir allò que és específic. 10 lleis "optimistes" per a equilibrar la simplicitat i la complexitat en la tecnologia i el disseny
  31. 31. senzillesa visual Reduir: La forma més eficient dassolir la simplicitat és mitjançant la reducció raonada. Organitzar: Lorganització permet que un sistema complexe sembli senzill. Temps: Estalviar temps a lusuari fa que les coses semblin més simples. Aprendre: El coneixement ho simplifica tot. Diferències: Fer que un sistema sigui senzill requereix fer que la seva complexitat sigui accessible. Context: Hi ha informacions que envolten tot allò que dissenyem. Emoció: Un disseny ha de ser emocionant. Confiança: La simplicitat, és un camí segur per a la comunicació. Fracàs: Algunes coses no es poden fer simples. L’única: «La simplicitat consisteix en sostreure allò que és obvi i afegir allò que és específic».
  32. 32. senzillesa visual
  33. 33. senzillesa visual
  34. 34. senzillesa visual
  35. 35. senzillesa visual
  36. 36. senzillesa visual
  37. 37. senzillesa visual Navalla dOckham: Entre dos dissenys equivalents, lescollit ha de ser el més senzill. Principi de Pareto: Un elevat percentatge defectes venen provocats per un petit percentatge de variables. Llei de Hick: A més alternatives per triar més temps dedicarà lusuari a la tria. Proporció senyal–soroll: Proporció dinformació rellevant i irrellevant en una pantalla. Les 10 lleis de Maeda: La simplicitat consisteix en sostreure allò que és obvi i afegir allò que és específic.
  38. 38. principis de disseny interactiu LEER NO MATA Dondis, D.A. (1976). La sintaxis de la imagen. Barcelona: Gustavo Gili. Arnheim, R. (1979). Arte y percepción visual. Madrid: Alianza Editorial. Butler, J; Holden, K & Lidwell, W. (2005). Principios universales de diseño. Barcelona: Blume. Maeda, J. (2010). Las leyes de la simplicidad. Barcelona: Gedisa.
  39. 39. Mariona Grané.Laboratori de Mitjans Interactius www.lmi.ub.es

×