SlideShare a Scribd company logo
1 of 37
Îmbunătăţirea experienţei utilizatorului Analiza moldwebului și a tendințelor internaționale Gheorghe Lupașcu RT Design Studio
Ce este User eXperience? Termenul de experiență a utilizatorului adesea este utilizat ca sinonim al uzabilității, interfaței cu utilizatorul, experiența de interacțiune, design de interacțiune, experiența consumatorului, web site appeal, emoții, ‘wow efectul’.  La general, experiența utilizatorului include toate aceste concepte.   ISO 9241-210 defineşte UX (User eXperience) ca "percepţia şi reacţiile unei persoane care rezultă în urma folosirii sau anticipării folosirii unui produs, sistem sau serviciu".
User Experience din diferite perspective UX ca fenomen ,[object Object]
Identifică diferite tipuri de UX
Explică circumstanțele și consecintele UX  UX ca domeniu de studiu: ,[object Object]
Găsirea mijloacelor de proiectare a sistemelor care creează UX
Investigarea şi dezvoltarea de metode de proiectare şi evaluare UX   UX ca practică: ,[object Object]
Reprezentarea UX, de exemplu, construirea unui prototip pentru a demonstra şi comunica UX dorit pentru alţii
Evaluarea și îmbunătățirea UX
Oferirea de designuri menite să creeze un anumit UX ,[object Object]
Interfața cu utilizatorul(UI) și designul
Interacțiunea offline cu produsul sau serviciul,[object Object]
Eficiența în utilizare - Odata ce un utilizator experimentat a învăţat să folosească sistemul, cât de repede poate el sa işi îndeplineasca sarcinile?
Memorabilitatea - Dacă un utilizator a folosit sistemul înainte, poate el sa il memoreze suficient ca să-l folosească în mod eficient data viitoare, sau utilizatorul trebuie să înceapă din nou de învăţarea sistemului?
Frecvența erorilor şi severitatea acestora - Cât de des utilizatorii fac erori în timp ce folosesc sistemul, cât de grave sunt aceste erori şi cât de simplu utilizatorii pot să corecteze aceste erori?
Satisfacția subiectiva - Cit de tare utilizatorilor le place sistemul?www.usability.gov
Designul NU este artă ,[object Object]
Arta nu are un scop
Implică două componente: artistul și audiența         
Designul Implică trei componente: compania, designerul și audiența
UX.md - o resursă despre uzabilitate Studii de caz Articole pe tema UX În curând primul manual din Moldova dedicat uzabilității
Erik Reiss: Cele 10 dogme a uzabilității Tot ce există doar pentru a satisface preferințele personale ale proprietarului paginii web, trebuie eliminat. Tot ce există doar pentru a satisface ego-ul designerului trebuie eliminat. Tot ce este nerelevant conținutului paginii trebuie eliminat. Orice funcționalitate sau tehnică care scade abilitatea vizitatorului de a naviga liber trebuie refăcut sau eliminata. Orice obiect interactiv care il face pe vizitator să ghicească ce funcționalitate are, trebuie refăcut sau eliminat. Browserul trebuie să fie singurul program care să asigure funcționarea corectă a paginii web, fără alt software adițional. Conținutul trebuie să fie în primul rând ușor de citit, în al doilea rând posibil de imprimat, iar în al treilea rând - downloadabil.  Uzabilitatea nu trebuie să fie vreodată sacrificată în schimbul ghidului de stil. Vizitatorul nu trebuie forțat să se înregistreze sau să dea informații personale, decât dacă proprietarul paginii web este incapabil să ofere un serviciu sau să încheie o tranzacție cu vizitatorul fără a face aceasta. Încalcă oricare din aceste reguli, înainte de a ajunge să faci lucruri pur și simplu barbare cu pagina ta web. Eric Reiss
Studiu de caz - Moldcell
Design - layout ,[object Object]
În meniul principal nu este un link spre prima pagină.
Logo-ul, nu transmite ideia că are funcționalitate de legătură spre prima pagină.Concluzie: Layoutul iroseste spatiul util in zadar fara crearea unui online brand experience consistent.
Fundalul Acesta are două culori – gri și violet. ,[object Object]
același utilizator de un calculator cu monitor de rezoluție 1280px în sus o să vadă că background-ul de fapt mai are și culoarea gri.
Concluzie: o experiență diferită - intri pe aceeași pagină web, însă de pe diferite calculatoare look-ul este diferit. ,[object Object]
nici un slide nu are buton de îndemn la acțiune de genul află mai multe sau comandă acum și utilizatorul inițial nu știe că de fapt slide-urile au o pagină de destinație unde poate afla mai multe despre conținutul slide-ului. Concluzie: Să-l faci pe utilizator să ghicească funcționalitatea - este o greșeală de uzabilitate.
Exemplu de slider bun de urmat Un exemplu bun de slider, care are o navigare intuitiva și butoane de îndemn la acțiune:  Pagina oficială a companiei Verizonhttp://www.verizonwireless.com/b2c/index.html
Navigarea principală ,[object Object]
Altă problemă a meniului este că elementele din meniu nu sunt relevanți și omogeni după natura informației și ierarhiei:
În primul rând: Ce vinde Moldcell? Produse și Servicii. Gruparea lor într-un singur item o vedem ca minus de uzabilitate din simplu motiv că dacă vreau să accesez compartimentul Servicii, trebuie să accesez întai Produse și servicii și apoi click pe Servicii.
În același timp vedem Roaming, care până la urmă este un serviciu, fiind greșit plasat ca și ierarhie în navigarea principală.,[object Object]
Navigarea secundară Butoanele de mai jos de slider prezintă un mare minus în navigare. De ce?  ,[object Object]
Această navigare adițională nu este prezentă pe celelalte pagini, iar pe prima pagină distrage atenția de la navigarea principală.

