4 ms·

One problem I have with libs like this is you have to chase the "Ok" and "Next" buttons around. It would be much better IMO to have a fixed footer with the acti

One problem I have with libs like this is you have to chase the "Ok" and "Next" buttons around. It would be much better IMO to have a fixed footer with the action buttons but have the lightbox w/description move around the page as it does now. In addition, I would prefer not to have the entire rest of the UI blacked out. Lightboxes don't seem appropriate here since I want to see the "big picture" all the time and just have relevant sections highlighted. This would actually be a much simpler implementation, just fade the background of the div to highlighter-yellow.

eggbrain 11y ago
To be fair, you can use the forward / backward arrow keys to navigate around the features, but it isn't clear upon first attempt. It also doesn't solve the issue on mobile, where arrow keys aren't available many times.
- leeoniya 11y ago
  If you really want to be fair [1] [1] https://en.wikipedia.org/wiki/Mystery_meat_navigation https://en.wikipedia.org/wiki/Mystery_meat_navigation
calinet6 11y ago
This is why the new trend of dismissible pop-over 3-step intros is a wonderful thing, to be frank. Honestly, there are many problems with an overlay follow-me Intro experience. It's good for certain things and in certain situations, but you should be open to using the best method of introduction for whatever you need people to learn. Sometimes the best way is just a paragraph of text, and there are several things in-between that are simple and highly effective. To add to your critique, something with which many of us are likely familiar is the Slack intro experience. The intro dissolves into three (and only three) small, subtle bubbles that go hover over important parts of the UI. They're just light enough that you can completely ignore them if you like and get on with your work, but if you're confused they stand out. It's quite a nice compromise that makes this follow-the-UI intro really work.
- Already__Taken 11y ago
  It would be cool to phase the release of new features with small notifications and upping the amount of call-to UI elements as X time passes without user engagement. Can't work for every site but certainly sites with regular account holders.
laughinghan 11y ago
Have you seen Desmos's tours? There's no Ok or Next buttons at all, it automatically detects when you've actually interacted with the feature that you're being taught: https://www.desmos.com/calculator?tour=sliders https://www.desmos.com/calculator?tour=sliders (Disclaimer or whatever: I helped design and implement them.)
- minhajuddin 11y ago
  Really nice website, This would be very helpful as a teaching aid.
- lexhaynes 11y ago
  Oh wow!! This is so cool! Where was this tool when I was in high school ;)
afshinmeh 11y ago
Hey, thanks for the feedbacks. I will try to fix them in the next version. Cheers.

eggbrain 11y ago

To be fair, you can use the forward / backward arrow keys to navigate around the features, but it isn't clear upon first attempt. It also doesn't solve the issue on mobile, where arrow keys aren't available many times.

leeoniya 11y ago
If you really want to be fair [1] [1] https://en.wikipedia.org/wiki/Mystery_meat_navigation https://en.wikipedia.org/wiki/Mystery_meat_navigation

calinet6 11y ago

This is why the new trend of dismissible pop-over 3-step intros is a wonderful thing, to be frank. Honestly, there are many problems with an overlay follow-me Intro experience. It's good for certain things and in certain situations, but you should be open to using the best method of introduction for whatever you need people to learn. Sometimes the best way is just a paragraph of text, and there are several things in-between that are simple and highly effective. To add to your critique, something with which many of us are likely familiar is the Slack intro experience. The intro dissolves into three (and only three) small, subtle bubbles that go hover over important parts of the UI. They're just light enough that you can completely ignore them if you like and get on with your work, but if you're confused they stand out. It's quite a nice compromise that makes this follow-the-UI intro really work.

Already__Taken 11y ago
It would be cool to phase the release of new features with small notifications and upping the amount of call-to UI elements as X time passes without user engagement. Can't work for every site but certainly sites with regular account holders.

laughinghan 11y ago

Have you seen Desmos's tours? There's no Ok or Next buttons at all, it automatically detects when you've actually interacted with the feature that you're being taught: https://www.desmos.com/calculator?tour=sliders https://www.desmos.com/calculator?tour=sliders (Disclaimer or whatever: I helped design and implement them.)

minhajuddin 11y ago
Really nice website, This would be very helpful as a teaching aid.
lexhaynes 11y ago
Oh wow!! This is so cool! Where was this tool when I was in high school ;)

afshinmeh 11y ago

Hey, thanks for the feedbacks. I will try to fix them in the next version. Cheers.