Show HN: I built an alternative to product tours | Better HN

Show HN: I built an alternative to product tours | Better HN

36 comments

graiz2y ago

This concept has a well-known name that you don't seem to use in your design or marketing called "Progressive Disclosure." It was coined back in 2006 to explain this concept.

I do think it's tricky to do this as a 3rd party website. Most sites would want the disclosure logic to live inside their product, as coded logic. I do like the concept and how you've built this.

giaco_hendelOP2y ago

I was thinking about that but decided not to because I think a lot of people don't know what progressive disclosure is. Will think about it though, thanks!

Lightbody2y ago

As a founder of an increasingly complex SaaS service (https://reclaim.ai) I love the mission. I'll be checking it out. Good luck!

More than a couple of folks in the startup I work in are using your product. Kudos!

darrenwestall2y ago

Just what I need for my SaaS. I've filled in the form - only thing I'd love is a way to display a message to a user about what's been unlocked.

Like "Congratulations, you've added your first page. Now you can filter"

yes and now it looks like you need a product tour

castalian2y ago

You must explicitly state that what they are seeing is a simplified version, or present a choice. I am the kind of user who would leave if the interface seems too simple (lacking abundance of features to explore)

giaco_hendelOP2y ago

The tool already does this! https://share.cleanshot.com/JmkgmflH

How you do you solve for, or imagine solving for the hiding of potentially important UI without running to risk users not finding what they are looking for and not realizing it is "just hidden". Without having to first know that they are missing something, how will they know? Is there a partial-hide?

giaco_hendelOP2y ago

there's a little toggle at the bottom (simple mode on/off) where the user can toggle on all elements and see what's hidden. It also informs them about what they're seeing is a simplified version.

I had this exact idea while working on the growth team at Evernote, but couldn’t get anyone to buy into actually doing it. Good to see someone actually doing it.

projektfu2y ago

My thoughts as a SaaS user/purchaser:

Can I opt out quickly so I can see how the difficult things work?

Will I get this flow every time I change computers, delete cookies, etc?

How much will it bloat the experience once I'm an expert? These things always have telemetry ... will it still be collecting telemetry forever?

As someone who buys line-of-business software, I know these concerns are rarely considered by the SaaS developer, but they are important.

Unrelated : Why does every product page do the fading in thing? When I return to your site to see things I scroll down to a bunch of blank stuff waiting for your animations to catch up. Is this how you prefer the rest of the web?

giaco_hendelOP2y ago

Can I opt out quickly so I can see how the difficult things work? -> Yes, you can just turn off "Simple Mode": https://share.cleanshot.com/JmkgmflH

Will I get this flow every time I change computers, delete cookies, etc? -> No, settings are saved per user in the database. So it is synched across all devices and you won't have that problem.

How much will it bloat the experience once I'm an expert? -> Depends on the SaaS but ideally once you're an expert you just see all available features (as you normally would).

projektfu2y ago

Thanks for the answers!

I like the options of muting or turning off simple mode, good job.

Fwiw, I have used products where the tour comes up every time you change to a new machine/browser. I assume this is because it's only loosely integrated to the application and doesn't know about users. Good on you to put the setting where it belongs.

pests2y ago

Have you turned on your operating systems "reduce motion" accessibility settings? Almost all CSs frameworks and many authors respect this setting and will disable / tone down all animations. It's handled as a media query.

projektfu2y ago

The text still starts out invisible, and the delays are still there, but the fade-in is now instant.

crisp2y ago

> Why does every product page do the fading in thing?

This is probably going a bit off-topic but I recently switched from Android to iOS and god damn those slow animations are killing me. They seem like an industry standard nowadays. I really don't get it either.

projektfu2y ago

I remember Apple changed up the iOS calculator a while back and the slow animations were causing people to enter the wrong numbers.

https://www.cnet.com/tech/mobile/why-you-should-avoid-your-i...

Very cool idea. I have implemented such "dumbing down" manually a couple of times - can confirm the pain is real.

Have to admit that the difference between the "before" and "after" UI in the video doesn't feel big enough. Did you consider removing also the "Projects" list on the left? Or reducing it?

giaco_hendelOP2y ago

Thanks for the feedback! Yes, there's a tradeoff between making it simple and hiding too much. The counterargument is always "what if the user is searching for a specific feature, can't find it, then leaves?". So this needs to be considered. Here's another example: https://giacos.notion.site/Feature-richness-vs-Simplicity-8c...

But good point, we might change that.

i can only see the screenshot for "Example 1"

jemmyw2y ago

The picker looks cool. I like the idea. I know that we actually do something similar already at work as well as having a tour. I can't see myself using this if I were a startup software product, it's just too easy and contextual to build and analytics are already an essential.

giaco_hendelOP2y ago

If you're a developer who also does UX/UI Design and Product Management yes. But often times those roles are separate and PMs are the ones responsible for improving the onboarding flow. For them, it makes sense to have an easy to use tool.

As for the analytics tool: Yes, ours is pretty basic and straightforward – super easy setup and gives you the most important information though.

Maybe I should use this for our docs pages :)

dewey2y ago

So is this a real "Show HN" product or just a landing page (Which isn't allowed for a Show HN)?

giaco_hendelOP2y ago

you can use it here: https://app.vykee.co/sign-up :)

Share63232y ago

How can I integrate this in my web app as a developer?

giaco_hendelOP2y ago

You simply put a script in the head tag, that's it. :)

dreadlordbone2y ago

I don't see any pricing info anywhere?

giaco_hendelOP2y ago

We don't have that yet. You can sign up on the page if you want to try/use it.

ibbih2y ago

The "try now" button leading to a form and no way to actually experience what you're selling didn't feel great

ryanwhitney2y ago

+1, i hit “back” as soon as i saw an email input.

+2

10x more so for product tour product.

+2 I thought it was part of the experience, so I put in a bunch of fake information. Then got to the end and it said "we will contact you later". Lol, nope you won't.

It's a very confusing Call to Action.

giaco_hendelOP2y ago

fixed it, you can use it here: https://app.vykee.co/sign-up

j / k navigate · click thread line to collapse