More Related Content

Similar to Enhancing UX - ICT Summit Moldova 2011

2011.08.25 Liviu TALOI - 10 recomandari de usability pentru magazinele online...
2011.08.25 Liviu TALOI - 10 recomandari de usability pentru magazinele online...2011.08.25 Liviu TALOI - 10 recomandari de usability pentru magazinele online...
2011.08.25 Liviu TALOI - 10 recomandari de usability pentru magazinele online...Lumea SEO PPC
 
RT Design Studio @ Moldova ICT Summit 2012
RT Design Studio @ Moldova ICT Summit 2012RT Design Studio @ Moldova ICT Summit 2012
RT Design Studio @ Moldova ICT Summit 2012RT Design Studio
 
Wpm, Underclick, Claudiu Gamulescu, Iasi 2009, Plan It
Wpm, Underclick, Claudiu Gamulescu, Iasi 2009, Plan ItWpm, Underclick, Claudiu Gamulescu, Iasi 2009, Plan It
Wpm, Underclick, Claudiu Gamulescu, Iasi 2009, Plan ItClaudiu Gamulescu
 
Web_pole
Web_pole Web_pole
Web_pole darqor
 
Introducere in ux ui design
Introducere in ux   ui designIntroducere in ux   ui design
Introducere in ux ui designUPT, Multimedia
 
Design de interfete web
Design de interfete webDesign de interfete web
Design de interfete webAlex Andronic
 
Focus 1 - construirea unui software functional, utilizabil si intuitiv
Focus 1 - construirea unui software functional, utilizabil si intuitivFocus 1 - construirea unui software functional, utilizabil si intuitiv
Focus 1 - construirea unui software functional, utilizabil si intuitivValentin Bora
 
49 de secrete conversion academy
49 de secrete conversion academy49 de secrete conversion academy
49 de secrete conversion academyDana Maria Mateiu
 
010 Indrumar afaceri tic si noile profesii
010 Indrumar afaceri  tic si noile profesii010 Indrumar afaceri  tic si noile profesii
010 Indrumar afaceri tic si noile profesiiIcesicon
 
Focus 1 - construirea unui software functional, utilizabil si intuitiv
Focus 1 - construirea unui software functional, utilizabil si intuitivFocus 1 - construirea unui software functional, utilizabil si intuitiv
Focus 1 - construirea unui software functional, utilizabil si intuitivValentin Bora
 
CLIW 2017-2018 (1/12) Interacţiune Web: de la concepte & utilizabilitate la d...
CLIW 2017-2018 (1/12) Interacţiune Web: de la concepte & utilizabilitate la d...CLIW 2017-2018 (1/12) Interacţiune Web: de la concepte & utilizabilitate la d...
CLIW 2017-2018 (1/12) Interacţiune Web: de la concepte & utilizabilitate la d...Sabin Buraga
 
Mobile web apps design
Mobile web apps designMobile web apps design
Mobile web apps designmcliw
 
