Your SlideShare is downloading. ×
Simplicitat visual
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Simplicitat visual

623
views

Published on

Published in: Education

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Senzillesa visualMariona Grané. Laboratori de Mitjans Interactius. @CAVUB
  • 2. principis de disseny interactiu Grané, 2009
  • 3. principis de disseny interactiu Senzillesa visual Navalla dOckham Principi de Pareto Llei de Hick Proporció senyal–soroll Les 10 lleis de Maeda
  • 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. 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. senzillesa visual
  • 7. senzillesa visual
  • 8. senzillesa visual
  • 9. senzillesa visual
  • 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. 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. 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. 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. senzillesa visual
  • 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. 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. senzillesa visual
  • 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. 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. 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. atenció visual
  • 22. senzillesa visual
  • 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. senzillesa visual
  • 25. senzillesa visual
  • 26. senzillesa visual «tot allò que no és senyal, és soroll», (Cañada, 2006)
  • 27. senzillesa visual morellc.com/
  • 28. senzillesa visual
  • 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. 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. 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. senzillesa visual
  • 33. senzillesa visual
  • 34. senzillesa visual
  • 35. senzillesa visual
  • 36. senzillesa visual
  • 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. 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. Mariona Grané.Laboratori de Mitjans Interactius www.lmi.ub.es

×