1. Introducere
UX/UI

2. Corunga Iulian
UI Designer
@iquest
COM
M
INFOUX UI TEC
H
GRO
W

3. Structura
Cursului
1
UX
User Experience
UI
User
Interface
Tools Users Architecture Wireframe
s

4. De ce avem nevoie de
UX
• Claritate
• Ierarhie
• Utilizabilitate
• Intutitivitate
• Simplitate
• Focusare
• Adaptare
• Educare
• Personalizare

5. De ce avem nevoie de
UI
• Forme
• Culori
• Fonturi
• Estetica
• Inovatie
• Consistenta

6. Unde se aplica
UX/UI
DESKTO
P
MOBIL
E
WEARABL
E

7. Cine sunt
UX/UI Designers
Designe
ri
Programator
i
Psiholog
i
Persoane pasionate
UX UI

8. Care sunt
Instrumentele
UX UI

9. Diferentele intre
UX si UI
UX UI
• Prototipuri
• Wireframes
• Cercetare
• Graphics
• Mockups
• Layouts

10. PAUZA
15 min

11. UX
Specialist

12. Colectarea
Informatiei
Solicitarea informatiei despre
business
• Cerinte • Studii
de caz
• Detalii
despre
business
• Platforma • Timp si
buget
• Scopul
businessului

13. Solicitarea informatiei despre
utilizatori
(personas)
• Grupurile
tinta
• Locatia • Limba • Google
Analitics
• Utilizatori
existenti
• Expertiza
tehnologica
Colectarea
Informatiei

14. Solicitarea informatiei despre contentul
existent
Colectarea
Informatiei
• Probleme
de utilizare
• Google
analytics
• Utilizatorii
existenti
• Scopul
businessului

15. Voi sunteti UX/UI expertii si eu sunt clientul
Workshop cu
Clientul

16. PAUZA
15 min

17. Procesarea
Informatiei
Arhitectura informationala
• Context • Continut • Utilizatori • Top-Bottom • Bottom-Top

18. Procesarea
Informatiei
• Profil • Personalitate • Expertiza • Asteptari/Frustrati • Influente
• Platforme • Produse • Arhitipul • Citate • Scopul • Poza
Personas

19. Procesarea
Informatiei
User story
• User scenarios • Use cases • User flows

20. PAUZA
15 min

21. Wireframe
s

22. Scheletul
Paginii
• Dimensiuni • Content • Interactiuni• Organizarea Contentului

23. Prima
Iteratie cu clientul

24. Intrebari

25. 14 MARTIE
Multumesc, ne vedem in data de