|
Disclaimer: I’m not your target audience, and I only wanted to leave some minor bits of feedback about your home page. The page does look very neat to me overall, and I like the idea of making it an interactive demo. However, there are some UX/design details that I had trouble to wrap my head around: - The demo onboarding flow is embedded into a fictional website (acme.com). That sample website only seems “half-functional”, though, and it took me a while to understand how it relates to the enclosing home page: some controls take effect within the embedded acme.com website (e.g. the clicking on the checklist items, which reveal content in the right-hand panel); some controls take effect outside of the embedded sample website, i.e., on the enclosing home page (e.g. clicking on the “See use cases” button, which makes the entire page scroll down); some controls don’t take effect at all (the items of the fake menu on the left hand side, e.g. “Team”, “Settings”, etc. – except for the “Reset demo” button, though). It might well be just me, but for my taste the overall design approach of the demo feels quite “meta”. - I was able to complete the first checklist item “Welcome to Frigade!” by clicking the “Mark complete” button. But I couldn’t figure out how to complete the second item (“See use cases”) – even though I saw all use cases. Is that right, or did I miss something? The progress indicator in the lower right-hand corner suggests that I’d be able to complete all 6 steps at least, but clicking on it only brings me back to the embedded acme.com sample website, so I’m seemingly stuck in an endless loop. (I managed to escape, so don’t worry, I’m good!) - I’m German, and I think the ACME running gag isn’t as well known here as in the US. So I was initially wondering what the embedded acme.com web page was about, what it had to do with the “real” https://acme.com/ website, or maybe with the ACME protocol (Automatic Certificate Management Environment, used e.g. by Let’s Encrypt). Maybe something like example.org might be more clear or ubiquitous? (Although also less funny, admittedly.) |
- Agreed it's meta and could be more clear if it were entirely for our own website, or entirely contained within the fictional website at the top. Will keep this in mind for our next pass of the website and demo.
- Yikes. Not great when our tool that helps with usability is confusing to use. In this case, to get credit for step 2, you need to tap on Activation which has a little blinking blue nudge. Sounds like it may be too subtle -- a full on tooltip may make that more clear.
- Yeah, I believe Acme's widespread usage stems from its inclusion in Road Runner. https://en.wikipedia.org/wiki/Acme_Corporation We're trying to target a global audience, so like the idea of switching to something like "Example.org"