3

I'm redesigning the new user experience for my web app, onepagerapp.com. We need to communicate to the user (typically not very web savvy) how to add content to their page, modify their page design and how to save/proceed to registration.

Currently we use balloons with brief text pointing to various points of interest in the interface. The balloons have a "next tip" and a close button. In our experience with users, they ignore the balloons and just leave them open the majority of the time. Definitely not the desired effect!

We want to redesign the tour to:

  1. get more users familiar with the interface
  2. encourage progression to the next step in the process
  3. force users to either consume the tour content or quit it (we don't want the tour open when the user is building their site)

One option we're considering is similar to what reclip.it and bo.lt do: have a full-screen overlay with tips/arrows that the user must close to work with the app.

Anyone have any best practices for a tour of this nature?

2 Answers 2

2

I'm unsure about forcing user to do a tour. There are plenty of other methods to improve discoverability.

However there is no doubt that tours are valuable. If you are doing it I would suggest a design like Twitter's. This is a 60 second tour for all new accounts.

The design of the tour itself is also excellent. It provides good progress information and encourages users in a "learning by doing" fashion. I would highly recommend taking a look at it (you need to set up a new twitter account).

enter image description here

If you do feel it is necessary to force a guided tour then make sure it is extremely short with plenty of obvious skip options. The last thing you want to do is to annoy your users this early in the relationship!

Personally I would prefer a tour which is optional for the user ... perhaps one that appears as notification type message when a user is new that can be clicked away (don't show this again). This is a much less forceful approach. However I am sure that Twitter and the gaming industry have done the research. So it may well be worth following the trend.

Another idea is to make use of the progress bar model employed by Linkedin and Wikipedia... where you have some notion of completeness to become a "good" user. I think think this can encourage people to explore parts of the system that they haven't. http://www.danlockton.com/dwi/Progress_bar enter image description here

Gamification methods can be employed in other ways. For instance here on UX stack exchange you can gain a badge for visiting every page of the FAQ. A clever way to ensure that users read some of the documentation.

A recent question here on UX stack exchange suggested flashing up advanced search options or hidden menus... to expose functionality. I like this idea and think if carefully designed it could be very powerful for increasing discoverability.

There are plenty of creative ways to increase discoverability. The key to keep in mind in this sort of design is to be polite to your user. Remember they will have many demands on their time and many different contexts of use. They may well just want to get on with the job. So don't force them down a particular path. Give them options and plenty of ways to return to learning as their use of the product grows.

2

I don't know if this is best practice or not, but I actually find a lot of video games—almost all of which have unique interfaces—tend to force a guided tour the very first time you interact with something new. Perhaps you could create a guided tour that limits interactions to specifically-planned, sequential points. Maybe even dim irrelevant interaction points along the way. Of course, you should offer plenty of well-worded explanation along the way.

But I've found myself being more likely to follow something if the tour asks me to do certain tasks (with explanations) rather than just viewing images of the tasks being done. In other words, encourage and enable to user to actually use your app in the controlled tour environment. Exiting the tour should be obvious as well.

But maybe video game UX doesn't apply to web apps as much?

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.