design for ages
TRANSCRIPT
![Page 1: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/1.jpg)
Designul pentru diferite grupuri de vârstă
http://www.gaboosh.com/blog/wp-content/uploads/2011/01/fractals.jpg
Friday, May 24, 13
![Page 2: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/2.jpg)
Mozilla Rep@andreea_popescu
Friday, May 24, 13
![Page 3: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/3.jpg)
Cui ne adresăm
copiilor ;adolescenților și tinerilor ;persoanele adulte;persoanelor în vârstă.
Friday, May 24, 13
![Page 4: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/4.jpg)
Designul pentru copii
Friday, May 24, 13
![Page 5: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/5.jpg)
Elemente cunoscute
Inferfața, o poveste
Interactivitate Eficiență
Cromatică și tipografie
atractiveDesignul pentru copii
Friday, May 24, 13
![Page 6: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/6.jpg)
Elemente cunoscute
Elemente vizuale pentru identificarea cu experiențe
cunoscute.
Integrarea personajelor cunoscute.
Crearea unor noi eroi.
Friday, May 24, 13
![Page 7: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/7.jpg)
Inferfața, o poveste
Elementele îmbinate pentru a crea o poveste.
Păstrarea unei interfețe clare, evitarea dezordinii vizuale.
Friday, May 24, 13
![Page 8: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/8.jpg)
Cromatică și tipografie
atractive
Cromatică incitantă, culori calde
Typeface atractiv
Nu trebuie neglijată dimensiunea literelor și a
cifrelor.
Friday, May 24, 13
![Page 9: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/9.jpg)
Interactivitate
Integrarea unor jocuri educaționale
Folosirea moderată a sunetelor și animațiilor
Friday, May 24, 13
![Page 10: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/10.jpg)
Eficiență
Consolidarea acțiunilor pe care le realizează copiii.
Tutoriale special concepute pentru copii.
Friday, May 24, 13
![Page 11: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/11.jpg)
Designul pentru adolescenți
Friday, May 24, 13
![Page 12: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/12.jpg)
Organizarea informațiilor
Interactivitate și multimedia
Integrare social media și
chat
Cromatică și tipografie
simple
Designul pentru tineri și
adolescenți
Friday, May 24, 13
![Page 13: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/13.jpg)
Organizarea informațiilor
Favorizarea conținutului grafic
Informații structurate
Liste cu marcatori și secțiuni
Friday, May 24, 13
![Page 14: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/14.jpg)
Interactivitate și multimedia
Utilizare minimă a sunetelor și animațiilor
Prezența elementelor interactive
Friday, May 24, 13
![Page 15: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/15.jpg)
Cromatică și tipografie
simple
Culorile nu trebuie sa fie foarte incitante, ca în cazul design-urilor destinate copiilor. Printre culorile recomandate se regăsesc și; portocaliu, galben, albastru și verde;
Friday, May 24, 13
![Page 16: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/16.jpg)
Integrare social media și
chat
Existența unui chat și prezența rețelelor sociale
Înregistrare cât mai simplă
Friday, May 24, 13
![Page 17: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/17.jpg)
Designul pentru persoanele adulte
Friday, May 24, 13
![Page 18: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/18.jpg)
Structurarea informațiilor
Vizibilitate
Eficiență
Designul pentru persoanele
adulte
Friday, May 24, 13
![Page 19: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/19.jpg)
Structurarea informațiilor
Categorii bine delimitate
Accesarea conținutului informațional în cât mai puțini
pași
Informații aranjate în mod ierarhic
Friday, May 24, 13
![Page 20: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/20.jpg)
Vizibilitate
Evitarea animațiilor ostentative
Interfață simplă și modernă
Utilizarea unui background deschis la culoare
Friday, May 24, 13
![Page 21: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/21.jpg)
Eficiență
Elementele de design trebuie să fie alese cu strictețe, să se
plieze pe tema generală a site-ului Web
Evitarea detaliilor inutile
Friday, May 24, 13
![Page 22: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/22.jpg)
Designul pentru persoanele în vârstă
înaintată
Friday, May 24, 13
![Page 23: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/23.jpg)
Ușurință în înțelegere
Vizibilitate
Ajutor static și dinamic
Organizarea informațiilor
Control și flexibilitateDesign pentru
persoanele în vârstă
Friday, May 24, 13
![Page 24: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/24.jpg)
Vizibilitate
Existența unei forme corespunzătoare de feedback
Conținutul, vizibil și prezentat direct
Elementele interactive să fie vizibile
Font, dimensiune optimă pentru citire
Friday, May 24, 13
![Page 25: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/25.jpg)
Ușurință de înțelegere
Conținut, prezentat într-o ordine și formă logică
Elementele interactive, ușor de perceput și înțeles
Imagini care să indice anumite acțiuni
Friday, May 24, 13
![Page 26: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/26.jpg)
Control și flexibilitate
Conținut multimedia controlat
Dimensiunea elementelor trebuie să fie reglabilă
Moduri alternative de prezentare a conținutului
informațional (de ex.: video, infografie, imagine etc.)
Friday, May 24, 13
![Page 27: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/27.jpg)
Ajutor static și dinamic
În timpul navigării trebuie furnizată asistență
Completarea formularelor necesită asitență
Existența vizibilă a butonului Help.
Friday, May 24, 13
![Page 28: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/28.jpg)
Organizarea informațiilor
Elementele trebuie să fie afișate în mod consecvent.
Necesitatea unei coerențe în navigare.
Informații organizate în mod logic.
Friday, May 24, 13
![Page 29: Design for ages](https://reader033.vdocuments.mx/reader033/viewer/2022052323/55876605d8b42a1d558b4625/html5/thumbnails/29.jpg)
Resursemediaqueri.eswebdesignerdepot.comfromupnorth.comsmashingmagazine.comblog.karachicorner.commkels.com/blog
Friday, May 24, 13