Redesign webu není jen výměna barev, fotografie nebo úvodní stránky. Je to příležitost znovu promyslet, co návštěvníci potřebují, jak se dostanou k důležitým informacím a zda lze web snadno spravovat i po spuštění. Bez přípravy může nový vzhled přinést ztracené texty, nefunkční odkazy nebo pokles návštěvnosti z vyhledávání. Dobře naplánovaný projekt začíná cíli a obsahem, pokračuje návrhem a testováním a nekončí samotným zveřejněním.
Následující postup pomůže firmě, škole i veřejné organizaci připravit změnu srozumitelně. Nemusíte hned na začátku znát technologii ani mít finální design. Důležité je rozhodovat se podle potřeb lidí, kteří web používají, a zachovat informace a funkce, na kterých služba stojí.
1. Ujasněte si důvod a konkrétní cíle
Než začnete vybírat barvy nebo dodavatele, popište, proč změnu potřebujete. Je současný web obtížné používat na telefonu? Návštěvníci nenacházejí důležité služby? Obsah se spravuje složitě nebo je závislý na zastaralém systému? Každý důvod si spojte s konkrétním výsledkem, který chcete zlepšit. Například zjednodušit cestu ke kontaktním údajům, zkrátit publikování aktualit nebo sjednotit informace, které se dnes nacházejí na několika místech.
Vyberte několik ukazatelů, které budou změnu sledovat: dokončení formuláře, počet relevantních poptávek, používání vyhledávání na webu, čas potřebný k publikaci nebo podíl návštěv, které najdou hledanou stránku. Zaznamenejte jejich současný stav, pokud jsou data dostupná. Cíle nemusí být pouze číselné; může jít také o schválený seznam funkcí nebo jasnou odpovědnost za obsah. Konkrétní zadání pomůže rozlišit nezbytné požadavky od nápadů, které projekt zbytečně rozšiřují.
2. Poznejte návštěvníky a jejich úkoly
Web často obsluhuje několik skupin lidí s odlišnými potřebami. Zájemce o službu hledá postup a cenu, stávající zákazník potřebuje podporu a uchazeč o práci se chce rychle dostat k nabídce pozic. Sepište hlavní skupiny a jejich nejdůležitější úkoly. Projděte si dotazy, které lidé posílají e-mailem nebo telefonují, a všimněte si, kde se opakují nejasnosti. Pokud můžete, krátce se zeptejte skutečných uživatelů, co na webu hledali a co jim bránilo pokračovat.
Analytická data mohou napovědět, které stránky lidé navštěvují nebo kde odcházejí, sama však nevysvětlí důvod jejich chování. Spojte čísla s rozhovory, pozorováním nebo zpětnou vazbou. Vyhněte se návrhu založenému jen na vkusu interního týmu. Návštěvníci většinou nepřicházejí obdivovat animaci; chtějí vyřešit úkol, najít odpověď nebo kontaktovat organizaci. Když znáte jejich záměr, snáze rozhodnete, co má být na úvodní stránce a co patří do podrobnějších částí.
3. Udělejte inventuru současného obsahu
Před psaním nových textů sestavte seznam stávajících adres a důležitých souborů. U každé stránky poznamenejte, komu slouží, zda je aktuální, kdo za ni odpovídá a jaké má návštěvy nebo odkazy, pokud tyto údaje sledujete. Pak rozhodněte, zda obsah zachovat, upravit, spojit s jinou stránkou, nebo odstranit. Nepřebírejte všechno automaticky: staré informace mohou mást. Zároveň nemažte obsah jen proto, že je na webu dlouho; může přivádět návštěvníky nebo odpovídat na časté otázky.
Prověřte také fotografie, přílohy, cizojazyčné verze, formuláře, odkazy na dokumenty a stránky, které nejsou v hlavním menu. U každé důležité položky určete vlastníka, který potvrdí její správnost. Pomůže jednoduchá tabulka se sloupci „ponechat“, „upravit“, „sloučit“ a „odstranit“. Tento krok snižuje riziko, že při převodu zmizí smluvní dokument, kontaktní informace nebo obsah důležitý pro zákazníky. Inventura navíc odhalí témata, která se opakují a mohou být sloučena do přehlednějšího vysvětlení.
4. Navrhněte strukturu podle toho, co lidé hledají
Vytvořte strom stránek a pojmenujte hlavní kategorie jazykem návštěvníků. Interní názvy oddělení nemusí být pro veřejnost srozumitelné. Menu by mělo nabídnout několik jasných cest, ne kompletní organizační schéma firmy. U každé stránky určete její hlavní účel a další krok: přečíst pokyny, stáhnout dokument, vyplnit žádost nebo kontaktovat tým. Pokud se uživatel musí pro důležitou informaci vracet do menu a procházet několik podobných kategorií, strukturu zjednodušte.
Než stránku pojmenujete nebo přesunete, ověřte její vztah k ostatním částem webu. Jedna služba může potřebovat krátké shrnutí v přehledu a detailní stránku s podmínkami. Blogové články zase mohou vysvětlovat konkrétní otázky a odkazovat na příslušnou službu. Nakreslete několik typických cest návštěvníka od vstupu až po splněný úkol. Strukturu můžete ověřit jednoduchým testem: požádejte někoho, kdo web dobře nezná, aby našel konkrétní informaci pouze podle názvů kategorií.
5. Počítejte s přístupností už při návrhu
Přístupnost není závěrečný technický doplněk. Ovlivňuje pořadí obsahu, barvy, velikost textu, interakce, formuláře i způsob, jakým se uživatel dozví o chybě. Zkontrolujte, zda jsou nadpisy v logickém pořadí, odkazy mají smysluplné popisky a důležité informace nejsou sdělené pouze barvou nebo obrázkem. Text by měl zůstat čitelný při zvětšení a rozhraní ovladatelné klávesnicí. U fotografií rozhodněte, zda nesou význam; pokud ano, napište stručný alternativní popis.
Testujte skutečné stránky v běžných situacích, nejen barevné vzorníky a návrhové obrázky. Projděte menu, formuláře a dialogy klávesnicí, otevřete web na menším displeji a ověřte, že uživatel neztratí kontext. Přístupnější rozhraní pomáhá lidem s trvalým či dočasným omezením, ale prospívá také při slabém připojení, únavě nebo používání telefonu jednou rukou. Když tým přístupnost řeší průběžně, opravy se plánují snáz než při hledání problémů těsně před spuštěním.
6. Připravte obsah dříve, než začne finální naplňování
Každá stránka by měla mít jasný hlavní nadpis, krátké vysvětlení a obsah, který návštěvník potřebuje k rozhodnutí. Texty pište pro čtenáře, nikoli podle interního názvosloví. Začněte nejdůležitější informací a složitější postup rozdělte do kroků, seznamů nebo otázek a odpovědí. Uveďte podmínky, odpovědnosti a další postup tak, aby člověk nemusel hádat, co udělat. Pokud je informace nejasná, požádejte odborníka v organizaci o kontrolu místo toho, abyste její význam domýšleli.
Určete také, kdo obsah připraví, kdo jej věcně schválí a kdo ho bude aktualizovat po spuštění. Bez odpovědného vlastníka se i kvalitní text může rychle stát zastaralým. Zvažte, zda redakční systém umožní editorům bezpečně upravovat běžné stránky bez zásahu vývojáře a zda existují jednoduchá pravidla pro titulky, odkazy, fotografie a dokumenty. Při přenosu neponechávejte v textech pracovní poznámky, skrytý zkušební obsah ani odkazy do neveřejného prostředí.
7. Chraňte návštěvnost a návaznost starých adres
Při změně struktury se některé adresy mohou změnit. Nejdřív se pokuste zachovat důležité adresy, pokud to nová architektura dovoluje. Pro každou starou URL, kterou přesunete nebo odstraníte, stanovte odpovídající cíl. Přesměrování má vést na stránku se stejným nebo nejbližším smyslem, ne automaticky na úvodní stránku. Staré adresy mohou být uložené v záložkách, odkazech partnerů, e-mailech nebo výsledcích vyhledávání; jejich bezhlavé zrušení vede k chybám a ztrátě užitečné cesty.
U důležitých stránek zkontrolujte také název výsledku ve vyhledávači, popis, interní odkazy, kanonickou adresu a případné jazykové varianty. Po spuštění projděte mapu webu a ověřte, že obsahuje správné nové adresy. Změny vyhledávací viditelnosti mohou potřebovat čas, proto si předem zaznamenejte výchozí stav a sledujte výsledky po spuštění. Pokud provoz webu stojí na organickém vyhledávání, zahrňte do projektu osobu, která rozumí SEO, ještě při plánování struktury, ne až po zveřejnění.
8. Vyberte technologii podle budoucí správy
Technologie má odpovídat rozsahu projektu, funkcím, bezpečnostním potřebám a schopnostem týmu. Zvažte, jak se budou vytvářet články, spravovat dokumenty, měnit nabídka služeb, propojovat formuláře a řešit přístupová práva. U webu s více redaktory si ujasněte, kdo smí připravit koncept, kdo obsah schvaluje a kdo jej publikuje. Pokud systém obsahuje integrace nebo vlastní aplikace, sepište, jaká data mezi nimi přecházejí a jak se zachová provoz při poruše jedné části.
Nesrovnávejte nabídky pouze podle počtu funkcí nebo ceny prvního vývoje. Ptejte se také na pravidelné aktualizace, zálohování, přenositelnost obsahu, podporu a náklady na změny. Požádejte o ukázku práce redaktora, který bude systém používat každý týden. Rozhraní může na prezentaci působit jednoduše, ale skutečná správa odhalí, zda jsou typy stránek a oprávnění dobře promyšlené. Firma Blue.point Solutions popisuje oblasti vývoje webů a aplikací na stránce Naše služby; konkrétní řešení se vždy odvíjí od požadavků projektu.
9. Připravte testovací verzi a ověřte reálné scénáře
Před veřejným spuštěním vytvořte prostředí, kde lze nový web projít bez zásahu do živého provozu. Zkontrolujte hlavní stránky na počítači i telefonu, interní a externí odkazy, formuláře, vyhledávání, stahování souborů a chování chybových stavů. Ověřte, že tlačítka vedou tam, kam slibují, že potvrzení formuláře skutečně dorazí a že soubory lze otevřít. Zkontrolujte také pravopis, diakritiku, obrázky, jejich alternativní texty a čitelnost při zvětšení.
Testování plánujte podle úkolů, ne podle toho, jak web vypadá v jedné ukázkové části. Dejte člověku například úkol najít podmínky služby, stáhnout dokument nebo poslat dotaz. Pozorujte, kde váhá a zda dokáže dokončit cestu bez nápovědy. Projděte stránky také klávesnicí a s běžnými nástroji pro kontrolu přístupnosti. Předem si sepište, co musí být opraveno před spuštěním a co lze bezpečně naplánovat později. Tím tým nerozptýlí drobnosti, zatímco zůstávají nevyřešené důležité závady.
10. Naplánujte spuštění jako samostatný krok
Spuštění vyžaduje jasný seznam úkolů, termín a odpovědné osoby. Určete, kdo ověří poslední verzi obsahu, kdo přepne doménu, kdo sleduje formuláře a kdo odpoví na případné hlášení. Před změnou uchovejte potřebné zálohy a seznam přesměrování; připravte i postup, jak se vrátit k předchozí verzi, pokud se objeví závažný problém. Neplánujte změnu na chvíli, kdy nikdo není k dispozici pro kontrolu nebo když organizace nemůže řešit případný výpadek.
Bezprostředně po zveřejnění projděte nejdůležitější adresy v běžném prohlížeči, ne jen v testovacím prostředí. Zkontrolujte, zda doména míří na správný web, certifikát funguje a stránky se načítají. Odešlete zkušební formulář podle dohodnutého postupu, ověřte odkazy a přesměrování a prohlédněte chybovou stránku. Krátký kontrolní seznam s konkrétními jmény zamezí tomu, aby každý předpokládal, že vše ověřuje někdo jiný.
11. Po spuštění sledujte, učte se a pravidelně pečujte
První týdny berte jako fázi pozorování. Sledujte chyby, chybějící stránky, zprávy z formulářů, hledané výrazy a nejčastější dotazy. Porovnejte je s výchozím stavem, ale jednotlivé změny vyhodnocujte opatrně; krátkodobý výkyv nemusí znamenat trvalý problém. U přesměrování kontrolujte, zda navazují na vhodný obsah, a opravujte odkazy, které stále ukazují na staré adresy. Pokud některý úkol návštěvníci nedokončují, projděte jeho postup a požádejte uživatele o zpětnou vazbu.
Domluvte si pravidelnou kontrolu obsahu, aktualizací, oprávnění a záloh. Přístupová práva odebírejte nebo upravujte podle skutečných rolí redaktorů a zaznamenávejte, kdo za důležité části odpovídá. Uchovávejte návody pro časté úkony, aby péče o web nezůstala závislá na jednom člověku. Redesign není jednorázová událost, ale začátek dalšího provozu. Tým, který průběžně upravuje obsah a řeší drobná zlepšení, má větší šanci, že web zůstane užitečný i po letech.
Kontrolní seznam před redesignem
Před zahájením projektu si odpovězte na několik otázek: Víme, proč změnu potřebujeme a jak poznáme její přínos? Rozumíme hlavním úkolům návštěvníků? Máme seznam současných stránek a vlastníků obsahu? Je navržená struktura srozumitelná lidem mimo organizaci? Víme, které adresy zachováme a kam povedou ty přesunuté? Je určená technologie, odpovědnost za správu a postup testování? Jsou před spuštěním připravené zálohy, přesměrování a plán kontroly?
Nemusíte mít každou odpověď dokončenou dříve, než začnete mluvit s dodavatelem. Potřebujete však vědět, které otázky jsou otevřené a kdo je pomůže rozhodnout. Rozdělte projekt na fáze, začněte nejdůležitějšími cestami a ověřujte předpoklady průběžně. Pokud potřebujete poradit s webovým projektem nebo specializovanou aplikací, podívejte se na přehled služeb blue.point Solutions nebo využijte stránku Kontakt. Dobře připravený redesign chrání obsah, usnadňuje každodenní práci a dává návštěvníkům jasnější cestu k tomu, co hledají.
