User experience

Prev Next

QB Maps provides users two types of user interfaces—a desktop browser and a mobile device. Both versions provide the same functionality, with a few changes to how the extension is rendered on each medium.

Desktop version

Desktop version of QB Maps showing a map with location markers in a demo appImage—desktop version

Mobile version

Mobile version of QB Maps showing the full screen side drawer with the location list _________________________>>> Mobile version of QB Maps showing the full screen map view

Image—mobile version (full screen side drawer)     _________________________>>> Image—mobile version (full screen map)

The side drawer occupies 100% of the width on the mobile version and can be toggled by selecting the button on the top left (indicated by the red arrow in the mobile screenshot).