Author:

Tom Kenny is a web designer who runs a web design & development blog called Inspect Element where he writes about everything he learns about web design and you can follow him on Twitter.

Twitter: Follow Tom Kenny on Twitter

Progress Trackers in Web Design: Examples and Best Practices

When designing a large website, especially one that contains a store, you may be required to design a system for ordering online, or a multi-step process of another sort. Walking users through this process by making it easy and intuitive is key to helping increase conversion rates. Any frustration along the way may cause them to leave and pursue other options. Progress trackers are designed to help users through a multi-step process and it is vital that such trackers be well designed in order to keep users informed about what section they are currently on, what section they have completed, and what tasks remain.

Progress Tracker Example

Urban Original's progress tracker

In this article we will look at various uses of progress trackers and see how they've been implemented, what they are doing well, and what they are not doing well.

You may not be familiar with the term 'progress tracker', also called a 'progress indicator' — but chances are good that you have encountered one at one time or another. They are used in online stores when placing an order, signing up to an online product or service, or even when booking a holiday online. Progress trackers guide the user through a number of steps in order to complete a specified process.

Read more...
1

↑ Back to top