Situatie
Atunci cand creezi un design, scopul este ca utilizatorul sa inteleaga rapid structura si functionalitatea interfetei. De exemplu, intr-un meniu cu mai multe butoane sau intr-un formular complex, utilizatorul trebuie sa recunoasca grupurile de elemente, actiunile principale si modul de navigare fara efort. Trebuie sa ii ghidezi privirea in mod natural de la elementele principale la cele secundare, pentru un user flow impecabil si cat mai multe conversii.
Acest lucru se face prin respectarea a 7 principii de UX/UI. Ele sunt esentiale in crearea oricarei aplicatii/website.
Solutie
1. Proximitatea
Elementele apropiate una de alta sunt percepute ca facand parte din acelasi grup.
Exemplu: In Google Photos, thumbnail-urile sunt grupate cu spatii egale intre ele, iar actiunile legate de un album sunt plasate aproape de el, ceea ce ajuta utilizatorul sa inteleaga rapid care elemente sunt asociate.
2. Similaritatea
Elementele care arata la fel sunt percepute ca avand aceeasi functie.
Exemplu: In Gmail, toate butoanele principale din bara de actiuni (Reply, Forward, Archive) au acelasi stil si culoare, ceea ce le face imediat recognoscibile ca actiuni de gestionare a mesajelor.
3. Alinierea
Elementele aliniate corect ofera un aspect ordonat si faciliteaza scanarea vizuala.
Exemplu: In aplicatia Apple Music, textul, iconitele si butoanele din lista de melodii sunt perfect aliniate pe orizontala, facilitand scanarea rapida a informatiilor si reducand confuzia vizuala.
4. Ierarhia vizuala
Elementele mai importante trebuie sa iasa in evidenta primele.
Exemplu: In Instagram, continutul principal (feed-ul cu imagini si video) este mai mare si mai vizibil decat bara de navigatie inferioara, ghidand utilizatorul sa se concentreze mai intai pe continut.
5. Contrastul
Elementele cu diferente clare se disting mai usor si sunt mai usor de inteles.
Exemplu: In YouTube, butonul „Subscribe” este rosu pe un fundal alb, ceea ce il face imediat vizibil si evidentiaza actiunea principala pe pagina.
6. Continuitatea
Oamenii urmaresc liniile si fluxurile vizuale continue.
Exemplu: In Airbnb, cardurile de proprietati sunt aliniate vertical si orizontal in grid-uri consistente, ceea ce permite utilizatorului sa navigheze usor si sa parcurga vizual listele de oferte fara intreruperi..
7. Consistenta
Interfata trebuie sa arate si sa functioneze la fel peste tot.
Exemplu: In Spotify, butoanele de play, pause, skip si volum au acelasi stil si comportament pe toate ecranele aplicatiei, fie ca este vorba de ecranul principal, playlist-uri sau ecranul de ascultare.
Leave A Comment?