Trevor demo

Dev tools

product walkthrough widget

SHOW HN2020

Trevor demo

Build a JS-only interactive product walk-through for your landing page

github.com

#product walkthrough#interactive demo#landing page#onboarding#javascript

184points
83comments
#314of 3,028 in 2020
Top 11%of 2020 by points

How HN took it

MixedNo clear lean

8 positive, 14 neutral or asking, 1 mixed, 15 critical, out of 38 comments about the project. Thread score -0.13.

Design: 3 for, 9 againstIdea: 3 for, 4 againstDocs: 0 for, 2 againstExecution: 2 for, 0 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Simple, clever solution

    From 3 comments
    • I love how simple the solution is, I tend to over-engineer stuff like this by trying to actually make it clickable and so on, but this just works great - good example of doing…
      Martinsos on HN
    • This is really cool stuff! I was wondering what cool technology is behind this demo, and then it turned out to be so elegant and simple :).
      matijash on HN
    • I really like this. Nice and simple
      losthobbies on HN
  • Refreshing use of plain JavaScript

    From 1 comment
    • I find this refreshing. jQuery works very well for simple and direct stuff. No need to over-complicate things!
      npsomaratna on HN

Objections

  • Forced walkthroughs and modals are annoying

    From 3 comments
    • As an user, I usually dislike these walk-through when they are forced to me and I try to finish them as fast as possible. I think a good user interface shouldn't need them by…
      speedgoose on HN
    • > You mean the ones in-platform, before you can use the product, right? Not the op, but I didn't interpret the comment as being restricted to certain types. I particularly…
      lucideer on HN
    • Although the intended use of this might be help pages or screen casts, it sure makes it easy to implement modal tutorials, which is what EVERYONE hates and should avoid at all…
      cosmotic on HN
  • Flying circle animation causes motion sickness and is distracting

    From 2 comments
    • I think one of the biggest UX detractors that I saw with this (and the main reason I walked away from it instead of digging into how it may work) was that the circle "flew in" to…
      jlangemeier on HN
    • It seems the demo is focused on "How to Export Trevor.io Results to Google Docs" on first pass. It breezes past the whole Build Query part, probably since the example query was…
      tmpfile on HN
  • No back/forward navigation or step count

    From 1 comment
    • Strongly dislike that there's no way to go back and forth or some kind of index of how many steps there are. I do like the idea of it being interactive though.
      preommr on HN
  • Relying on jQuery is unnecessary

    From 2 comments
    • No need to over complicate things by adding an unnecessary library? I'm sympathetic to jQuery users and I think it's a phenomenal artifact in the history of the early web but…
      nkozyra on HN
    • Have we really come so far that using jQuery is interpreted as not overcomplicating things?? jQuery is the extra complexity people are raising issue with here. It's not needed…
      lucideer on HN

Requests

  • Support going back and forth through steps

    From 1 comment
    • Strongly dislike that there's no way to go back and forth or some kind of index of how many steps there are. I do like the idea of it being interactive though.
      preommr on HN
  • Show step progress indicator

    From 1 comment
    • It seems the demo is focused on "How to Export Trevor.io Results to Google Docs" on first pass. It breezes past the whole Build Query part, probably since the example query was…
      tmpfile on HN
  • Use help topics or documentation instead

    From 2 comments
    • Yes but this would make much more sense if used as help topics, i.e. "confused about how to upload your portfolio? click here for an interactive demo"
      superasn on HN
    • I agree. I don't want a walk-through. I want documentation.
      zzo38computer on HN

Questions

  • Why use pixel coordinates instead of percentages

    From 1 comment
    • Why does the adjusted function use pixels as a unit of measurement when the objective is to make the position of each 'click zone' show correctly? Is that not was percentages are…
      chrisacky on HN

Alternatives named

  • Bootstrap Tour

    From 1 comment
    • There are a few products on the market for it (I work for one, and no, it's not WalkMe). There are free solutions too (e.g. http://bootstraptour.com/ )
      aconst on HN
  • Metabase

    From 1 comment
    • The demo was neat, but (let's skip to the real reason for posting this) I think your product is pretty solid too. I looked at your pricing and your free tier is enough for…
      gavinray on HN
  • Notion landing page demo

    From 1 comment
    • Notion has what I consider to be the best landing page demo [1]. It's the full application. No need to log in or follow specific steps. Scroll down to the "Choose a workflow"…
      migueloller on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/22364040)