All tutorials

UX guidelines

easy

Displaying a 3 word address

  • The 3 words address can be entered into an existing field or as its own independent field.
  • The /// prefix to a what3words address should always be shown. Clarity on how to treat this prefix for right-to-left languages is available here.
  • The words in a 3 word address when displayed, should always be separated by a full stop (‘.’), except in Japanese which should use the ideographic full stop (‘。’). Please don’t use spaces or commas as word separators. Vietnamese 3 word addresses should be displayed using the spaced version returned by the what3words API. These rules are for display only; for the input of 3 word addresses, there are wider rules available here.
  • what3words should feel native to your app or website, so we recommend using your existing styling and typography. You can show our slashes ‘///’ in red ( #E11F26 ) or use your primary colour.
  • If displaying a 3 word address in a secondary language, you only need to display the slashes once. This is so users understand that they both refer to the same address.

Entering a 3 word address

  • A user should be able to enter a 3 word address with or without the ‘///’ at the beginning

AutoSuggest

  • Once the user has entered the first letter of the 3rd word the autosuggest feature should be displayed
  • For simplicity, we recommend only displaying 3 suggested results
  • Every address should be accompanied by its nearest location.
Add a 3 word address input fieldDisplay a 3 word addressUse 3 word addresses with a mapUse 3 word addresses within an address search

Related tutorials