Design for ages

29
Designul pentru diferite grupuri de vârstă http://www.gaboosh.com/blog/wp-content/uploads/2011/01/fractals.jpg Friday, May 24, 13

Transcript of Design for ages

Page 1: Design for ages

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

Mozilla Rep@andreea_popescu

Friday, May 24, 13

Page 3: Design for ages

Cui ne adresăm

copiilor ;adolescenților și tinerilor ;persoanele adulte;persoanelor în vârstă.

Friday, May 24, 13

Page 4: Design for ages

Designul pentru copii

Friday, May 24, 13

Page 5: Design for ages

Elemente cunoscute

Inferfața, o poveste

Interactivitate Eficiență

Cromatică și tipografie

atractiveDesignul pentru copii

Friday, May 24, 13

Page 6: Design for ages

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

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

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

Interactivitate

Integrarea unor jocuri educaționale

Folosirea moderată a sunetelor și animațiilor

Friday, May 24, 13

Page 10: Design for ages

Eficiență

Consolidarea acțiunilor pe care le realizează copiii.

Tutoriale special concepute pentru copii.

Friday, May 24, 13

Page 11: Design for ages

Designul pentru adolescenți

Friday, May 24, 13

Page 12: Design for ages

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

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

Interactivitate și multimedia

Utilizare minimă a sunetelor și animațiilor

Prezența elementelor interactive

Friday, May 24, 13

Page 15: Design for ages

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

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

Designul pentru persoanele adulte

Friday, May 24, 13

Page 18: Design for ages

Structurarea informațiilor

Vizibilitate

Eficiență

Designul pentru persoanele

adulte

Friday, May 24, 13

Page 19: Design for ages

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

Vizibilitate

Evitarea animațiilor ostentative

Interfață simplă și modernă

Utilizarea unui background deschis la culoare

Friday, May 24, 13

Page 21: Design for ages

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

Designul pentru persoanele în vârstă

înaintată

Friday, May 24, 13

Page 23: Design for ages

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

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

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

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

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

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

Resursemediaqueri.eswebdesignerdepot.comfromupnorth.comsmashingmagazine.comblog.karachicorner.commkels.com/blog

Friday, May 24, 13