Explaining a Process, Different Designs

17. October 2007 Bad Design, Good Design, Web Written by Alexis Brion 2 comments

Sometimes sites use steps to explain their users how to finish a task. This makes that process to look easier to complete and gives the user more information to decide if they want to go through the whole process. Wikipedia says that a process is a naturally occurring or designed sequence of changes of properties or attributes of an object or system. I would like to show you some examples.

Moo tries to describe the process to create and print postcards with a very clear design.

Moo Process Description

In my opinion Blurb is making an effort but their design has a problem with the words they use. These words are used to give users an idea about the specific step, and that is why it should be descriptive. For example, something like “Select Size” or “Select Format” would be more descriptive for the second step (Select). In the same way, “Sell”, and not the too general “Enjoy”, would be a better word for the last step.

Blurb Process Steps

Amazon, on the other side, is not using pictures at all but the words are very descriptive of each step and the process in general is very clear.

Amazon Process Steps

Probably, the worst design example I have found was at eBay. Selling an item requires the user to complete some steps but eBay is not giving information about the process.

eBay Process Steps


Share/Save/Bookmark


2 Responses to “Explaining a Process, Different Designs”

  1. Mark says:

    Hey Alex, another good example is on Western Union’s site. They use the following steps:

    1: Receiver 2: Sender 3: Services 4: Payment 5: Review 6: Receipt

    You can see it here (clicking on “I’m a new customer”) :
    https://www.westernunion.de/asp/osMoneyTransferSignIn.asp

  2. Alexis Brion says:

    Hello everybody,

    I would like to share the Designers who Blog site link:
    http://www.designers-who-blog.com

RSS feed for comments on this post. And trackBack URL.

Leave a Reply

  • Twitter

      twitter / designvsart
  • Subscribe

  • Recent Posts

  • Popular Posts

  • Categories

  • Archive





  • Creative Commons License
  • Spread Firefox Affiliate Button