User Interface vs. User Experience Design

Pana acum cativa ani aceste doua activitati erau realizate de catre aceeasi persoana in cadrul agentiilor web. In timp am asisitat la diferentierea dintre cele doua conducand la doua incadrari si competente diferite, fiecare cu scopul si sarcinile sale specifice.

Designerii UI se axeaza mai ales pe partea creativa, pe branding si pe appeal-ul vizual. Designerii UX se concentreaza pe arhitectura site-ului, pe layout-ul paginii si pe functionarea elementelor de interactiune, accesibilitate etc.

Aceste doua figuri profesionale lucreaza bineinteles impreuna in cadrul proiectelor, dar devin din ce in ce mai specializate in rolurile lor.

» De ce este importanta activitatea de UX?

Site-urile web pe care le construim se adreseaza utilizatorilor, fie ca este vorba despre un blog personal sau de un magazin online de mari dimensiuni, in constructia oricarui site web trebuie sa avem intotdeuana ca prim obictiv acela de a oferi o buna experienta utilizatorilor nostri. Oricat de elegant arata un site web daca acesta nu ofera o buna experienta utilizatorilor el nu poate avea succes.

Lipsa de succes a unui site web, a unei aplicatiei sau a unui produs duce bineinteles la neimplinirea obiectivelor firmei, afacerii respective. Putem spune deci ca o buna experienta a utilizatorilor / clientilor ne ajuta sa realizam obiectivele firmei si sa cream valoare pentru produsele si serviciile noastre.

In activitatea de UX Design aplicata site-urilor web sunt extrem de multe elemente de luat in considerare. Unul dintre aspectele fundamentale analizate de un UX Designer este Accesibilitatea, aici vorbim despre mai multe aspecte ale unui site: de la modul in care este organizata informatia, la meniurile de navigare, la curatenia layout-ului, la rapiditatea cu care vizitatorul site-ului gaseste informatia pe care o cauta, la simplificarea procesului de achizitii online.

Un rol important in UX Design il are intelegerea comportamentului utilizatorilor si prevederea modului in care acestia vor interactiona cu variile elemente ale site-ului. Identificarea elementelor ce influenteaza utilizatorul final si studierea tendintelor in comportamentul utilizatorilor sunt puncte de forta in acest domeniu.

» Aspectele principale in UI

Functia principala a unui UI Designer este crearea identitatii sau Branding-ul care insumeaza elementele vizuale, culorile, tipografia, logotipurile si layout-urile, crearea mockup-urilor in procesul de design. Crearea de interfete cere atat creativitate cat si o buna documentare in ceea ce priveste standardele in domeniu, dar si intelegerea nevoilor, peferintelor si comportamentului utilizatorilor.

» Fazele procesului de Design

Pe parcursul variilor faze de design cele doua figuri profesioanle UI si UX Designers au sau ar trebui sa aiba roluri bine definite, dupa cum le prezinta si Dale Traxler in articolul Understanding User Experience vs. User Interface. O buna intelegere a rolurilor pe care cei doi profesionisti le au in acest proces este fundamentala pentru eficientizarea procesului de design si obtinerea rezultatelor dorite.
1. Crearea arhitecturii Informatiei
In aceasta faza se identifica site map-ul site-ului, categoriile de continut, elementele, link-urile. Aceasta faza este de obicei o sarcina a designer-ului UX.
2. Branding
Este o faza realizata de catre designer-ul UI si se refera la elemente vizuale, culori, fonturi, logotipuri si layout-uri.
3. Mockup-urile initiale
Sunt schitele initiale pentru prima pagina a site-ul web in care se defineste plasarea variilor elemente. Acestea se realizeaza cu instrumente specifice pentru mockup si nu includ in aceasta faza initiala culorile, imaginile, videocliprile care trebuiesc inserate in structura. La aceasta faza pot contribui ambii UI si UX Designer.
4. Wireframes
Sunt reprezentarea fiecarei pagini cu si fara grafica cu documentarea detaliata a link-urilor si integrarilor cu alte continuturi. In aceasta faza se identifica popup-urile, deschiderea meniurilor de navigare si alte actiuni din pagina. Aceasta faza este pregatita de catre UX Designer.
5. Mockup-urile finale
Toate wireframe-urile si toate elementele grafice sunt aduse in pagina. Mockup-urile finale pot fi realizate in Photoshop sau Illustrator si vor fi puse la dispozitie dezvoltatorilor in faza succesiva. Acestea trebuie sa cuprinda toate actiunile asupra elementelor din layout si toate elementele care vor fi incluse in libraria assets a site-ului.
6. Dezvoltarea
In aceasta faza mockup-urile finale sunt predate echipei de dezvoltare care creaza markup-ul CSS, HTML, JavaScript etc pentru functionarea site-ului.

Concluzie: User experience design reprezinta un proces complex care se refera la toate aspectele interactiunii utilizatorilor cu orice produs creat, fie ca vorbim despre un produs fizic sau un site web, o aplicatie etc. User Interface este doar o parte din UX Design care se axeaza pe crearea identitatii de brand.

Articole corelate:
Tutoriale video – Principiile crearii unui Site Web User Friendly