Prezentare Conferință Studențească Final

1.

CREAREA WEBSITE-URILOR
CU FIGMA: INTEGRAREA
PRINCIPIILOR
FUNDAMENTALE DE UI/UX
DESIGN
Coordonator: Schiopu Alina
26 Martie 2025

2.

CUPRINS
Introducere
Actualitatea
Inovativ
Metodologii
Teoretic
Problema
Practic
Impact
Concluzii
Final

3.

INTRODUCERE
01
Pasionat de UI/UX și de modul în care elementele vizuale și non-vizuale afectează
gândirea și percepția umană
02
Modernizarea și transformarea platformelor din Moldova prin design, aducând un
beneficiu utilizatorilor și instituțiilor, începând cu FIM.USM
03
Dorința de a crea și de a face ceva unic adaptat pentru fiecare instituție,
crescând ușurința și plăcerea utilizatorilor în fiecare interacțiune online

4.

Încărcarea cognitivă
ACTUALITATEA
CERCETARII
În secolul 21, accesul la informație a devenit extrem de facil, poate
chiar prea facil, iar acest lucru a dus la apariția altor probleme, cum
ar fi: încărcarea cognitivă, oboseala decizională și suprasolicitarea
afectivă.
Încărcarea cognitivă reprezintă efortul mental intens de
procesare a unui volum mare de informații, cauzând confuzie și
dificultăți în reținerea datelor esențiale în timpul interacțiunii cu
mediul digital.
Oboseala decizională
Oboseala decizională descrie epuizarea mentală rezultată din
luarea continuă de decizii în prezența opțiunilor multiple, ceea ce
afectează claritatea gândirii și reduce eficiența procesului
decizional, conducând la confuzie și incertitudine.
Suprasolicitarea afectivă
Suprasolicitarea afectivă implică pașii care urmează a fii parcurșii
pentru atingerea unui scop pe un website, unde aceștia nu sunt
clar definiți sau intuitivi, iar utilizatorul se simte dezorientat și
blocat. Această lipsă de direcție generează un nivel crescut de
insatisfacție, rezultând într-o încărcătură emoțională negativă
care afectează eficiența și satisfacția utilizatorului.

5.

ELEMENTUL INOVATIV
Încărcarea
cognitivă
Optimizarea
interacțiunii
UI/UX în mediul
academic
Reducerea sarcinii
cognitive și simplificarea
interacțiunilor.
Reducerea fricțiunii în
navigarea și interacțiunea
cu site-ul web.
Integrarea mediului
academic în contextul
modernismului din
secolul 21.

6.

METODOLOGII
Teoretic
Analiza materialelor și principiilor de design din diverse surse,
precum materiale video, bloguri, tutoriale și cursuri. Înțelegerea și
studierea modului de implementare a acestora în diferite contexte.
Examinarea altor designeri și website-uri pentru inspirație și pentru
a înțelege cum sunt create și funcționează elementele și paginile.
Informarea despre tendințe și analiza diferitelor website-uri pentru
platforme educaționale, universități și instituții de învățământ
superior. Crearea de persona și analiza lucrului cu elemente
specifice în Figma, cum ar fi: Componente, Auto-Layout, Variabile,
Frame-uri etc.
Practic
Stabilirea unui cadru de limitări și identificarea necesităților și
dorințelor utilizatorului. Crearea de wireframe-uri pentru diverse
aranjamente și structuri ale elementelor, secțiunilor și paginilor.
Elaborarea unui cadru de necesități pentru utilizatori și găsirea
soluțiilor pentru implementarea acestora în design. Crearea seturilor
de elemente vizuale și non-vizuale, cum ar fi culorile, tipografia,
dimensiunile elementelor, restricțiile de dimensiune și aranjare.
Proiectarea layout-ului pentru diferite dispozitive și asigurarea unui
design responsive pentru fiecare element, pagină și structură, atât
individual, cât și ca un întreg.

7.

CONȚINUT TEORETIC
Principiile UI/UX
Design
Crearea de persoana
Ierarhia vizuală
- Principii
UX
- Principii UI
Definirea utilizatorului model pentru care se va concepe platforma online.
Importanța elementelor evidențiate prin culori, dimensiuni, forme și aranjare.
Fluxurile de utilizare
Pașii și căile pe care un utilizator le poate urma pentru a-și atinge obiectivul.
Microinteracțiunile
Modul în care platforma online comunică și furnizează informații utilizatorului.
Arhitectura informațională
Spațiile albe
Modul în care conținutul este structurat și organizat pe website.
Distanța dintre elemente care oferă utilizatorului o pauză cognitivă și vizuală.

8.

FORMULAREA
PROBLEMEI
Modern
VIzitatorii
Informație completă
Conținut important
pentru utilizator
Informativ
Ușor de navigat
Website FIM.USM
Toggle pentru tip-ul de
utilizator
Doua tipuri de
utilizatorii
Student
Informație conform
necesităților
Informație divizate
Academic
Sfat: Implementarea unui design
modern și atrăgător din punct de
vedere vizual, care să păstreze în
același timp seriozitatea și
coerența academică, a
reprezentat o provocare.

9.

PRACTIC
Respectarea principiilor
Designul respectă principiile UI/UX pentru a oferi o experiență de utilizare simplă și
intuitivă. Acesta asigură o navigare clară și o arhitectură informațională bine definită,
toate integrate într-un design modern și atrăgător din punct de vedere vizual.
Design responsive
Adaptabilitatea pentru diverse dispozitive și dimensiuni de ecran a devenit un obiectiv esențial
în secolul 21, având în vedere varietatea de dispozitive disponibile și creșterea constantă a
accesării site-urilor web de pe dispozitive mobile, creștere care a ajuns la 62%.

10.

IMPACTUL
Impactul imediat
Datorită utilizări mai simple și mai intuitive va avea
impact semnificativ asupra utilizatorilor, atât studenți, cât
și vizitatori externi. De asemenea, accesul la informații
utile, care până versiunea veche nu erau disponibile va
deternima un trafic mult mai mare.
Impactul de lungă durată
Designul modern și informațiile vaste a noului website va
menține activ traficul pe pagina facultării în cazul
utilizatorilor noi, în special persoanele care doresc să
devină studenți care vor avea acces adaptat la
tendințele generațiilor noi de navigare și procesare a
inforațiilor. De asemenea, traficul va fi activ și în cazul
studenților facultății care vor accesa mai des și mai activ
platforma pentru a se informa.

11.

CONCLUZII ȘI PERSPECTIVE
Acest site reprezentă o îmbunătățire semnificativă pentru facultatea noastră, deoarece designul modern , clar și
intuitiv va aduce un nou flux de utilizatori și, implicit, studenți la facultate. Site-ul reflectă modernizarea realizată în
cadrul universității, dar și aspirația continuă a USM de transformare și implementarea celor mai noi tehnologii
educaționale.
User feedback
Implementarea
Un design nu este niciodată finalizat, el este ăntr-un proces
continuu de modificare datorită feedback-ului utilizatorilor,
adaptând site-ul exact la necesitățile și cerințele lor.
Dezvoltarea și implemenarea codului back end concomitent cu designul
este, de asemenea, esențial, iar designerul și programatorul trebuie să
colaboreze strâns pentru a asigura o implementare eficientă și completă.

12.

Vă
mulțumesc