Co je UX/UI design (webů a aplikací)?

UX (User Experience)
UI (User Interface)
Na první pohled neviditelný
Na první pohled viditelný
Návrh produktu/služby tak, aby splnil
uživatelovy požadavky
Návrh prvků, celku, animací a interakcí tak, aby uživatele vizuálně provedl a naplnil tak UX
Je zaměřen na uživatele, jejich potřeby a cíle
Je zaměřen na uživatele, jejich potřeby a cíle
Netýká se jen webů a aplikací
Týká se pouze webů a aplikací
UX (User Experience)
Na první pohled neviditelný
Návrh produktu/služby tak, aby splnil uživatelovy požadavky
Je zaměřen na uživatele, jejich potřeby a cíle
Netýká se jen webů a aplikací
UI (User Interface)
Na první pohled viditelný
Návrh prvků, celku, animací a interakcí tak, aby uživatele vizuálně provedl a naplnil tak UX
Je zaměřen na uživatele, jejich potřeby a cíle
Týká se pouze webů a aplikací

UX a UI si jsou v mnoha směrech podobné

Web či aplikace je jako lidské tělo

Web či aplikace je jako lidské tělo

KÓD = kostra

Web či aplikace je jako lidské tělo

UX = orgány

Web či aplikace je jako lidské tělo

UI = vzhled

kostra

Bez pevných kostí se celé tělo zbortí a nebudete ho moci používat

orgány

Bez funkčních orgánů tělo nebude fungovat a uhyne

vzhled

Bez příjemného vzhledu budete ostatní odpuzovat či strašit

„Spojením pevných kostí (kód), zdravých
orgánů (UX) a příjemného vzhledu (UI)
vznikne funkční, smysluplný a estetický
organický stroj (web či aplikace).“

Web či aplikace je jako lidské tělo
Dobrý kód
Web či aplikace je jako lidské tělo
V dobře nakódovaném responzivním webu sedí vše, jak má.
Špatný kód
Web či aplikace je jako lidské tělo
Ve špatném responzivním webu jsou prvky rozhozené.
Dobré UX
Web či aplikace je jako lidské tělo
S dobrým UX se zorientujete snadno. Nezmátnou vás spousty zbytečných informací.
Špatné UX
Web či aplikace je jako lidské tělo
Špatné UX vás okrade o čas, než stránku či produkt pochopíte. Uživatel může svůj boj vzdát.
Dobré UI
Web či aplikace je jako lidské tělo
Když kliknete na tlačítko, víte, že se něco stalo. Vždy máte zpětnou vazbu.
Špatné UI
Web či aplikace je jako lidské tělo
Tady ale ne. Nemáte jistotu. Ocitl jste se na další stránce? Stalo se něco?

„UI bez UX je jako tělo bez duše.“

Web či aplikace je jako lidské tělo

„UI bez UX je jako tělo bez duše.“

Proč si připlatit za kvalitní UX a UI?

Proč si připlatit za kvalitní UX a UI?

Určitě nečekáte od podezřele laciného džusu kvalitu bez chemie.
A tak je to i s dobře udělaným produktem a službou.
Sáhnete po náhražkách nebo poctivosti?