Vývojáři webů pro veřejnou správu získali k dispozici nový designový systém. Jde už o verzi 4.0 a podle tvůrce systému – Digitální a informační agentury (DIA) – by měla nová verze zrychlit tvorbu designu a vývoj webových stránek. Aby DIA ukázala, co její design systém umí, nasadila ho na web edoklady.gov.cz.
Vývojáři veřejné správy, zbystřete, nový Design systém 4.0 je tu! 👩🏻💻
— Digitální a informační agentura – DIA (@agentura_dia) November 10, 2023
Zásadní novinkou je usnadnění integrace Design systému jako takového. Ve verzi 4.0 najdete zcela předělané webové komponenty, které nyní bude mnohem lehčí začlenit do nejpoužívanějších frontenďáckých frameworků… pic.twitter.com/ozVpQHctoD
Podle mluvčí DIA Anny-Marie Lichtenbergové je použití nového designu povinné pro projekty, které podléhají schválení Odboru hlavního architekta. „Povinnými subjekty tak jsou ministerstva a další ústřední orgány státní správy a organizační složky státu jim podřízené,“ vyjmenovává mluvčí.
Není přitom nezbytné předělávat všechny weby a hned. „S implementací design systému se počítá u nových projektů. Zároveň se dá spojit s architektonickou úpravou stávajícího webu. Pokud tyto změny nejsou v plánu, design systém není potřeba nově zavádět,“ vysvětluje Lichtenbergová.
Jednotné písmo a čitelné kombinace barev
Závazný manuál například zavádí jednotný font. Všechny státní weby tak musejí používat pět různých řezů písma Roboto a jiné fonty jsou zakázané. Odkaz z manuálu, který má typografii vysvětlovat, však vrací chybovou stránku 404…
DIA tvrdí, že jednotný design systém je důležitý kvůli rozložení stránek a funkčnímu chování pro uživatele. Ti tak vědí, že menu na všech státních webech vypadá stejně, když se potřebují na někoho obrátit, hledají kontakt v patičce stránky apod. „Co se týče například barev nebo vizuální identity jednotlivých rezortů, je podporováno, aby si jednotlivé úřady stránky modifikovaly podle své primární barvy. Třeba Česká správa sociálního zabezpečení má tmavě zelenou barvu místo naší tmavě modré. Je naprosto v pořádku, že i na webu použije svoji barvu,“ upřesňuje mluvčí.
Příliš volnosti ale vývojáři ani v tomto ohledu čekat nemohou. Design systém přikazuje, že vztahy mezi nastavenými barvami se nesmějí významně změnit. Posuzuje se přitom poměr, kontrast a sytost barev. Důležité přitom je, aby zvolené barvy splňovaly nároky Web Content Accessibility Guidelines (WCAG 2.1), které zaručují dostatečnou čitelnost a použitelnost webu i pro handicapované uživatele.
Striktní přiškrcení mezí barevné kreativity tvůrců oceňuje Ondřej Žáček ze studia Mountain Lift, které se návrhy webů a jejich vývojem zabývá. „Důležitá je implementace podpory pro tmavý a světlý režim, stejně jako rozlišení důrazu jednotlivých prvků. Kontrastní poměry barev v souladu s WCAG zajišťuje přístupnost, což by v dnešní době mělo být normou nejen u státní správy,“ chválí nový manuál.
Výhrady ale má k některým komponentům, které jsou nedostatečně propracované nebo neúplné. „Při zkoumání dropdown menu je zjevné, že některé instance nejsou dobře vypracované, přičemž stav ověření je zastoupen pouze statickým obrázkem JPG,“ doplňuje Žáček. Celkově ale podle něj představuje designový systém krok směrem k modernizaci, zajištění jednotného vzhledu a kvality digitálního prostředí.
I ze sebelepší stavebnice lze sestavit šílenost
Webdesigner Martin Kopta ze studia Two Diamonds, které se věnuje oblastem uživatelského výzkumu, testování použitelnosti a návrhu konceptů, vyzdvihuje na novém designovém systému kvalitnější dokumentaci. „Díky ní je větší pravděpodobnost, že design systém státní správy budou implementovat i jiné organizace než přímo DIA,“ říká a vítá při tom, že státní design systém přešel pod tuto agenturu.
„Tím se z něj stal plnohodnotný produkt s vlastní governance a roadmapou,“ vyzdvihuje pozitivní posun s tím, že jako u každého jiného softwaru i u design systému se budou po vydání nové verze objevovat různé chyby. „Design systém ale má živý vývoj, už teď je v balíčkovacím systému verze 4.0.4, a proto věřím, že ho tým DIA rychle odladí,“ dodává.
Manuál má podle Kopty přispět k lepší orientaci na webech státní správy už tím, že vzhled sjednotí. „Víc ale od něj nemůžeme čekat. Design systém je stavebnice a i ze stavebnice lze postavit šílenost,“ vysvětluje příměrem. I současné informační systémy jsou postavené ze stavebnic, protože každá softwarová firma má nějaký svůj framework nebo knihovnu.
Webdesignér Jakub Goldmann přitom říká, že jsou to stavebnice, které vám jejich vývojáři ale nepůjčí. „Pro správu a rozvoj webů státní správy to znamená, že bude snazší udržovat je aktuální po softwarové stránce,“ vyjmenovává výhody jednotné linky Kopta a pokračuje: „Pro úředníky může být příjemnější, že když si jednou zvyknou na styl státního design systému, budou se lépe orientovat na každém dalším webu, který bude na něm postavený.“
Omezení pestrosti není na škodu
Že si ministerské weby budou podobné a zmizí z nich rozmanitost, podle Kopty ničemu nevadí. Pestrost je prý drahá na vývoj i na údržbu. „Těžko najdete tolik špičkových designérů a vývojářů, kteří chtějí pracovat pro stát, aby každý úřad mohl mít špičkový web,“ říká. Jednotnost podle něj nemusí nutně znamenat jednotvárnost. „Šel bych ještě dál. Bylo by skvělé, kdyby se i samosprávy mezi sebou dohodly a sdílely jednotný design systém a třeba i softwarové nástroje,“ naznačuje další možné směřování webdesignér.
Oslovení experti se shodují na tom, že aby vynikla pozitiva design systému, je důležité ukázat příklady dobré praxe, třeba s použitím případových studií. Využít by se k tomu dal například vznikající systém eDokladů. „Snad se na něm ale nepodepíší vražedné deadliny, které tento projekt od začátku provázejí,“ doufá Kopta.
- Chcete mít Lupu bez bannerů?
- Chcete dostávat speciální týdenní newsletter o zákulisí českého internetu?
- Chcete mít k dispozici strojové přepisy podcastů?
- Chcete získat slevu 1 000 Kč na jednu z našich konferencí?
Staňte se naším podporovatelem
ČLÁNKY DO MAILU