Figmaster – E-shop design od A do Z

UX výzkum

• Design Brief

  Nezačínej design bez jasného cíle! Ukážeme si, jak definovat zadání, aby se projekt nerozpadl a měl jasnou vizi.

• Analýza uživatelů

  Jak zjistit, co uživatelé skutečně chtějí? Naučíš se sbírat relevantní data a správně je interpretovat, aby design odpovídal reálným potřebám lidí.

• Uživatelská persona

  Vymyslíme si pár „virtuálních“ uživatelů, kteří ti pomohou pochopit, jak lidé přemýšlejí. Díky tomu budeš vědět, pro koho vlastně designuješ.

Prototyping a tok uživatele

• Navigační design

  Naučíš se vytvářet intuitivní navigaci, která uživatele povede správným směrem. Už žádné ztrácení na webu!

• Informační architektura

  Zjistíš, jak strukturovat obsah tak, aby byl přehledný a logický. Uživatelé se na webu snadno zorientují a rychle najdou, co hledají.

• Tok uživatele

  Pochopíš, jak uživatelé přemýšlí a jak jim usnadnit cestu k cíli. Naučíš se vytvářet plynulé a přirozené uživatelské zážitky.

• Wireframes vol.1 - Prezentační stránky

  Osvojíš si základy tvorby wireframů a naučíš se, jak efektivně vizualizovat strukturu pro vybrané stránky:

  • Hlavní stránka
  • Kategorie produktů
  • Detail produktu
• Wireframes vol.2 - Nákupní košík a pokladna

  V této lekci se zaměříme na návrh nákupního procesu e-shopu — nákupního košíku a pokladny. Naučíš se, jak vytvořit funkční a přehledné wireframy, které zlepší uživatelskou zkušenost při dokončení nákupu.

Příprava designu

• Obrázky / grafika

  Naučíš se vybírat a upravovat obrázky tak, aby podporovaly tvůj design a neodváděly pozornost. Ukážeme si, jak správně pracovat s grafikou v rozhraní.

• Barvy

  Co o produktu řekne jeho barevnost? Pochopíš, jak kombinovat barvy tak, aby byly nejen estetické, ale i funkční a podporovaly čitelnost a uživatelskou zkušenost.

• Typografie

  Naučíš se, jak vybrat správné písmo a jak s ním pracovat, aby bylo dobře čitelné na různých zařízeních. Už žádné nevhodné fonty!

Design systém

• Design systém

  Naučíš se sestavit efektivní designový systém, který ti pomůže udržet konzistenci napříč celým produktem.

• Návrhy designu / Responsive

  Zjistíš, jak správně používat design principy a navrhovat e-shopy, které bude vypadat skvěle na jakémkoli zařízení.

• Tlačítka

  Tlačítka jsou klíčovým prvkem interakce – naučíš se je navrhovat tak, aby byla jasná, funkční a vizuálně přitažlivá.

• Tokeny

  Zjistíš, jak vytvářet designové tokeny, které ti pomohou udržet konzistenci a usnadní implementaci designu v kódu.

Soft-skills dovednosti

• Přístupnost v HTML

  UX musí být pro každého – i pro lidi se zrakovým nebo pohybovým omezením. Ukážeme si, jak navrhovat rozhraní, která budou skutečně inkluzivní.

• Použitelnost

  Jak poznáš, že tvůj design funguje? Naučíš se metody testování použitelnosti a triky, jak zlepšit uživatelský zážitek na základě zpětné vazby.

• Export souborů, spolupráce s programátorem

  Nestačí být skvělý UX/UI designér – musíš to umět i prodat. Ukážeme si, jak vytvořit poutavé CV a optimalizovat LinkedIn profil, aby tě firmy našly samy.