Design de interfete web

2,603 views

Published on

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,603
On SlideShare
0
From Embeds
0
Number of Embeds
230
Actions
Shares
0
Downloads
19
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Design de interfete web

  1. 2. Ce inseamna Design? <ul><li>Designul nu inseamna decoratiune. </li></ul><ul><li>Designul reprezinta comunicare si rezolvarea problemelor. </li></ul><ul><li>“ Design is not just how it looks like and feels like. Design is how it works.” </li></ul><ul><li>Steve Jobs </li></ul>
  2. 3. Probleme la proiectare unui layout O interfata web buna presupune un echilibru intre nevoile userului, ale business-ului si ale technologiei folosite.
  3. 4. Ce credem noi? Ce cred cei care ne viziteaza site-urile ? <ul><li>Cand construim site-uri noi credem ca : </li></ul><ul><li>- userii ne vor citi toate textele </li></ul><ul><li>- vor naviga pe fiecare pagina </li></ul><ul><li>- vor urmari fiecare animatie pana la sfarsit </li></ul><ul><li>- vor da click pe linkuri care sunt utile lor si se vor gandi asupra alegerii acestora </li></ul><ul><li>- vor fi fericiti ca vor ajunge pe pagina noastra </li></ul><ul><li>- userii abia asteapta sa dea click pe bannerele noastre platite </li></ul><ul><li>Ce cred cei care ne viziteaza? </li></ul><ul><li>- ei privesc pagina precum privesc un bilboard din masina personala ce ruleaza cu o viteza de 60 km/h </li></ul><ul><li>-vor scana daca exista informatii utile lor si daca acestea nu se regasesc vor iesi imediat de pe pagina noastra </li></ul><ul><li>-in cel mai bun caz vor da click pe primul link rezonabil intereselor lor </li></ul>
  4. 5. Ce credem noi ?
  5. 6. Ce se intampla in realitate…
  6. 7. Cati oameni credeti ca au contribuit la dezvoltarea acestei interfete ?
  7. 8. Raspunsul… <ul><li>Usability Specialist </li></ul><ul><li>Information Designer </li></ul><ul><li>Information Arhitect </li></ul><ul><li>Web Designer </li></ul><ul><li>Interaction Designer </li></ul><ul><li>Content Specialist </li></ul><ul><li>Human Factors Expert </li></ul><ul><li>Identity Designer </li></ul><ul><li>Interactive Marketer </li></ul><ul><li>Taxonomist </li></ul><ul><li>UX Lead (UX = User Experience) </li></ul>
  8. 9. De ce le-au trebuit asa multi oameni celor de la Amazon ? <ul><li>Pentru ca site-ul lor are un continut imens ce trebuieste livrat cum trebuie userului. </li></ul><ul><li>Pentru ca ei au inteles ca designul de interfete web presupune cunostiinte din mai multe ramuri (design, copywritting, psihologie, marketing etc). </li></ul><ul><li>Pentru ca isi respecta utilizatorii si incearca sa le ofere acestora un anumit confort atunci cand intra pe site. </li></ul>
  9. 10. O interfata web bine realizata este : <ul><li>Functionala (Interaction Design) </li></ul><ul><li>Usor de folosit (Usability Specialist) </li></ul><ul><li>Intuitiva (Information Designer) </li></ul><ul><li>Structurata (Information Arhitect) </li></ul><ul><li>Vizual atractiva (Visual Design) </li></ul>
  10. 11. User-Centered Design <ul><li>User-Centered Design este echivalentul in design al programarii agile: multe iteratii ale design-ului, bazate pe rezultatele testarii pe utilizatori. </li></ul><ul><li>creeaza ceva </li></ul><ul><li>testeaza cu oameni reali </li></ul><ul><li>identifica zonele problematice </li></ul><ul><li>creeaza versiunea imbunatatita </li></ul><ul><li>sari la pasul 2 </li></ul>
  11. 12. Resurse utile <ul><li>Carti: </li></ul><ul><li>“ Don’t make me think” – Steve Krug </li></ul><ul><li>“ Defensive design for Web” – 37signals </li></ul><ul><li>Site-uri: </li></ul><ul><li>www.crazyegg.com </li></ul><ul><li>www.useit.com </li></ul><ul><li>www.boxesandarrows.com / </li></ul><ul><li>www.uie.com / </li></ul><ul><li>www.iatelevision.blogspot.com </li></ul><ul><li>www.alistapart.com/topics/userscience </li></ul><ul><li>www.guuui.com/ </li></ul><ul><li>www.xplane.com/xblog/category/usability / </li></ul>
  12. 13. Concluzii. Intrebari <ul><li>Pastreaza lucrurile cat mai simple, nu incerca sa ii atragi atentia userului cu lucruri inutile. </li></ul><ul><li>Structureaza informatia astfel incat sa fie usor de folosit </li></ul><ul><li>Creeaza scenarii pentru navigatia pe site si testeaza-le cu oameni din publicul tinta al site-ului </li></ul><ul><li>Ia in considerare nu ceea ce spun userii ci ceea ce fac userii pe site-ul tau </li></ul><ul><li>Testeaza, testeaza, testeaza </li></ul><ul><li>Fa informatia cat mai usor de accesat, userul trebuie sa faca un numar minim de actiuni pentru a ajunge la informatia dorita. </li></ul>

×