Designing The User Experience
Usable, sleek, sexy—those were the principles that guided the design philosophy for the PGFK user experience. As mentioned earlier, at the time of creation, there wasn't a whole lot of guidance, best practices, or examples about proper UX for web3.
So I had to make up my own. The principles I made were the following: show and tell, casuality, and finality.
Show And Tell
One of the most important interfaces was the actual sales UI. This interface needed to illustrate a sliding scale, the more PGFKs you own the more perks you get. Illustrating this through UI was more of a challenge then you'd imagine.
I decided to take inspiration from the intrument clusters in cars, notably Mercedes (they do an amazing job at this). The beauty of a cars digital instrument cluster is it's ability to show you so much important data in efficient manner. Speed, bearing, RPM's, navigation, engine temp, warning lights, and more.
In the PGFK sales interface, you get the same effect, as users play with the interface they are treated to instant visual feedback that informs them about the various perks attached to each level, this is not only very visually pleasing but adds a form of gamifaction to the experience as well.
Showing Casuality
Casuality is a very important principle in Web3 UX because everything has a cause and effect. For example, you make a transaction—that tx will trigger an event. For PGFK's it was important to guide users through these cause and effect patterns. Every action was followed up with it's reaction.
Finality & Web3
Unlike most Web2 actions there isn't an undo button for Web3. The actions you make are final and we can't change their outcome. This was incredibly important to communicate because many users were unfamiliar with buying things with Ethereum. We took every oppurtunity to communicate that once you click sign that's it. There isn't an Ethereum undo button.