Hopscotch – easy product tours by LinkedIn(linkedin.github.io)

75 pointsby jmdukevor 13 Jahren14 comments

linkedin.github.io

Hopscotch – easy product tours by LinkedIn

http://linkedin.github.io/hopscotch/#what-is

8 comments

Interesting. If you've ever signed up for patio11's free training video, he talks a bit about how product tours gave a big bump in conversions:

https://training.kalzumeus.com/

jacobwcarlsonvor 13 Jahren

> Give me (Patrick McKenzie -- patio11) your email and get the rest of it, totally free. (This advice has lead to 20%~100% increases in sales at 3 companies, and normally I charge five figures for it.)

That sounds both scientific and like a great deal, the very definition of legit. I'm signing up.

jackschultzvor 13 Jahren

That's very cool, but also very complicated. I created a demo for my app recently[1] and I used intro.js[2]. It was very simple and only involved you changing html tags. This seems way more customizable, but also might be overkill. Still cool though.

[1]http://www.streakflow.com/demo [2]http://usablica.github.io/intro.js/

_j5l3vor 13 Jahren

I worked at linkedin last summer, and I remember seeing a project exactly like this at one of the hackday presentation. It's nice to see that it turned into something.

Bjoernvor 13 Jahren

Thank you for all the great work! Good to see more Open Source about this. (Apache licensed)

There is much more out there in the same spirit, here is a short collection of the alternatives:

https://news.ycombinator.com/item?id=5427851

- jQuery Impromptu http://trentrichardson.com/Impromptu/

- Zurb Joyride http://foundation.zurb.com/docs/components/joyride.html

- Intro.js (js only) http://usablica.github.com/intro.js/

- Bootstro.js - http://clu3.github.com/bootstro.js/

- pageguide.js - http://tracelytics.github.com/pageguide/

- chardin.js - http://heelhook.github.com/chardin.js/?hn

falsebooleanvor 13 Jahren

Foundation already did this with Joyride -- and is a much simpler plugin. What's different about this one? http://foundation.zurb.com/docs/components/joyride.html

fourstarvor 13 Jahren

Joyride is good. Hopscotch is being used as a component already on LinkedIn, and it was part of an incubator project which is the reason for the (public) announcement and reason to open-source it (http://engineering.linkedin.com/incubator/creating-product-t...)

jasonlotitovor 13 Jahren

So, this [1] happens for me on Safari Version 6.0.5 (8536.30.1) and FF 24.0. Not sure if anyone involved reads this. If not, I'll post a bug report.

1. https://www.dropbox.com/s/fskploj3t0z4gw5/ocd.png

superkerplunkvor 13 Jahren

If you're still seeing this happen, could you open an issue on Github? Thanks!

[deleted]vor 13 Jahren

fourstarvor 13 Jahren

What is happening, exactly?

jasonlotitovor 13 Jahren

Sorry. The reply to yours is correct. It's not centered. For me, this was so glaringly obvious and distracting.

kh_hkvor 13 Jahren

The centering looks off by around 5px

benregnvor 13 Jahren

Are there any product tour libraries that can detect interaction with the application being presented?

1945vor 13 Jahren

This must be the fifth "touring" library I've seen. Stop it..