Společný design systém pro služby a aplikace PNG

Novinky

Stav přípravy

Design systém PNG je ve fázi přípravy. Dnes existují jen interní alfa verze, na kterých ověřujeme principy a použitelnost na testovacích aplikacích. Vývoj povede společnost Cognito, vybraná ve veřejné zakázce.

Proč design systém

Knihovny navrhují pro weby a aplikace dnes často stejné prvky znovu a každá po svém. Uživatel to na výsledku většinou nepozná, ale stojí to čas a peníze. Design systém jim dá společný základ: ověřené použitelné komponenty, pravidla pro jejich použití a přístupnost. Nové služby tak vzniknou rychleji a levněji a lidé se v nich budou orientovat lépe. Každá instituce si přitom může ponechat vlastní vizuální identitu.

Kde jej budeme používat

Přednost dostanou služby, které používá nejvíc lidí, jsou důležité pro provoz a design systém v nich jde relativně jednoduše technicky nasadit. Mezi první kandidáty patří:

  • Získej
  • Moodle CARDS s povinnými školeními pro zaměstnance a některé čtenáře
  • Kramerius NTK
  • několik webů PNG, některé na vlastním redakčním systému, jiné na WordPressu
  • Aplikace Rezervace v NTK (pro místnosti a dílnu)
  • chystaná Aplikace pro registrace čtenářů

Přehled členských institucí najdete na stránce Co je Platforma nové generace. Pořadí nasazení se řídí potřebami, možnostmi a kapacitami rozvoje jednotlivých služeb, ne pořadím institucí ve vlnách PNG.

Chcete vědět, jestli design systém půjde použít i ve vaší aplikaci nebo na vašem webu? Napište nám.

Na čem stavíme

  • Whitelabel. Výchozí téma bez značky, na kterém vznikají témata jednotlivých značek.
    • Produkt typu white-label je výrobek nebo služba vytvořená jednou společností, kterou jiné společnosti opatří vlastní značkou (…). Název vychází z představy bílého štítku na obalu, který lze doplnit o vizuální prvky a označení daného prodejce. Adaptováno z Wikipedie
  • Vaše značky. V první verzi, kromě whitelabel, přidáme značky NTK a PNG. Chcete přidat i značku vaší instituce? Rádi pomůžeme.
  • Přístupnost. Cílem je soulad s WCAG 2.2 na úrovni AA a se zákonem č. 99/2019 Sb., o přístupnosti internetových stránek a mobilních aplikací.
  • Design systém gov.cz. Vycházíme z Design systému gov.cz. Přebíráme z něj to, co se pro PNG hodí, a přizpůsobujeme to potřebám knihoven.
  • Nezávislost na technologii. Komponenty stavíme na otevřených webových standardech, aby je šlo použít v aplikacích napsaných v různých technologiích.
Jak design systém PNG funguje Design systém PNG obsahuje komponenty, pravidla a přístupnost. Z něj vychází výchozí téma whitelabel a témata značek PNG, NTK a dalších. Tato témata používají aplikace a weby PNG: Získej, Moodle CARDS, Kramerius, weby PNG, Rezervace v NTK, Registrace čtenářů a další. Design systém PNG komponenty · pravidla · přístupnost Whitelabelvýchozí téma PNGznačka NTKznačka …vaše značka? Aplikace a weby PNG Získej · Moodle CARDS · Kramerius · weby PNG Rezervace v NTK · Registrace čtenářů · …

Jak se bude rozvíjet

Design systém je součástí PNG a bude se rozvíjet ve spolupráci s členskými institucemi. O podstatných změnách a hlavních milnících vývoje budeme informovat.

Dokumentace

Podrobnou dokumentaci pro designéry a vývojáře připravujeme na samostatném webu. Až bude hotová, oznámíme to v novinkách.

Časté otázky

Můžeme design systém použít i u nás?

Zatím je ve fázi přípravy. Napište nám, jakou aplikaci nebo web máte na mysli, a společně posoudíme, jestli a jak to půjde. Cílem je podporovat weby i aplikace, včetně mobilních, postavené na standardních otevřených frontendových technologiích.

Musíme se vzdát vlastního vzhledu?

Ne. Na výchozím tématu whitelabel může vzniknout téma vaší značky s vašimi barvami, písmem a logem. Pokud už máte připravené design tokeny nebo používáte jiný design systém, máte polovinu práce hotovou.

Kdo se o design systém postará po roce 2028?

Design systém je součástí PNG. Po skončení projektu jej převezme servisní centrum PNG a chceme jej dál rozvíjet společně s institucemi, podobně jako otevřený software.

Kontakty

Máte otázky k design systému, nebo byste chtěli spolupracovat? Požadavky a náměty nejlépe zadejte v Redmine servisního centra, nebo se nám ozvěte e-mailem.

Ján Dugovič · Tereza Vašková · David Netušil · Petra Kubálková
Tým design systému ve 46. oddělení NTK – Servisní centrum PNG
jan.dugovic@techlib.cz

Přejít nahoru