13

Design de interfete web

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Design de interfete web
Page 2: Design de interfete web

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

Page 3: Design de interfete web

Probleme la proiectare unui layout

O interfata web buna presupune un echilibru intre nevoile userului, ale business-ului si ale technologiei folosite.

Page 4: Design de interfete web

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

Page 5: Design de interfete web

Ce credem noi ?

Page 6: Design de interfete web

Ce se intampla in realitate…

Page 7: Design de interfete web

Cati oameni credeti ca au contribuit la dezvoltarea acestei interfete ?

Page 8: Design de interfete web

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)

Page 9: Design de interfete web

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.

Page 10: Design de interfete web

O interfata web bine realizata este :

• Functionala (Interaction Design)• Usor de folosit (Usability Specialist) • Intuitiva (Information Designer)• Structurata (Information Arhitect)• Vizual atractiva (Visual Design)

Page 11: Design de interfete web

User-Centered Design

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

1. creeaza ceva2. testeaza cu oameni reali3. identifica zonele problematice4. creeaza versiunea imbunatatita5. sari la pasul 2

Page 12: Design de interfete web

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/

Page 13: Design de interfete web

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.