Méně textu, víc aktivací: redesign stránky o vícefaktorovém ověření

Klient	Masarykova univerzita — IT MUNI, stránka o vícefaktorovém ověření v Jednotném přihlášení MUNI
Moje role	designér — analýza původní stránky, návrh struktury, obsahu a rozhraní, prototyp
Zadání	zvýšit adopci vícefaktorového ověření (MFA)
Rozsah	1 den, interaktivní prototyp pro interní potřeby univerzity
Původní stránka	IT MUNI — Vícefaktorové ověření
Výstup	prototyp redesignu stránky ve stylu webu IT MUNI — otevřít prototyp

Zadání

Cíl byl jednoduchý: aby víc lidí na univerzitě vícefaktorové ověření skutečně aktivovalo. Stránka, která to má lidem vysvětlit a provést nastavením, přitom stála v cestě sama sobě.

Problém

Původní stránka je referenční dokumentace. Obsahuje přes tisíc slov a v jednom toku míchá zhruba osm témat: nastavení kódů (TOTP), Windows Hello, telefon jako další zařízení, macOS, Linux, ztrátu zařízení, známý problém s Microsoft Teams a podporu. Správné řešení pro konkrétního člověka je schované mezi tím, co se ho netýká.

Největší potíž byla orientace. Kdo přišel s jednou otázkou — „jak si to zapnu?“ — musel nejdřív zjistit, která část textu je pro něj. Důležité instrukce navíc místy žily jen ve videích a obrázcích a stejná věc se v textu jmenovala třikrát jinak („ověřovací kódy“, „přihlašovací kódy“, „TOTP“). U služby, kterou si člověk zapíná dobrovolně a nejlépe co nejrychleji, je to riziko: kdo se při prvním pohledu ztratí, MFA neaktivuje.

Rozhodnutí

Hlavní rozhodnutí vedlo všechno ostatní: snížit kognitivní zátěž redukcí textu. Neptal jsem se, co všechno stránka umí říct, ale kolik z toho člověk potřebuje, aby udělal první krok.

• Začít přínosem, ne popisem. Úvod říká „Vaše data na MUNI jsou v bezpečí. S vícefaktorovým ověřením.“ a nabízí dvě akce: Chci si aktivovat MFA a Jak to funguje? Člověk hned ví, co z toho má a co může udělat.
• Proč MFA, ve třech větách. Tři karty (STOP phishingu, Ochrana soukromí, Standard moderní univerzity) s jednou větou každá nahrazují vysvětlování pojmů.
• Nastavení jako krátká cesta. Čtyři kroky (Přihlášení, Volba metody, Nastavení, Dokončení) s indikátorem „Krok 1 z 4“ a jednou větou na krok. Záložky pro Windows, macOS a Linux zůstaly, aby se člověk dostal rovnou ke své platformě.
• Návody podle situace. Místo dlouhého seznamu odkazů filtr: Jak nastavit MFA, Přihlášení na zařízeních, Ztráta zařízení, Časté dotazy.
• Pomoc na konci. Kontakty na podporu jsou ve třech jasných kartách, ne rozptýlené v textu.

Omezení: pracoval jsem uvnitř existující identity

Nevymýšlel jsem nový vzhled. Použil jsem dostupné assety MU, jednotný vizuální styl, existující komponenty i tonalitu textu. Prototyp proto vypadá jako součást webu IT MUNI: hlavička, navigace, patička, chat i oranžový proužek s aktuální výstrahou zůstaly. Změnila se struktura a množství textu, ne identita. Díky tomu je redesign realistický a dá se zavést bez nového designového systému.

Co jsem vědomě obětoval

Kratší text znamená méně detailů. V hlavním toku se už neobjevují TOTP, Windows Hello ani záložní kódy a krok „Nastavení“ odkazuje na instrukce na obrazovce. Je to záměrná výměna: základní cesta je přehledná a hloubku si může vyžádat ten, kdo ji potřebuje (alternativní metody, ztráta zařízení, časté dotazy). Prototyp ale tuto hloubku zatím neukazuje celou a bylo by třeba ověřit, kde je hranice, za kterou zkrácený text začne lidi mást.

Co bych příště udělal jinak

Tento redesign je hypotéza, ne doložený výsledek. Zadání znělo zvýšit adopci, ale prototyp jsem netestoval s uživateli a nemám výchozí čísla, takže netvrdím, že adopci zvýšil. Jeden den stačil na to, aby vznikl srozumitelný návrh, ne na jeho ověření.

Příště bych začal měřením a skončil testem:

• zjistil bych výchozí stav adopce a kde lidé při nastavování odpadají,
• krátký test s několika lidmi z cílové skupiny (studenti, zaměstnanci) na úkolu „aktivujte si MFA“, kde bych porovnal původní a nový návrh,
• a výslovně bych ověřil, jestli zkrácené kroky nechybí lidem právě tam, kde jsem detaily vynechal.