How to make a “prices” UI?

Question

I am building a website that offers 3 different pricing method. The only thing that differs between the 3 options is the period range.

For example ( lets say car hire): under 1 week - 10$ per day 1 - 2 weeks - 9$ per day 2 - 4 weeks - 7$ per day

The user will not choose the price plan. Rather, the user will choose the period for which he wants to hire a car and the relevant price method would be highlighted/bolded/....

I would like to see such UI first and think if I like it. Does anyone know a website that already offers such UI? Where can I see such UI? Maybe such UI has a known name?

Answer 1

Many websites utilize "pricing windows" (unofficial term) to segregate what price applies to what service. I have created a basic mockup for you based on your question:

Examples:

Soundcloud GoDaddy

Answer 2

I would go for something like this:

^{download bmml source – Wireframes created with Balsamiq Mockups}

Note that:

• You show the user all his options
• The user can clearly see that the option on the right side have the best price.
• With the text "Currently selected price" you give the user the impression that HE are selecting the PRICE, not that the system are choosing the price based on the DAY that he selected.
• The text below the day number is very important. You drive the user to think about keeping the car more time showing him the advantages.
• You can show a text like "Wow, you are getting our best offer!" when the user insert something between 14-28 days and when is more than 28 days, something like "C'mon, call us at +44 (0)207 123 4567, we should make a better price for you!" (only if you REALLY have a better offer to that number of days, obviously).
• Much of this example rely on animations that happen on the air as the user inputs data. For example: the total and the suggestion below should appear only AFTER the user inputs the number of days. The price tables below should have less differences when the user enter the screen, but increase when he insert the number of days.

This is an example that can be adapted to every type of business, not only car rents.

Obs.: I got that phone number on the Internet, I have no idea of where it is from.