Difference between revisions of "User interface"

From RouteXL
Jump to: navigation, search
m (Apps and mobile)
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[File:20151124 Wiki - Interface.png|800px]]
+
[[File:User interface.png|800px]]
  
  
1. The map where your addresses and the route will be displayed
+
The map where your addresses and the route will be displayed is shown in the middle of the page.
  
2. [[Search]] box for typing addresses
+
Above the map in the top bar:
 +
* [[Search]] box for typing addresses
 +
* [[Import]] button to add destinations in batch
 +
* [[Address list|Addresses]] button to show the list of the locations that were added
 +
* [[Favorites|Routes]] button to retrieve previously created routes
 +
* [[Options]] button to change settings
  
3. [[Import]] button to add destinations in batch
+
Below the map in the bottom bar:
 +
* [[Find route]] button to start the route calculation
 +
* [[Print]] button to print the route
 +
* [[Download]] button to download or export a route
 +
* [[Share]] button to share routes with friends or colleagues
 +
* Reset button to clear all addresses and start over
 +
* A counter of addresses on the map
  
4. [[Address list|Addresses]] button to show the list of the locations that were added
+
Some notes:
 +
* The interface is available in various [[Language|languages]]
 +
* If you see no map, but only a grey area, select another map style in the [[Options]]
 +
* When not logged in the Routes button is replaced by the Demo button, and the counter is replaced by the [[Upgrades|Extra]] button to upgrade your account
  
5. Demo button to show a short instructional video
+
=== Apps and mobile ===
  
6. [[Options]] button to change settings
+
If you're working on a small sized screen, smartphone or tablet, some buttons may be showing icons only, or may be hidden to fit the available space. The responsive design adjusts the user interface automatically to the device. If you're able to turn the device 90 degrees from portrait to landscape, the interface will adjust and more buttons may appear:
  
7. [[Find route]] button to start the route calculation
 
  
8. [[Print]] button to print the route
+
[[File:20151126 RouteXL small screen portrait.png|x375px]]
  
9. [[Download]] button to download a route in various file formats
 
  
10. [[Share]] button to share routes with friends or colleagues
+
[[File:20151126 RouteXL small screen landscape.png|375px]]
 
 
11. Reset button to clear all addresses and start over
 
 
 
12. [[Upgrades|Extra]] button to upgrade your account to the premium service
 
 
 
 
 
=== Responsive ===
 
 
 
If you're working on a smaller screen, a smartphone or a tablet, some buttons may be hidden to fit the screen size. If you're able to turn the screen 90 degrees from portrait to landscape, the interface will adjust and more buttons may appear.
 

Revision as of 03:06, 16 May 2020

User interface.png


The map where your addresses and the route will be displayed is shown in the middle of the page.

Above the map in the top bar:

  • Search box for typing addresses
  • Import button to add destinations in batch
  • Addresses button to show the list of the locations that were added
  • Routes button to retrieve previously created routes
  • Options button to change settings

Below the map in the bottom bar:

  • Find route button to start the route calculation
  • Print button to print the route
  • Download button to download or export a route
  • Share button to share routes with friends or colleagues
  • Reset button to clear all addresses and start over
  • A counter of addresses on the map

Some notes:

  • The interface is available in various languages
  • If you see no map, but only a grey area, select another map style in the Options
  • When not logged in the Routes button is replaced by the Demo button, and the counter is replaced by the Extra button to upgrade your account

Apps and mobile

If you're working on a small sized screen, smartphone or tablet, some buttons may be showing icons only, or may be hidden to fit the available space. The responsive design adjusts the user interface automatically to the device. If you're able to turn the device 90 degrees from portrait to landscape, the interface will adjust and more buttons may appear:


20151126 RouteXL small screen portrait.png


20151126 RouteXL small screen landscape.png