Ce inseamna Design? Designul nu inseamna decoratiune. Designul reprezinta comunicare si rezolvarea problemelor. “ Design is not just how it looks like and feels like. Design is how it works.” Steve Jobs

Designul nu inseamna decoratiune.

Designul reprezinta comunicare si rezolvarea problemelor.

“ Design is not just how it looks like and feels like. Design is how it works.”

Steve Jobs

Probleme la proiectare unui layout O interfata web buna presupune un echilibru intre nevoile userului, ale business-ului si ale technologiei folosite.

Ce credem noi? Ce cred cei care ne viziteaza site-urile ? Cand construim site-uri noi credem ca : - userii ne vor citi toate textele - vor naviga pe fiecare pagina - vor urmari fiecare animatie pana la sfarsit - vor da click pe linkuri care sunt utile lor si se vor gandi asupra alegerii acestora - vor fi fericiti ca vor ajunge pe pagina noastra - userii abia asteapta sa dea click pe bannerele noastre platite Ce cred cei care ne viziteaza? - ei privesc pagina precum privesc un bilboard din masina personala ce ruleaza cu o viteza de 60 km/h -vor scana daca exista informatii utile lor si daca acestea nu se regasesc vor iesi imediat de pe pagina noastra -in cel mai bun caz vor da click pe primul link rezonabil intereselor lor

Cand construim site-uri noi credem ca :

- userii ne vor citi toate textele

- vor naviga pe fiecare pagina

- vor urmari fiecare animatie pana la sfarsit

- vor da click pe linkuri care sunt utile lor si se vor gandi asupra alegerii acestora

- vor fi fericiti ca vor ajunge pe pagina noastra

- userii abia asteapta sa dea click pe bannerele noastre platite

Ce cred cei care ne viziteaza?

- ei privesc pagina precum privesc un bilboard din masina personala ce ruleaza cu o viteza de 60 km/h

-vor scana daca exista informatii utile lor si daca acestea nu se regasesc vor iesi imediat de pe pagina noastra

-in cel mai bun caz vor da click pe primul link rezonabil intereselor lor

Ce credem noi ?

Ce se intampla in realitate…

Cati oameni credeti ca au contribuit la dezvoltarea acestei interfete ?

Raspunsul… Usability Specialist Information Designer Information Arhitect Web Designer Interaction Designer Content Specialist Human Factors Expert Identity Designer Interactive Marketer Taxonomist UX Lead (UX = User Experience)

Usability Specialist

Information Designer

Information Arhitect

Web Designer

Interaction Designer

Content Specialist

Human Factors Expert

Identity Designer

Interactive Marketer

Taxonomist

UX Lead (UX = User Experience)

De ce le-au trebuit asa multi oameni celor de la Amazon ? Pentru ca site-ul lor are un continut imens ce trebuieste livrat cum trebuie userului. Pentru ca ei au inteles ca designul de interfete web presupune cunostiinte din mai multe ramuri (design, copywritting, psihologie, marketing etc). Pentru ca isi respecta utilizatorii si incearca sa le ofere acestora un anumit confort atunci cand intra pe site.

Pentru ca site-ul lor are un continut imens ce trebuieste livrat cum trebuie userului.

Pentru ca ei au inteles ca designul de interfete web presupune cunostiinte din mai multe ramuri (design, copywritting, psihologie, marketing etc).

Pentru ca isi respecta utilizatorii si incearca sa le ofere acestora un anumit confort atunci cand intra pe site.

O interfata web bine realizata este : Functionala (Interaction Design) Usor de folosit (Usability Specialist) Intuitiva (Information Designer) Structurata (Information Arhitect) Vizual atractiva (Visual Design)

Functionala (Interaction Design)

Usor de folosit (Usability Specialist)

Intuitiva (Information Designer)

Structurata (Information Arhitect)

Vizual atractiva (Visual Design)

User-Centered Design User-Centered Design este echivalentul in design al programarii agile: multe iteratii ale design-ului, bazate pe rezultatele testarii pe utilizatori. creeaza ceva testeaza cu oameni reali identifica zonele problematice creeaza versiunea imbunatatita sari la pasul 2

User-Centered Design este echivalentul in design al programarii agile: multe iteratii ale design-ului, bazate pe rezultatele testarii pe utilizatori.

creeaza ceva

testeaza cu oameni reali

identifica zonele problematice

creeaza versiunea imbunatatita

sari la pasul 2

Resurse utile Carti: “ Don’t make me think” – Steve Krug “ Defensive design for Web” – 37signals Site-uri: www.crazyegg.com www.useit.com www.boxesandarrows.com / www.uie.com / www.iatelevision.blogspot.com www.alistapart.com/topics/userscience www.guuui.com/ www.xplane.com/xblog/category/usability /

Carti:

“ Don’t make me think” – Steve Krug

“ Defensive design for Web” – 37signals

Site-uri:

www.crazyegg.com

www.useit.com

www.boxesandarrows.com /

www.uie.com /

www.iatelevision.blogspot.com

www.alistapart.com/topics/userscience

www.guuui.com/

www.xplane.com/xblog/category/usability /

Concluzii. Intrebari Pastreaza lucrurile cat mai simple, nu incerca sa ii atragi atentia userului cu lucruri inutile. Structureaza informatia astfel incat sa fie usor de folosit Creeaza scenarii pentru navigatia pe site si testeaza-le cu oameni din publicul tinta al site-ului Ia in considerare nu ceea ce spun userii ci ceea ce fac userii pe site-ul tau Testeaza, testeaza, testeaza Fa informatia cat mai usor de accesat, userul trebuie sa faca un numar minim de actiuni pentru a ajunge la informatia dorita.

Pastreaza lucrurile cat mai simple, nu incerca sa ii atragi atentia userului cu lucruri inutile.

Structureaza informatia astfel incat sa fie usor de folosit

Creeaza scenarii pentru navigatia pe site si testeaza-le cu oameni din publicul tinta al site-ului

Ia in considerare nu ceea ce spun userii ci ceea ce fac userii pe site-ul tau

Testeaza, testeaza, testeaza

Fa informatia cat mai usor de accesat, userul trebuie sa faca un numar minim de actiuni pentru a ajunge la informatia dorita.