Permalink settings for user friendly hierarchical structures


I'm trying to set the permalink structure:

Take this site as an example:

When I click to the next page under about in the menu I get:

But I would like to get:

So that also the breadcrumbs follow the same pattern.

Can you please tell me how to set the permalink structure to accomplish this?