Uživatelské hláškyMartin Štekl

@stekycz30. 11. 2013

O čem mluvím?● Flash messages?● Notifikace?● Výjimky?● Chybové stránky?

Error message

Error message

Error message

Warning message

Warning message

Success message

Success message

Success message

Info message

Info message

● Upozornění na narozeniny na Facebooku

● Notifikační menu● SMS● Email

Notifikace

Jak psát hlášky?● Úspěch v rodu činném

○ Úspěšně jste odeslal objednávku, za kterou Vám připisujeme 5 kreditů.

● Chyba v rodu trpném○ Nastala závažná systémová chyba, ale usilovně

pracujeme na její nápravě.

Jak nepsat hlášky?● Nikdy během programování● Vždy potřeba znát přesný kontext● Personalizace● Žádné textové zprávy z výjimek!

Hlášky v Nette● Flash Message● Nette\Application\UI\Control● $control->flashMessage($message, $type)● Neposílat hlášky rodičovi!● Vykreslovat v rámci komponenty

Jak hlášky zobrazovat?● Jednotně v rámci systému● Maximálně 1 řádek● Blok zpráv dostatečně velký

○ Celá šířka stránky○ Horní část komponenty/stránky○ Zobrazovat i po AJAXovém požadavku!

● Formátování - tučné, kurzíva, odkaz

Kdy hlášku nezobrazovat?● Když už je vypsaná● Když to nedává smysl● Když o to uživatel nestojí● Když není místo?

Systémová chyba

Systémová chyba

Systémová chyba● Výjimka● trigger_error● HTTP status

Systémová chyba

Systémová chyba

Laděnka

Laděnka

Jak psát výjimky?● Dostatečně jasný typ výjimky● Vysvětlující message pro vývojáře● Escape proměnných

Jak nepsat výjimky?● Nikdy během programování● Jako pro běžného uživatele● Název třídy výjimky

Zajímavé odkazy● Voice & Tone (voiceandtone.com)● Good UI (www.goodui.org)● Intro.js (usablica.github.io/intro.js/)● FamFamFam (www.famfamfam.

com/lab/icons/)● Fugue (p.yusukekamiyamane.com)● Twitter Bootstrap (getbootstrap.com)

Důležité body● Kdo je uživatelem?● Jak bude systém používat?● O čem musí vědět a o čem ne?● Přiznávat se k úspěchům● Navigovat uživatele k vyřešení chyby● Udržovat hlášky konzistentní napříč celým

systémem

Děkuji za pozornost