Drupal Design Tip: User Interaction

Submitted by Jeremy Kleier on 02/26/2013 - 09:30:am

One of the most important concepts of a good design is helping your users interact with your website. Specifically, when you are building a web application. When we built Clikcollab.com, we employed a jQuery plugin to help walk users through how to use ClikCollab.  

The jQuery plug in we used was Impromptu. Curtsey of Trent Richardson (@practicalweb), it gave us the control we need to highlight different areas of the website and how the user can interact with the application.  

When a user first logs into the system we prompt them with the welcome screen. Another useful tip is to pre populate the site with demo content to help the user understand how to use the site.

First time loggin page for Clikcollab.com

Next, we take the first time visitor though a quick tour of the page. We outline each feature with a short description and how to use the tool. 

Lastly, wanted to give the users access to help tips. We provided the "?" in the top right hand corner to help user gain context on any page of the system. 

Help Tip Icon for Clikcollab

If you want to see a demo of Impromptu in action, check out ClikCollab.com and sign up for a free beta invite.