5 Metode Ca Să-ți Crești Rank-ul în Google în 2017
5 Metode Ca Să-ți Crești Rank-ul în Google în 20175 Metode Ca Să-ți Crești Rank-ul în Google în 2017
5 Metode Ca Să-ți Crești Rank-ul în Google în 2017Marius Câmpean
 
CLIW 2014—2015 (3/12): Design Web. Interacţiune, utilizabilitate & metodologi...
CLIW 2014—2015 (3/12): Design Web. Interacţiune, utilizabilitate & metodologi...CLIW 2014—2015 (3/12): Design Web. Interacţiune, utilizabilitate & metodologi...
CLIW 2014—2015 (3/12): Design Web. Interacţiune, utilizabilitate & metodologi...Sabin Buraga
 
Cum sa obtii mai multe leaduri prin inbound marketing sem days
Cum sa obtii mai multe leaduri prin inbound marketing   sem daysCum sa obtii mai multe leaduri prin inbound marketing   sem days
Cum sa obtii mai multe leaduri prin inbound marketing sem daysBeans United
 
Site web pentru o companie
Site web pentru o companieSite web pentru o companie
Site web pentru o companiepinalti
 
Presentation for MeetMe! the social network
Presentation for MeetMe! the social networkPresentation for MeetMe! the social network
Presentation for MeetMe! the social networkGabriel Barina
 
Bill gates afaceri cu viteza gandului [cartipdfgratuite.tk]
Bill gates   afaceri cu viteza gandului [cartipdfgratuite.tk]Bill gates   afaceri cu viteza gandului [cartipdfgratuite.tk]
Bill gates afaceri cu viteza gandului [cartipdfgratuite.tk]Draghicescu Daniela
 
Iasi code camp 12 october 2013 startup today
Iasi code camp 12 october 2013  startup todayIasi code camp 12 october 2013  startup today
Iasi code camp 12 october 2013 startup todayCodecamp Romania
 

Similar to Enhancing UX - ICT Summit Moldova 2011 (20)

2011.08.25 Liviu TALOI - 10 recomandari de usability pentru magazinele online...
2011.08.25 Liviu TALOI - 10 recomandari de usability pentru magazinele online...2011.08.25 Liviu TALOI - 10 recomandari de usability pentru magazinele online...
2011.08.25 Liviu TALOI - 10 recomandari de usability pentru magazinele online...
 
RT Design Studio @ Moldova ICT Summit 2012
RT Design Studio @ Moldova ICT Summit 2012RT Design Studio @ Moldova ICT Summit 2012
RT Design Studio @ Moldova ICT Summit 2012
 
Wpm, Underclick, Claudiu Gamulescu, Iasi 2009, Plan It
Wpm, Underclick, Claudiu Gamulescu, Iasi 2009, Plan ItWpm, Underclick, Claudiu Gamulescu, Iasi 2009, Plan It
Wpm, Underclick, Claudiu Gamulescu, Iasi 2009, Plan It
 
Web_pole
Web_pole Web_pole
Web_pole
 
Introducere in ux ui design
Introducere in ux   ui designIntroducere in ux   ui design
Introducere in ux ui design
 
Design de interfete web
Design de interfete webDesign de interfete web
Design de interfete web
 
Focus 1 - construirea unui software functional, utilizabil si intuitiv
Focus 1 - construirea unui software functional, utilizabil si intuitivFocus 1 - construirea unui software functional, utilizabil si intuitiv
Focus 1 - construirea unui software functional, utilizabil si intuitiv
 
49 de secrete conversion academy
49 de secrete conversion academy49 de secrete conversion academy
49 de secrete conversion academy
 
010 Indrumar afaceri tic si noile profesii
010 Indrumar afaceri  tic si noile profesii010 Indrumar afaceri  tic si noile profesii
010 Indrumar afaceri tic si noile profesii
 
B1Studio-Despre
B1Studio-DespreB1Studio-Despre
B1Studio-Despre
 
Focus 1 - construirea unui software functional, utilizabil si intuitiv
Focus 1 - construirea unui software functional, utilizabil si intuitivFocus 1 - construirea unui software functional, utilizabil si intuitiv
Focus 1 - construirea unui software functional, utilizabil si intuitiv
 
CLIW 2017-2018 (1/12) Interacţiune Web: de la concepte & utilizabilitate la d...
CLIW 2017-2018 (1/12) Interacţiune Web: de la concepte & utilizabilitate la d...CLIW 2017-2018 (1/12) Interacţiune Web: de la concepte & utilizabilitate la d...
CLIW 2017-2018 (1/12) Interacţiune Web: de la concepte & utilizabilitate la d...
 
