Stav k 2. 11. 2026 · Travel 0.21.2 · Úraz 0.14.1
Srovnání úrazu 0.14.1 a travelu 0.21.2 a návrh pravidel pro další verze. Výsledky slouží k rozhodnutí o společném designu a přípravě na Ferdu.
Jde o návrhy pro rozhodnutí, nikoli o schválené řešení.
Upravit jednotlivé texty, chyby a nápadné odchylky v nových samostatných verzích.
Přínos: Rychlé snížení rizika zavádějícího modelového potvrzení a drobných UI rozdílů.
Náklady: Každou změnu je třeba udržovat ve dvou rendererech.
Riziko: Další CSS vrstvy a výjimky zvýší drift.
Doporučení: Vhodná první etapa i při volbě B; sama nestačí jako dlouhodobý systém.
Společné významové tokeny, hlavička, fáze a podkroky, Field, Action, Offer, Summary, Dialog a patička; produktové modely zůstávají oddělené.
Přínos: Menší drift vzhledu i chování a jedna přejímací sada pro společné role.
Náklady: Vyžaduje vlastníka komponent, mapu CSS kaskády a migraci po částech.
Riziko: Neověřený společný renderer by mohl změnit validaci a návrat mezi kroky.
Doporučení: Doporučený směr, pouze po schválení; pilotovat malé společné role a měřit regresi v obou produktech.
Jeden router a datový model s produktovými konfiguracemi pro oba srovnávače.
Přínos: Potenciálně jeden runtime a méně duplikace navigační logiky.
Náklady: Velká migrace dat, dokumentů, výpočtů a všech stavových přechodů.
Riziko: Konfigurace skryje podstatně odlišné produktové otázky a rozšíří testovací matici.
Doporučení: Nyní nevolit; nejprve prokázat potřebu sdílet procesní logiku, nejen vzhled.
| Oblast | Doména | Priorita / typ | Úraz | Travel | Návrh cíle | Stav a důkazy |
|---|---|---|---|---|---|---|
Oblast: CMP-01Hlavička | Doména: Layout | Priorita: P3 Již společné | Úraz: Travelová hlavička s úrazovým e-mailem. | Travel: Výchozí hlavička s cestovním e-mailem. | Návrh: Udržovat jednu vizuální roli a produktový kontakt; žádný odkaz na galerii v travelu. | Stav: |
Oblast: CMP-02Hero a produktový příslib | Doména: Obsah + vzhled | Priorita: P2 Sjednotit | Úraz: 48/34 px, váha 600; dvě výhody viditelné i na 375 px. | Travel: 48/34 px, váha 600; na mobilu výhody skryté a před formulářem pozvánka Alexe. | Návrh: Společný hero layout a role textů; produktové sliby a alternativní vstup ponechat. | Stav: |
Oblast: CMP-03Plochy a patička | Doména: Vzhled | Priorita: P3 Již společné | Úraz: Šedá stránka, bílé panely a patička #003B71. | Travel: Stejné základní plochy a patička #003B71. | Návrh: Stabilní tokeny, kontrola všech stavů; modrý footer je uzavřené zadání. | Stav: |
Oblast: CMP-04Malý sekční nadpis | Doména: Vzhled | Priorita: P3 Již společné | Úraz: Červený #F42534 po poslední akcentové vrstvě. | Travel: Stejný červený #F42534 včetně dynamických kroků. | Návrh: Držet samostatnou roli kicker; nesměšovat s cenou ani chybou. | Stav: |
Oblast: CMP-05Hlavní a vedlejší akce | Doména: Interakce | Priorita: P1 Sjednotit | Úraz: Zelené pokračování s bílým textem; navy sekundární akce. | Travel: Stejné role, ale různé stavy hover/fokus. | Návrh: Jeden Action kontrakt včetně disabled důvodu, fokusu a názvu účinku; bílý text zůstává. | Stav: |
Oblast: CMP-06Čtyři fáze a podkroky | Doména: Navigace | Priorita: P2 Sjednotit | Úraz: Čtyři fáze; mobil ukazuje i podkrok typu Úprava nabídky. | Travel: Čtyři fáze; mobil častěji zobrazuje jen fázi 1/4, uvnitř více než jednu obrazovku. | Návrh: Fáze i podkrok mají mít pravdivý název, návrat a uchovaný stav. | Stav: |
Oblast: CMP-07Rozsah prvního formuláře | Doména: Formulář | Priorita: P2 Ponechat produktové | Úraz: Věk, zaměstnání a kontakt; krytí později. | Travel: Destinace, termín, čtyři věkové kategorie, zvířata, storno a doprava před výsledky. | Návrh: Sdílet pravidla pro skupiny a CTA; počet otázek odpovídá výpočtu produktu. | Stav: |
Oblast: CMP-08Pole a čitelnost na mobilu | Doména: Formulář | Priorita: P2 Sjednotit | Úraz: Jméno a věk 16 px/8 px, výška 48 px. | Travel: Jméno 14 px/7 px; datum 12 px/7 px, výška 48 px. | Návrh: Rozhodnout nový společný Field, navržených 16 px/8 px; ověřit nativní datum na telefonu. | Stav: |
Oblast: CMP-09Chybové a podmíněné stavy | Doména: Přístupnost | Priorita: P1 Sjednotit | Úraz: Vlastní `shared/ui.js` vytváří aria-invalid a vazby chyb; profesi lze hledat lokálně. | Travel: `assets/app.js` přesouvá fokus na první chybu; Jiná země otevře povinný select, jeho popis chyby je třeba prověřit. | Návrh: Kontrakt label–hint–error, oprava a návrat fokusu; skryté pole nesmí blokovat. | Stav: |
Oblast: CMP-10Časování kontaktu | Doména: Produktová politika | Priorita: P1 Ověřit | Úraz: E-mail povinný před výběrem krytí, telefon nepovinný. | Travel: Kontakt až po výběru nabídky; telefon povinný. | Návrh: Rozhodnout účel a povinnost podle procesu, ne podle vizuální shody. Model nic neodesílá. | Stav: |
Oblast: CMP-11Volby produktu | Doména: Výpočet + obsah | Priorita: P2 Ponechat produktové | Úraz: Rizika, částky, frekvence placení, případně obmyšlené osoby. | Travel: Země, délka cesty, cestující, zvířata, aktivity a storno. | Návrh: Společné Choice/Counter vzory, produktové číselníky a výpočet nedotýkat. | Stav: |
Oblast: CMP-12AI a přímá cesta | Doména: Průchod | Priorita: P1 Již společné | Úraz: Úrazový model funguje bez živé integrace. | Travel: Travel má Alexe a DNA, ale také klasický formulář a přímou offline mapu rizik. | Návrh: Každá prezentovaná větev musí mít místní/ruční výsledek a pokračování. | Stav: |
Oblast: CMP-13Seznam nabídek | Doména: Nabídky | Priorita: P2 Ponechat produktové | Úraz: Porovnávací tabulka podle rizik a nastavení vybrané pojišťovny. | Travel: 22 modelových variant v trojsloupcové mřížce; mobilní dlouhý sloupec. | Návrh: Společná kostra Offer, ale produktové pořadí, limity a časová jednotka ceny. | Stav: |
Oblast: CMP-14Detail a akce nabídky | Doména: Nabídky + text | Priorita: P1 Sjednotit | Úraz: Vybraná nabídka vede k doladění krytí a placení. | Travel: Výchozí karta má Vybrat; detail obsahuje Sjednat tuto variantu, přesto následují údaje. | Návrh: Výběr označit jako výběr, sjednání neuvádět před skutečným účinkem; detail musí mít podklady. | Stav: |
Oblast: CMP-15Porovnání bez AI | Doména: Nabídky | Priorita: P2 Sjednotit | Úraz: Riziková matice a podklady dávají srovnání bez AI. | Travel: Porovnat vedle sebe je vedle volitelného Alexova vysvětlení. | Návrh: Porovnání nesmí být závislé na AI; disabled stav vysvětluje potřebný výběr 2–3 variant. | Stav: |
Oblast: CMP-16Vybraná společnost a cena | Doména: Nabídky | Priorita: P2 Sjednotit | Úraz: Úraz `checkout-offer-header strong` má cenu modrou rgb(0,59,113). | Travel: Travel `.selected-summary__price` je modrá rgb(0,46,95); cena za celou cestu. | Návrh: Ukázat logo, produkt, cenu s jednotkou, změnu výběru a modelový původ dat. | Stav: |
Oblast: CMP-17Osoby a pojistník | Doména: Formulář | Priorita: P2 Ponechat produktové | Úraz: Jeden pojištěný, případně jiný pojistník a další otázky. | Travel: Opakovaní cestující; pojistník může být zároveň cestující. | Návrh: Sdílet pole, validaci a vysvětlení rolí; opakování a podmínky jsou produktové. | Stav: |
Oblast: CMP-18Rekapitulační gramatika | Doména: Rekapitulace | Priorita: P2 Sjednotit | Úraz: Samostatné bílé panely, krátké červené linky pod sekčními titulky. | Travel: Jedna bílá karta, šedé skupiny, delší červené linky. | Návrh: Zvolit společný Summary vzor s produktem specifickými sekcemi a ověřit skenování na mobilu. | Stav: |
Oblast: CMP-19Barva hlavní ceny | Doména: Vzhled | Priorita: P2 Ověřit | Úraz: Rekapitulace `.price-summary > strong` modrá rgb(0,46,95). | Travel: Výsledky/údaje modré, rekapitulace `.recap-product > strong` červená rgb(244,37,52). | Návrh: Výjimku travelové ceny rozhodnout výslovně; červený kicker zůstává uzavřený. | Stav: |
Oblast: CMP-20Dialogy na mobilu | Doména: Dialog | Priorita: P2 Sjednotit | Úraz: Nativní `#detail-dialog` je na 375 px spodní panel; fokus se vrací na kartu. | Travel: Travel `#activity-editor-modal` zůstává středový; jiné detailové dialogy jsou spodní panel. | Návrh: Jednotný dialogový kontrakt; mobilní polohu volit podle délky a úkolu. | Stav: |
Oblast: CMP-21Modelové dokončení | Doména: Pravdivost | Priorita: P1 Sjednotit | Úraz: Konec říká Vše je připravené; explicitní modelovost je v jiných krocích. | Travel: Pojištění je sjednáno, e-mail jsme poslali a GoPay; integrace je vypnutá. | Návrh: Na kritických obrazovkách pojmenovat simulaci a neprohlašovat skutečný právní ani finanční účinek. | Stav: |
Oblast: CMP-22Indexační politika náhledů | Doména: Metadata | Priorita: P2 Ověřit | Úraz: Veřejné HTML nemá noindex ani X-Robots-Tag v ověřené odpovědi. | Travel: HTML má noindex,nofollow; odpověď nemá X-Robots-Tag. | Návrh: Rozhodnout jednotnou politiku prototypů; noindex není řízení přístupu. | Stav: |
Pracovní volby se ukládají pouze v tomto prohlížeči.
Stejná velikost hero, odlišný mobilní obsah a délka prvního zadání.
Jde o produktově různé okamžiky: výběr travel variant a doladění úrazové nabídky.
Společná pole a validace, rozdílný počet osob a produktové podmínky.
Samostatné bílé panely proti jedné kartě se šedými skupinami; travel cena je červenou výjimkou.
Travel zobrazuje formulaci skutečného sjednání, úraz neurčité připravení; oba konce mají říci pravdu o modelu.
CMPFerda.toFerdaDraft; jde o hranici UI, nikoli ověřený request.Chrome lokálně: 124 zaznamenaných kontextů, 8 modelových průchodů (oba produkty × oba starty × 375 / 1440 px), 22 snímků. Jde o vybrané scénáře, ne úplný audit ani test fyzického telefonu, Safari či čtečky.
| Konkrétní příklad | Travel | Úraz | Zdroj |
|---|---|---|---|
| Hero H1 · 375 px | Písmo: 34px Váha: 600 Řádkování: 40.8px Text: rgb(0, 59, 113) | Písmo: 34px Váha: 600 Řádkování: 40.8px Text: rgb(0, 59, 113) | Měření |
| Pracovní H1 u osob · 375 px | Písmo: 26px Váha: 600 Řádkování: 33.8px Text: rgb(0, 59, 113) | Písmo: 26px Váha: 600 Řádkování: 33.8px Text: rgb(0, 59, 113) | Měření |
| Pole: travel datum proti úrazovému věku · 375 px | Selektor: #trip-date-from Písmo: 12px Váha: 400 Radius: 7px Min. výška: 48px Text: rgb(35, 31, 32) Pozadí: rgb(255, 255, 255) | Selektor: #profile-age Písmo: 16px Váha: 400 Radius: 8px Min. výška: 48px Text: rgb(35, 31, 32) Pozadí: rgb(255, 255, 255) | Měření |
| Pole: první osobní údaj · 375 px | Selektor: input. Písmo: 14px Váha: 400 Radius: 7px Min. výška: 48px Text: rgb(35, 31, 32) Pozadí: rgb(255, 255, 255) | Selektor: #person-first Písmo: 16px Váha: 400 Radius: 8px Min. výška: 48px Text: rgb(35, 31, 32) Pozadí: rgb(255, 255, 255) | Měření |
| Úvodní hlavní akce · 375 px | Selektor: button.button.button--primary.button--large.button--full Písmo: 16px Váha: 600 Radius: 8px Min. výška: 54px Text: rgb(255, 255, 255) Pozadí: rgb(0, 181, 59) | Selektor: button.button Písmo: 17px Váha: 600 Radius: 8px Min. výška: 54px Text: rgb(255, 255, 255) Pozadí: rgb(0, 181, 59) | Měření |
| Hero H1 · 1440 px | Písmo: 48px Váha: 600 Řádkování: 57.6px Text: rgb(0, 59, 113) | Písmo: 48px Váha: 600 Řádkování: 55.2px Text: rgb(0, 59, 113) | Měření |
| Pracovní H1 u osob · 1440 px | Písmo: 32px Váha: 600 Řádkování: 41.6px Text: rgb(0, 59, 113) | Písmo: 32px Váha: 600 Řádkování: 41.6px Text: rgb(0, 59, 113) | Měření |
| Pole: travel datum proti úrazovému věku · 1440 px | Selektor: #trip-date-from Písmo: 16px Váha: 400 Radius: 7px Min. výška: 48px Text: rgb(35, 31, 32) Pozadí: rgb(255, 255, 255) | Selektor: #profile-age Písmo: 16px Váha: 400 Radius: 8px Min. výška: 48px Text: rgb(35, 31, 32) Pozadí: rgb(255, 255, 255) | Měření |
| Pole: první osobní údaj · 1440 px | Selektor: input. Písmo: 16px Váha: 400 Radius: 7px Min. výška: 48px Text: rgb(35, 31, 32) Pozadí: rgb(255, 255, 255) | Selektor: #person-first Písmo: 16px Váha: 400 Radius: 8px Min. výška: 48px Text: rgb(35, 31, 32) Pozadí: rgb(255, 255, 255) | Měření |
| Úvodní hlavní akce · 1440 px | Selektor: button.button.button--primary.button--large.button--full Písmo: 16px Váha: 600 Radius: 8px Min. výška: 58px Text: rgb(255, 255, 255) Pozadí: rgb(0, 181, 59) | Selektor: button.button Písmo: 17px Váha: 600 Radius: 8px Min. výška: 54px Text: rgb(255, 255, 255) Pozadí: rgb(0, 181, 59) | Měření |
Příklad datum proti věku srovnává různé typy polí. Strojově čitelný souhrn a podrobná měření.
Úplné nezávislé posudky jsou na stránce Odborníci; pravidla jsou verzovaný snímek.