Formatting Currency & Numbers
Last updated: October 1, 2015 at 13:52 pm

Different ways for numbers and currency to be formatted and how pricing is adjusted in order to accommodate users in various countries.


Visual example of the element:


What problem does this element or pattern solve?
To put customers at ease, particularly on e-commerce sites, it is important to have a consistent and clear display for currency and pricing. As the web becomes more globally focused, the need for clarity increases due to the wide range of global price formats, formal terminology for denominations, and the fluctuating nature of conversion rates.
It applies to these platforms:

Desktop Web, Tablet Web, Smartphone Web

An example of this element or pattern in production:


Detailed specifications

Specifications To Consider

  • Define the visual styling for your prices, in all accepted denominations. This list may be much longer than you expect, so provide clear labels and examples that can be scanned and identified quickly.
  • Provide direction on spacing issues if your site dynamically updates pricing for various countries. The horizontal space required to display a price in US dollars without wrapping may be much less than the space required when displaying prices in pesos.
  • Do you display decimal points of the currency unit, or round up to the nearest unit? If so, how many decimal places?
  • If your site regularly creates comparison pricing tables or grids, you may want to define the visual styling and behavior of those tables here, and add a cross reference to the tables/grids page.
  • Do not forget to define other common number formats such as phone numbers, distances, weights, or measures if you use them regularly.


Location of assets to build this element or pattern
Location of UX or visual design assets
Location of development code repository


Additional details
Information on research, user testing, or usability reports:

Not Applicable (Remember: no field should be blank!)

This element or pattern may also be known as:
prices, money, currency conversion, dollars, euros, yen, renminbi, yuan, pesos, pounds, francs, currency codes, commerce, accounting
Related elements within this Style Framework:

Not Applicable (Remember: no field should be blank!)



Owners and governance
UX or design 0wner
John Designowner
Email: design.owner@yourcompany.com
Business or marketing owner
Mary Businessowner
Email: business.owner@yourcompany.com
Development owner
Mike Devowner
Email: development.owner@yourcompany.com


Other information
Please include any other relevant information about this element or pattern:
Not Applicable (Remember: no field should be blank!)


Comments & Questions

Leave a Reply