Mobile web apps design
Mobile web apps designMobile web apps design
Mobile web apps design
 
5 Metode Ca Să-ți Crești Rank-ul în Google în 2017
5 Metode Ca Să-ți Crești Rank-ul în Google în 20175 Metode Ca Să-ți Crești Rank-ul în Google în 2017
5 Metode Ca Să-ți Crești Rank-ul în Google în 2017
 
CLIW 2014—2015 (3/12): Design Web. Interacţiune, utilizabilitate & metodologi...
CLIW 2014—2015 (3/12): Design Web. Interacţiune, utilizabilitate & metodologi...CLIW 2014—2015 (3/12): Design Web. Interacţiune, utilizabilitate & metodologi...
CLIW 2014—2015 (3/12): Design Web. Interacţiune, utilizabilitate & metodologi...
 
Cum sa obtii mai multe leaduri prin inbound marketing sem days
Cum sa obtii mai multe leaduri prin inbound marketing   sem daysCum sa obtii mai multe leaduri prin inbound marketing   sem days
Cum sa obtii mai multe leaduri prin inbound marketing sem days
 
Site web pentru o companie
Site web pentru o companieSite web pentru o companie
Site web pentru o companie
 
Presentation for MeetMe! the social network
Presentation for MeetMe! the social networkPresentation for MeetMe! the social network
Presentation for MeetMe! the social network
 
Bill gates afaceri cu viteza gandului [cartipdfgratuite.tk]
Bill gates   afaceri cu viteza gandului [cartipdfgratuite.tk]Bill gates   afaceri cu viteza gandului [cartipdfgratuite.tk]
Bill gates afaceri cu viteza gandului [cartipdfgratuite.tk]
 
Iasi code camp 12 october 2013 startup today
Iasi code camp 12 october 2013  startup todayIasi code camp 12 october 2013  startup today
Iasi code camp 12 october 2013 startup today
 

