Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I have a general questions on the definition of a flow of highlighted images defining where you are in a web application flow.

I want to buy some template online but I dont know what this UX methodology is called.

enter image description here

share|improve this question
    
That website with the picture wants you to register and pay. I suggest imageshack.us –  BumSkeeter Mar 26 '13 at 17:12
    
Okay here is the image shack link imageshack.us/f/577/onlineregistrationstepo.jpg –  Jangui Mar 26 '13 at 17:18
4  
My god I am stupid. That is the picture...... –  BumSkeeter Mar 26 '13 at 17:20
    
Lol Do you know what those things are called when you have a step1 step2 step3? –  Jangui Mar 26 '13 at 17:38
    
Hmm. I would call it "user controlled stepwise information processing". –  BumSkeeter Mar 26 '13 at 17:56
add comment

4 Answers

It seems to me you are looking for the "wizard" ui pattern. Here is a link that has a lot more information explaining the purpose and reasoning behind the pattern: http://ui-patterns.com/patterns/Wizard

To give the user feedback on where they are in the wizard either text or graphics can be used. I think this is the particular piece you are referring to.

The answer that was posted right before mine mentions the "steps left" pattern. From the link I shared with you here is the explanation of what makes that different from the wizard pattern which might help you know which one you actually are looking for:

The Wizard pattern is very similar to the Steps Left pattern. The difference between the two is the focus. Where Steps Left is focused only on explaining the steps of a process, the Wizard pattern is about parting dependable sub-tasks needed to perform a complex goal into separate steps.

The Wizard pattern is also different from the Steps Left pattern in that the steps needed to perform a goal can vary depending on the information inputted in earlier stages. In this way, the Wizard pattern separates itself from being merely an visible aid for the user.

share|improve this answer
add comment

I've seen it referred to as "steps left"

here: http://ui-patterns.com/patterns/StepsLeft

share|improve this answer
1  
Hah I just realized we both referenced ui-patterns.com. –  Matt Lavoie Mar 26 '13 at 17:50
    
Your answer was much more in-depth! ;) so +1 –  Sheff Mar 27 '13 at 15:12
add comment

I tend to call it a progress bar.

Showing progress is always recommended for a sequential process like an ecommerce check out.

A 'Wizard' may have a progress bar like this.

share|improve this answer
add comment

I think that is a progress tracker or progress indicator. There is a nice article about here: http://www.smashingmagazine.com/2010/01/15/progress-trackers-in-web-design-examples-and-best-design-practices/

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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