Pomůcky

online nástroje nebo papír a tužka

Čas

1 hodina a více

Lidé

1−2 kolegové

Náročnost

2 − mock-upy jsou náročnější než wireframy

Použijte, když...

  • máte podklady pro návrh stránek nebo aplikace
  • nechcete rovnou bez testování investovat velké sumy do finální verze produktu

Nehodí se, když…

  • navrhujete fyzický produkt nebo službu (raději zvolte například 3D model nebo storyboard)
  • vám rozpočet neumožní návrh vlastního rozložení stránek (v tom případě vybírejte z hotových šablon dostupných na webu)

Postup

  1. Ujasněte si, zda je cílem modelovat funkčnost nebo vizuální stránku.
  2. Na internetu najdete množství nástrojů a aplikací pro tvorbu wireframů a mock-upů. Vystačíte si ale i s papírem a tužkou.
  3. Při modelování se zaměřte na to, aby váš návrh vycházel z obecných zásad informační architektury, z obsahové strategie projektu i z vašich znalostí o uživatelích.
  4. Model by měl být realistický, aby si díky němu uživatel dokázal představit, jak bude služba nebo produkt vypadat a fungovat ve skutečnosti.
  5. Modely testujte s reálnými uživateli nebo je využijte pro práci v týmu.
  6. Službu nakonec vždy přizpůsobte tomu, jak uživatelé s modely skutečně pracují.

Nezapomeňte, že…

  • začít můžete i s tužkou a papírem
  • není potřeba vše vynalézat znovu a znovu, na internetu najdete spoustu vzorů, které se hodí pro váš účel, můžete se jimi inspirovat
  • dráha očí většiny uživatelů bude při čtení vaší stránky opisovat tvar písmene F nebo Z (tzv. F a Z-pattern)

Zjistěte více

  • kniha Information architecture je klasikou pro všechny webové designéry
  • rychlý návod najdete třeba i v knize A Web for Everyone
  • vyplatí se sledovat i české zdroje a chodit na přednášky webových designérů, podívejte se na kalendář akcí UX asociace

Ve fázi tvorby můžete použít i tyto metody...

Když potřebujete zjistit, zda jsou vaše služby použitelné

Stáhněte si knihu Design služeb v knihovnách

Najdete v ní dopodrobna popsané všechny případové studie a nejen to.

Stáhněte si knihu  

Pořiďte si sadu karet s designovými metodami

Budete mít vždy po ruce nápovědu, jak postupovat
a jaké pomůcky přichystat.

Pořiďte si sadu karet