ABONAMENTE VIDEO REDACȚIA
RO
EN
×
▼ LISTĂ EDIȚII ▼
Numărul 22
Abonament PDF

Lumy.ro - usability testing

Daniela Ferenczi
UX designer, inițiator Lumy
@REEA
DIVERSE

Lumy.ro este prima platformă de usability testing din România, lansată de compania REEA. Pentru prima dată în țara noastră, companiile, dar și persoanele fizice, au posibilitatea să afle părerea utilizatorilor pe care îi targetează prin produsele lor web și mobile. În urma testelor, platforma va da informații exacte în legatură cu website-ul sau aplicația de Facebook pe care dezvoltatorii din industrie le-au realizat, chiar înainte de a le lansa pe piață.

Platforma Lumy.ro oferă servicii de usability testing la cerere. Astfel, se folosesc teste de utilitate pentru a verifica navigabilitatea website-ului, relevanța conținutului, eficiența designului și ușurința cu care clienții/utilizatorii pot realiza anumite procese critice în cadrul website-ului și/sau aplicației. În cadrul platformei, există două tipologii de testeri: tester începător și tester avansat. Singura diferență între aceste două tipologii de conturi este accesibilitatea la diferite tipuri de teste. În funcție de dificultatea acestora, pentru fiecare test realizat, utilizatorului i se va aloca în cont un număr de puncte lumy. Există cinci tipuri de teste de utilitate: heatmap, clickmap, preferințe, feedback și video feedback. Preţurile sunt accesibile şi se ajustează în funcţie de bugetul disponibil. Cu suma de 50 de lei, o companie va obţine 17 teste video, din care va reieşi un feedback real. Numărul testerilor înscrişi în platformă a ajuns la aproape 520 și este într-o continuă creștere.

Daniela Ferenczi, UX specialist în cadrul companiei REEA, este inițiatorul Lumy. Construcția a tot ceea ce înseamnă Lumy a început în luna iunie 2013, la Tîrgu-Mureș.

Denumirea provine de la cuvântul "lumină". Ideea acestui nume a pornit de la faptul că, atunci când realizezi un proiect îl creezi în propriul tău birou, bazându-te pe propriile cunoștințe și pe know-how-ul echipei cu care lucrezi. La finalizarea proiectului, munca și creativitatea ta pe partea de usability se lansează în întuneric, fără usability testing. Practic, nu știi dacă utilizatorii tăi au primit un produs sau serviciu ce poate fi folosit ușor, are logică pentru ei și le oferă o experiență, nu doar o întrebuințare. LUMY are rolul de "a te lumina" în ceea ce privește munca unui UX Designer, a unui Information Architect și chiar a unui web designer, prin serviciile de usability testing pe care le oferă.

Implementarea

Prima etapă, a fost evident analiza proiectului, ceea ce se dorește în faza inițială și unde vrem să ajungem. Au fost multe ore de brainstorming a tuturor echipelor implicate, realizarea unui wireframe de la care s-a pornit. Apoi, s-a continuat implementarea platformei cu cele două versiuni, cea destinată testerilor și cea pentru companii, în mai multe faze:

  • versiunea pentru testeri și realizarea de teste video și feedback de către testeri prin intermediul aplicației Lumy Recorder;
  • versiunea pentru companii;
  • integrarea testelor de tip preferințe, clickmap, heatmap;
  • comenzi teste pe partea destinată companiilor;
  • valorificarea câștigurilor testerilor;
  • versiunea platformei în limba engleză;
  • upgrade pe partea de companii străine;
  • implementare API pentru aplicația iOS.

Aceste etape au fost implementate în cadrul echipei .NET. În paralel, echipa iOS a implementat aplicația Lumy pentru iPhone și Lumy Recorder pentru iPhone. Totodată, s-a adaptat website-ul pentru telefoane mobile și tablete. Ca tehnologii folosite, putem enumera: Axure, MVC4, C#, MS SQL Server, Microsoft TFS, Node.js, HTML5, CSS3, Adobe Photoshop, Responsive Web Design, MailChimp, NearForums, Scrum Project Management. Pe partea de iOS, s-au utilizat limbajele de programare Objective C și C++ și s-a folosit iOS SDK și OpenGL.

Ce este Lumy Recorder?

Lumy Recorder este o aplicație desktop stand-alone, care se ocupă cu înregistrarea unor sesiuni de testare, în cadrul cărora se captează răspunsul în format text al utilizatorului, al vocii acestuia și al acțiunilor petrecute pe ecranul acestuia. Datele capturate se transmit instantaneu către un server, care le stochează într-o bază de date centralizată. Tehnologiile folosite sunt următoarele:

  • pentru captura ecranului: filtru de captură ecran împreună cu Ffmpeg.
  • pentru captura audio: se folosește Ffmpeg mapat cu Windows Core Audio pentru detecția și selectarea microfonului. Comunicarea între browser și aplicație se face prin intermediul unui server local http.

Comunicarea cu server-ul este făcută prin TCP. Pe parte de server pentru stocarea stream-ului de date, se folosește NodeJs, care pornește instanțe de ffmpeg. Cele mai dificile task-uri au fost găsirea unui mod eficient de captură a ecranului și comprimarea cât mai bună a fluxului de date audio și video. O altă situație solicitantă a fost maparea microfonului reprezentat în felul ffmpeg cu cele existente deja în sistem.

Lumy Recorder pentru iOS

Prin intermediul acestei aplicații, tester-ii înscriși în cadrul platformei vor putea realiza teste de tip feedback și video, iar companiile vor primi o reacție reală pentru versiunile mobile ale website-urilor realizate. Aplicația Lumy Recorder pentru iPhone a fost realizată utilizând limbajele de programare Objective C și C++ și folosind iOS SDK și OpenGL. O echipă formată din trei dezvoltatori a lucrat peste 600 de ore, pentru a reuși publicarea în Apple Store. Cea mai complicată parte din dezvoltarea aplicației a fost realizarea capturii video. SDK-ul nativ nu permite captură video de pe browser, astfel că dezvoltatorii au fost nevoiți să găsească o altă metodă, folosind OpenGL.

Accesând link-ul http://www.youtube.com/watch?v=CeqXjD99z1o&feature=youtu.be , puteți vedea un exemplu de test video, realizat pe un iPhone 5S.

Platforma de usability testing - Lumy - a fost dezvoltată integral, de la concept până la implementare, de REEA.

Sponsori

  • comply advantage
  • ntt data
  • 3PillarGlobal
  • Betfair
  • Telenav
  • Accenture
  • Siemens
  • Bosch
  • FlowTraders
  • MHP
  • Connatix
  • UIPatj
  • MetroSystems
  • Globant
  • Colors in projects