IntroducereUX/UI

Corunga IulianUI Designer @iquest

COMM INFOUX UI TECH GROW

StructuraCursului

1

UXUser Experience

UIUser Interface Tools Users Architecture Wireframes

De ce avem nevoie deUX

• Claritate

• Ierarhie

• Utilizabilitate

• Intutitivitate

• Simplitate

• Focusare

• Adaptare

• Educare

• Personalizare

De ce avem nevoie deUI

• Forme

• Culori

• Fonturi

• Estetica

• Inovatie

• Consistenta

Unde se aplicaUX/UI

DESKTOP MOBILE WEARABLE

Cine suntUX/UI Designers

DesigneriProgramatori

Psihologi

Persoane pasionateUX UI

Care suntInstrumentele

UX UI

Diferentele intreUX si UI

UX UI• Prototipuri

• Wireframes

• Cercetare

• Graphics

• Mockups

• Layouts

PAUZA15 min

UXSpecialist

ColectareaInformatiei

Solicitarea informatiei despre business

• Cerinte • Studii de caz

• Detalii despre

business

• Platforma • Timp si buget

• Scopul businessului

Solicitarea informatiei despre utilizatori(personas)

• Grupurile tinta

• Locatia • Limba • Google Analitics

• Utilizatori existenti

• Expertiza tehnologica

ColectareaInformatiei

Solicitarea informatiei despre contentul existent

ColectareaInformatiei

• Probleme de utilizare

• Google analytics

• Utilizatorii existenti

• Scopul businessului

Voi sunteti UX/UI expertii si eu sunt clientul

Workshop cu Clientul

PAUZA15 min

ProcesareaInformatiei

Arhitectura informationala

• Context • Continut • Utilizatori • Top-Bottom • Bottom-Top

ProcesareaInformatiei

• Profil • Personalitate • Expertiza • Asteptari/Frustrati • Influente

• Platforme • Produse • Arhitipul • Citate • Scopul • Poza

Personas

ProcesareaInformatiei

User story

• User scenarios • Use cases • User flows

PAUZA15 min

Wireframes

ScheletulPaginii

• Dimensiuni • Content • Interactiuni• Organizarea Contentului

PrimaIteratie cu clientul

Intrebari

14 MARTIE

Multumesc, ne vedem in data de