A belépési folyamat kialakításakor többféle megjelenési minta alkalmazható. A választott megoldás a szolgáltatás felépítéséhez és felhasználói igényeihez igazítható, miközben a folyamat működése változatlan marad. Az alábbi minták ajánlott lehetőségeket mutatnak be, nem kötelező implementációk. A cél, hogy segítséget nyújtsanak a megfelelő megoldás kiválasztásában.
A DÁP azonosítás egységes, minden partnernél azonos működésű folyamat:
- A felhasználó kiválasztja a DÁP mobilalkalmazás opciót.
- A partner elindítja a DÁP azonosítást.
- Megjelenik a központi DÁP felület.
- A felhasználó QR-kóddal azonosít a mobilalkalmazásban.
- Sikeres azonosítás után a felhasználó visszatér a partner felületére.
A belépési folyamat megjelenése szabadon alakítható, azonban az alábbi elemek minden esetben kötelezőek:
- A DÁP mobilalkalmazás gomb használata.
- A gomb szövege: „DÁP mobilalkalmazás”.
- A DÁP logó használata.
- A gomb legyen jól látható, lehetőleg görgetés nélkül elérhető helyen,
- primary vagy secondary CTA-ként. A gomb kizárólag a belépési folyamat indítására szolgál.
A vizuális kialakítás, a layout és az elhelyezés a szolgáltatás arculatához igazítható, azonban a DÁP mobilalkalmazás gombnak jól látható, könnyen elérhető helyen kell megjelennie. A gomb nem helyezhető el rejtett, másodlagos vagy nehezen megtalálható felületeken.
- Az azonosítás minden esetben a központi QR-kódos azonosítási felületen történik.
- A QR-kód megjelenése és működése nem módosítható.
- Saját QR-kód vagy egyedi azonosítási felület nem használható.
- A QR-kódos felület teljes képernyőn, modálban vagy oldalról beúszó panelben is megjelenhet, azonban tartalma minden esetben változatlan marad.
A felhasználónak már az első képernyőn látnia kell a DÁP mobilalkalmazás gombot, lehetőség szerint a viewport felett, további navigáció vagy görgetés nélkül.
A folyamat javasolt felépítése:
- Bejelentkezési felület (DÁP mobilalkalmazás gomb)
- Azonosítás indítása
- QR-kód megjelenítése
- Sikeres azonosítás
- Visszatérés a szolgáltatás felületére
A DÁP mobilalkalmazás gombnak illeszkednie kell a szolgáltatás vizuális rendszeréhez és a bejelentkezési felület hierarchiájához.
A DÁP bejelentkezési gomb patternben meghatározott kötelező elemeket minden esetben meg kell tartani. A gomb megjelenése a szolgáltatás arculatához igazítható, amennyiben ez nem csökkenti a gomb felismerhetőségét és láthatóságát.
- a szolgáltatás színrendszeréhez igazított megjelenés;
- a meglévő CTA-k méretéhez vagy szélességéhez igazított gomb;
- a szolgáltatás gombstílusához illeszkedő kialakítás;
- a login felület layoutjához igazított elhelyezés.
- a DÁP logó elhagyása;
- a kötelező gombszöveg módosítása;
- a gomb vizuális háttérbe szorítása;
- a gomb elrejtése további kattintások vagy navigáció mögé.
Az eltérés különösen olyan felületeken indokolt, ahol a referencia megjelenés jelentősen eltérne a szolgáltatás meglévő bejelentkezési elemeitől.
A DÁP azonosítás különböző login helyzetekben jelenhet meg. Ezek nem külön flow-k, hanem ugyanazon működés eltérő belépési pontjai.
A DÁP gomb a hagyományos bejelentkezési űrlapon jelenik meg, a meglévő mezők és belépési lehetőségek mellett.
Ajánlott, ha egyszerű login oldallal rendelkezik a szolgáltatás, és a cél a gyors, könnyen felismerhető belépési lehetőség biztosítása.
A különböző belépési módok egy listában jelennek meg, ahol a DÁP egy opcióként szerepel a többi lehetőség mellett.
Ajánlott, ha több bejelentkezési mód közül választhat a felhasználó, és minden opció azonos hangsúlyt kap.
A DÁP-os belépés önálló kártyaként jelenik meg, amely kiegészítő információkat vagy rövid leírást is tartalmazhat.
Ajánlott, ha a belépési lehetőség kiemelése vagy rövid kontextus biztosítása szükséges.
A DÁP azonosítás többféle módon jelenhet meg a partner felületén. A választott megjelenítés nem befolyásolhatja a működést: az azonosítás minden esetben a központi DÁP felületen történik.
A partner feladata az azonosítás indítása, a DÁP felület minden esetben egységes.
A QR-kód teljes képernyőn jelenik meg, így a felhasználó figyelme kizárólag az azonosításra irányul.
Ajánlott egyszerűbb bejelentkezési folyamatok és mobilközpontú élmények esetén.
A QR-kód egy középre pozicionált modális ablakban jelenik meg, miközben a háttérben a szolgáltatás felülete továbbra is látható marad.
Ajánlott hagyományos webes bejelentkezési felületek esetén, ahol nincs szükség teljes kontextusváltásra.
A QR-kód egy oldalról megnyíló panelben jelenik meg, miközben a háttérben a szolgáltatás felületének egy része látható marad.
Ajánlott olyan alkalmazásoknál, ahol már használnak drawer alapú interakciókat, és fontos a folyamatos felhasználói élmény.
A belépési folyamat során a felhasználó sikeres vagy sikertelen kimenettel találkozhat.
Sikeres azonosítás esetén a felhasználó automatikusan visszatér a szolgáltatás felületére.
A folyamat során előfordulhat például:
- a felhasználó nem hagyja jóvá az azonosítást;
- technikai hiba történik;
- a szolgáltatás nem elérhető;
- a folyamat megszakad.
Minden hibaállapot esetén egyértelműen jelezni kell a problémát, és biztosítani kell a felhasználó számára az újrapróbálás vagy a bejelentkezési felületre történő visszatérés lehetőségét.
- A login és QR-kód minták szabadon kombinálhatók.
- A választott megjelenési forma nem befolyásolja a folyamat működését.
- A DÁP gomb minden esetben jól látható és könnyen elérhető legyen.
- A cél az egyértelmű, gyors és következetes belépési élmény biztosítása.