Enhancing UX - ICT Summit Moldova 2011

  • 1. Îmbunătăţirea experienţei utilizatorului Analiza moldwebului și a tendințelor internaționale Gheorghe Lupașcu RT Design Studio
  • 2. Ce este User eXperience? Termenul de experiență a utilizatorului adesea este utilizat ca sinonim al uzabilității, interfaței cu utilizatorul, experiența de interacțiune, design de interacțiune, experiența consumatorului, web site appeal, emoții, ‘wow efectul’. La general, experiența utilizatorului include toate aceste concepte.   ISO 9241-210 defineşte UX (User eXperience) ca "percepţia şi reacţiile unei persoane care rezultă în urma folosirii sau anticipării folosirii unui produs, sistem sau serviciu".
  • 3.
  • 5.
  • 6. Găsirea mijloacelor de proiectare a sistemelor care creează UX
  • 7.
  • 8. Reprezentarea UX, de exemplu, construirea unui prototip pentru a demonstra şi comunica UX dorit pentru alţii
  • 10.
  • 12.
  • 13. Eficiența în utilizare - Odata ce un utilizator experimentat a învăţat să folosească sistemul, cât de repede poate el sa işi îndeplineasca sarcinile?
  • 14. Memorabilitatea - Dacă un utilizator a folosit sistemul înainte, poate el sa il memoreze suficient ca să-l folosească în mod eficient data viitoare, sau utilizatorul trebuie să înceapă din nou de învăţarea sistemului?
  • 15. Frecvența erorilor şi severitatea acestora - Cât de des utilizatorii fac erori în timp ce folosesc sistemul, cât de grave sunt aceste erori şi cât de simplu utilizatorii pot să corecteze aceste erori?
  • 16. Satisfacția subiectiva - Cit de tare utilizatorilor le place sistemul?www.usability.gov
  • 17.
  • 18. Arta nu are un scop
  • 19. Implică două componente: artistul și audiența         
  • 20. Designul Implică trei componente: compania, designerul și audiența
  • 21. UX.md - o resursă despre uzabilitate Studii de caz Articole pe tema UX În curând primul manual din Moldova dedicat uzabilității
  • 22. Erik Reiss: Cele 10 dogme a uzabilității Tot ce există doar pentru a satisface preferințele personale ale proprietarului paginii web, trebuie eliminat. Tot ce există doar pentru a satisface ego-ul designerului trebuie eliminat. Tot ce este nerelevant conținutului paginii trebuie eliminat. Orice funcționalitate sau tehnică care scade abilitatea vizitatorului de a naviga liber trebuie refăcut sau eliminata. Orice obiect interactiv care il face pe vizitator să ghicească ce funcționalitate are, trebuie refăcut sau eliminat. Browserul trebuie să fie singurul program care să asigure funcționarea corectă a paginii web, fără alt software adițional. Conținutul trebuie să fie în primul rând ușor de citit, în al doilea rând posibil de imprimat, iar în al treilea rând - downloadabil.  Uzabilitatea nu trebuie să fie vreodată sacrificată în schimbul ghidului de stil. Vizitatorul nu trebuie forțat să se înregistreze sau să dea informații personale, decât dacă proprietarul paginii web este incapabil să ofere un serviciu sau să încheie o tranzacție cu vizitatorul fără a face aceasta. Încalcă oricare din aceste reguli, înainte de a ajunge să faci lucruri pur și simplu barbare cu pagina ta web. Eric Reiss
  • 23. Studiu de caz - Moldcell
  • 24.
  • 25. În meniul principal nu este un link spre prima pagină.
  • 26. Logo-ul, nu transmite ideia că are funcționalitate de legătură spre prima pagină.Concluzie: Layoutul iroseste spatiul util in zadar fara crearea unui online brand experience consistent.
  • 27.
  • 28. același utilizator de un calculator cu monitor de rezoluție 1280px în sus o să vadă că background-ul de fapt mai are și culoarea gri.
  • 29.
  • 30. nici un slide nu are buton de îndemn la acțiune de genul află mai multe sau comandă acum și utilizatorul inițial nu știe că de fapt slide-urile au o pagină de destinație unde poate afla mai multe despre conținutul slide-ului. Concluzie: Să-l faci pe utilizator să ghicească funcționalitatea - este o greșeală de uzabilitate.
  • 31. Exemplu de slider bun de urmat Un exemplu bun de slider, care are o navigare intuitiva și butoane de îndemn la acțiune: Pagina oficială a companiei Verizonhttp://www.verizonwireless.com/b2c/index.html
  • 32.
  • 33. Altă problemă a meniului este că elementele din meniu nu sunt relevanți și omogeni după natura informației și ierarhiei:
  • 34. În primul rând: Ce vinde Moldcell? Produse și Servicii. Gruparea lor într-un singur item o vedem ca minus de uzabilitate din simplu motiv că dacă vreau să accesez compartimentul Servicii, trebuie să accesez întai Produse și servicii și apoi click pe Servicii.
  • 35.
  • 36.
  • 37. Această navigare adițională nu este prezentă pe celelalte pagini, iar pe prima pagină distrage atenția de la navigarea principală.
  • 38. Plus nu este vizibilă integral (are doua în plus care devin accesibili doar la folosirea navigării... în cadrul navigării - săgețile laterale) –din nou e un minus de uzabilitate.
  • 39.
  • 40. foarte multe distanțe diferite între elemente și raporturi - iarăși - creează un disconfort vizual
  • 41.
  • 42.
  • 44. Dă acces la distanță de 1 click la toate compartimentele.
  • 45. Are în vedere toate regulile de uzabilitate.
  • 46. Are implementate ultimele tendințe și practici ale designului pentru web (super meniuri, slidere, js lightboxuriși animații vizuale interacționante (acestea din urmă nu sunt vizibile aici))
  • 47. Are o arhitectură bună a informației.
  • 48.
  • 49. Nic.md - Moldova Internet gate în 2000  
  • 50. Nic.md - Moldova Internet gate în 2011  
  • 51. Name.com - registrator de domenii  
  • 52. Pagina de logare în Internet Bank în .MD  
  • 53. Online banking - Bank of America  
  • 54. Online Banking in Moldova  
  • 55. Online banking - Bank of America  
  • 57. Servicii fiscale în străinătate  
  • 58. L.MD – ideia. Rezultatul studiului lui Jakob Nielsen referitor la găsirea problemelor de uzabilitate.  Sursa: useit.com
  • 59. L.MD - Prima pagină
  • 61. L.MD - Adaugă un test
  • 63. L.MD - Rezultatele testului
  • 64. ;) 10x! Vă mulțumim! RT Design Studio www.rt.md