Thursday, April 19, 2018

What is the name of the breadcrumb/workflow UI component?


What is the correct/best name for the UI component which acts like a breadcrumb trail but also indicates where the user is in a defined series of steps?


You see it all the time, something like:


mockup


download bmml source – Wireframes created with Balsamiq Mockups


Where Steps 1 & 2 are complete, Step 3 is the current step, and Steps 4 & 5 are unavailable at the moment.


It's probably on the tip of my tongue but I can't think of a good name for it.



Answer



Some names could be...






Navigation vs. Indication


Checkout Navigation


If the steps are clickable links I would call it something navigation. For example, in a checkout process I would call it "Checkout Navigation" or "Checkout Step Navigation".




"Progress Bar" vs. "Step Progress Bar"


If you call it a progress bar, you should definitely clarify with the word "step" to avoid confusion. Look at the Google Image search results below:







No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...