Introduction to UX/UI Design

1. Founder of DDD Philosophy*
DRITON
XHEZAIRI
DRITON
XHEZAIRI
*Design. Deen. Dunya.
@dxheza@dxheza

2. D E S I G N
D E E N
D U N YA
UI Designer & Brand Identity Visualizer
Student i Shkencave Islame
Highschool, BSc, MSc
Son. Brother. Husband. Father.
30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

3. Në
rregull,
fillojmë.
30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

4. Introduction to
UX/UI Design
UX/UI DESIGN WORKSHOP
30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

5. But that app though?!”“

6. Çka është UX Design dhe kush është
UX Designer?
UX Design Process in Action
1. Kuptimi I Problemit & Hulumtimi
2. Analiza & Koncepti
3. Wireframe & Dizajni
4. Testimi dhe lansimi
+ Analizimi
Çka është UI Design dhe kush është UI
Designer?
8 Principe të UI Design
1. Qartësia
2. Konciziteti
3. Familjariteti
4. Reagimi (Responsiveness)
5. Qëndrueshmëria (Consistency)
6. Aestetika
7. Efikasiteti
8. Rahmeti (Forgiveness)
Struktura e
bisedës tonë
30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

7. Çka është
UX Design?
30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

8. User Experience Design (UX, UXD, UED, XD)
Procesi të cilin e përdorin ekipet e dizajnit për të krijuar
produkte që i ofrojnë përdoruesit përvoja dhe përjetime të
përshtatshme dhe kuptimplota. Kjo përfshin dizajnin e tërë
procesit të përvetësimit dhe integrimit të produktit, duke
përfshirë aspektet e brendit, dizajnit, përdorshmërisë dhe
funksionalitetit.
30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

9. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
Kush është
UX Designer?

10. UX Designer është personi i cili bart barrën kryesore të
udhëheqjes së procesit të krijimit të produktit, që nga fazat
e para e deri në lansimin e tij.
30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

11. Përgjegjsitë
• Zhvillimi i testeve me përdoruesit
• Intervista të drejtpërdrejta
• Hulumtim në terren
• Krijimi i personave të përdoruesve
• Studimi i analizave të thella
• Bërja e prototipeve
• Paraqitja e strukturave
30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

12. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
UX Design në
praktikë

13. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
KUPTIMI I PROBLEMIT
& HULUMTIMI
01/

14. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
Brand AttributesUser Profiles
Priorities

15. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
P I K A K Y Ç E
Njihi problemet e përdoruesit dhe vlerat kryesore të
brendit/produktit dhe shih si mund të ndërlidhen me
njëra-tjetrën.

16. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
ANALIZA & KONCEPTI
02/

17. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
User Stories
Site Map

18. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

19. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
P I K A K Y Ç E
Faza e analizës dhe konceptit është e tëra rreth
gjenerimit të ideve dhe vërtetimit të tyre.

20. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
WIREFRAME & DIZAJNI
03/

21. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

22. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
TESTIMI DHE LANSIMI
04/

23. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
ANALIZIMI
+/

24. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
F A K T
Secili proces i UX dizajnit do të jetë përvojë e veçantë
për biznesin tuaj, dhe varësisht produktit, edhe sifdë e
re.

25. Çka është
UI Design?
30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

26. User Interface (UI) është çdo gjë me të cilën një përdorues
mund të ndërveprojë për ta përdorur një produkt apo
shërbim digjital. Kjo përfshin gjithçka: nga ekranet,
touchscreens, tablot e tasteve, zërat, madje edhe dritat.
30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

27. User Interface është një sipërfaqe apo
pamje e cila i lidh dy botëra: botën e
përdoruesit në njërën anë me botën e
produktit në anën tjetër.” - Driton Xhezairi
“
30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

28. User Interface Design (UID, ID)
Dizajnimi i interfejsëve të përdoruesit për aparatë dhe
programe teknologjike, si kompjuterë, pajisje shtëpiake,
telefona mobilë dhe aparatë tjerë elektronikë.
30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

29. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
Kush është
UI Designer?

30. UI Designer është personi roli i të cilit është të punojë për
së afërmi me UX dizajnerin dhe specialistët tjerë të dizajnit.
Detyrë e tij është të sigurojë që secila faqe dhe secili hap që
përdoruesi do ta përjetojë në ndërveprimin me produktin e
përfunduar do të jetë konform vizionit të përgjithshëm të
UX dizajnerit.
30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

31. Përgjegjsitë
• Struktura (layouti) e interfejsit
• Dizajni i interfejsit
• Dizajni vizual
• Dizajni i ndërveprimit (Interaction design)
• Vendosja e udhëzimeve vizuale
30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

32. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
T R U T H
“As far as the customer is concerned, the
interface is the product itself.” - Jef Raskin

33. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
Një UI i shkëlqyer
është…

34. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
I qartë01

35. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
...Clarity refers to the focus on one particular
message or goal at a time, rather that
attempting to accomplish too much at
once…” - Michael Hoffman
“

36. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
Konciz02

37. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
Interfejsi i shkëlqyeshëm arrihet atëherë kur
nuk kemi më çfarë të heqim dhe jo atëherë
kur nuk kemi se çfarë të shtojmë.”
“

38. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

39. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
Familjar03

40. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

41. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
Bashkëveprues04

42. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

43. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
Konsistent05

44. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza

45. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
Estetik
Efikas
I mëshirshëm
06
07
08

46. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
Përmbyllje.

47. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
“UX Design është proces i cili qasjen ndaj dizajnit të
produktit e bën duke u bazuar mbi procesin User-Centered
Design (UCD) dhe disciplinat e ndryshme të Human-
Computer Interaction. Në anën tjetër UI Design është
proces i cili qasjen ndaj dizajnit të produktit e bën në bazë
të principeve të fushave të ndryshme të dizajnit.”

48. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
M E F J A L Ë T Ë S H K U R T Ë R A
UX ka të bëjë me atë se si punon, kurse UI me atë se
si duket.
UX është truri, kurse UI lapsi.
UX është ana psikologjike, UI ana praktike.
•
•
•

49. 30 janar 2020
Mali i Dajtit, Shqipëri
Brought to you by
Xhezairi.com
Driton Xhezairi
@dxheza
If a user doesn’t get the value you promised them, your UX
has failed. If your user can’t use what you’ve built to get the
value, then the UI has failed.” – Craig Morrison
“

50. Nowletme
grabacupof
sweet-hot-coffee...