Password Help Prototype

The use of micro-animations can be super useful and designing them is a lot of fun. This Password Help was designed because passwords work a little  differently in this software, it uses a hexadecimal code that corresponds to a square and pressing the right  squares in the right sequence is what allows users to log in. The admin is the role that assignes the password but the admin users couldn't remember what the codes were for the squares. This simple help allows this specific user to see which codes correspond to which squares and hide it again easily. This feature is an intermittent one because we couldn't allot the programming time to the feature that allows the admin to never see the codes making it simple to set, view, and change passwords. Prototyped with InVision.