Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

presentation11-150310140754-conversion-gate01

120 views

Published on

  • Login to see the comments

  • Be the first to like this

presentation11-150310140754-conversion-gate01

  1. 1. Introducere UX/UI
  2. 2. Corunga Iulian UI Designer @iquest COM M INFOUX UI TEC H GRO W
  3. 3. Structura Cursului 1 UX User Experience UI User Interface Tools Users Architecture Wireframe s
  4. 4. De ce avem nevoie de UX • Claritate • Ierarhie • Utilizabilitate • Intutitivitate • Simplitate • Focusare • Adaptare • Educare • Personalizare
  5. 5. De ce avem nevoie de UI • Forme • Culori • Fonturi • Estetica • Inovatie • Consistenta
  6. 6. Unde se aplica UX/UI DESKTO P MOBIL E WEARABL E
  7. 7. Cine sunt UX/UI Designers Designe ri Programator i Psiholog i Persoane pasionate UX UI
  8. 8. Care sunt Instrumentele UX UI
  9. 9. Diferentele intre UX si UI UX UI • Prototipuri • Wireframes • Cercetare • Graphics • Mockups • Layouts
  10. 10. PAUZA 15 min
  11. 11. UX Specialist
  12. 12. Colectarea Informatiei Solicitarea informatiei despre business • Cerinte • Studii de caz • Detalii despre business • Platforma • Timp si buget • Scopul businessului
  13. 13. Solicitarea informatiei despre utilizatori (personas) • Grupurile tinta • Locatia • Limba • Google Analitics • Utilizatori existenti • Expertiza tehnologica Colectarea Informatiei
  14. 14. Solicitarea informatiei despre contentul existent Colectarea Informatiei • Probleme de utilizare • Google analytics • Utilizatorii existenti • Scopul businessului
  15. 15. Voi sunteti UX/UI expertii si eu sunt clientul Workshop cu Clientul
  16. 16. PAUZA 15 min
  17. 17. Procesarea Informatiei Arhitectura informationala • Context • Continut • Utilizatori • Top-Bottom • Bottom-Top
  18. 18. Procesarea Informatiei • Profil • Personalitate • Expertiza • Asteptari/Frustrati • Influente • Platforme • Produse • Arhitipul • Citate • Scopul • Poza Personas
  19. 19. Procesarea Informatiei User story • User scenarios • Use cases • User flows
  20. 20. PAUZA 15 min
  21. 21. Wireframe s
  22. 22. Scheletul Paginii • Dimensiuni • Content • Interactiuni• Organizarea Contentului
  23. 23. Prima Iteratie cu clientul
  24. 24. Intrebari
  25. 25. 14 MARTIE Multumesc, ne vedem in data de

×