search

zabooz / 4B-s-Baby

https://4-b-s-baby.vercel.app
0 stars 4 forks source link

Check password: Design #232

Closed ChickenDeLuxe closed 2 months ago

ChickenDeLuxe commented 2 months ago

Delete 1st card

Picture MOJO H3 Wählen Sie ein usw. usw. --> info 3 entries + "Sollte sich herausstellen, dass dein passwort unsicher ist... versuch doch einfach mal, ein sonderzeichen hinzuzufügen. unten in der liste siehst du, wie sich die sicherheit dadurch verbessern wird. du kannst bis zu drei passwörter eingeben und sie vergleichen." Radio Button CTA 1: start --> starts list mode or simple mode CTA 2: stop --> ends creates title & pw including parameters

max 3 entries? --> inform the user beforehand no scrollbar (resize left/right, bottom)

mind the eye!!

Picture EXCALIBUR H3 Excalibur ist ein Tool, das die Stärke deines Passworts überprüft. usw. usw input field CTA 1: test / los geht's --> starts test mode activates progression bar & shows link to AI --> why? --> Warum wird mein Passwort so bewertet? Click: AI: give parameters and inform the user (as of now: gives password - clear text in bot - no --> V2

instead: use parameters - check sign (Sketch needed)

delete quote (?)

ChickenDeLuxe commented 2 months ago

Design suggestion w/wo pic

Password Playground_CheckPassword

ChickenDeLuxe commented 2 months ago

Alignments in list: left - center - center - right

ChickenDeLuxe commented 2 months ago

Sorry. Forgot a lot of things.

Screenstate: Tested 3 pw, delete button image

ChickenDeLuxe commented 2 months ago

Screen state brute force mode

image

ChickenDeLuxe commented 2 months ago

Screen state list mode:

image

ChickenDeLuxe commented 2 months ago

Issues after redesign @zabooz

Mojo: no clipboard icon Simple mode: is there a bug? Had to stop at 100.996 sec for dsfjwaelri7! (works fine with 123 or similar, julia = 15.329)

Excalibur: progressbar is on Schwach per default - replace with no value? "Schau dir diese...." --> center-align, increase bottom margin "Dein Passwort ist sicher!
Keine weiteren..." --> & center-align