My Authors
Read all threads
Everything I think about when I think about maps. #uxpatterns

01 — What kind of map/chart are we designing (geography, floor plan, seat map)?
02 — How much space do we reserve for it in our UI (mobile/desktop)?
03 — Will the map/chart change over time (elections, live events)?
04 — Do we have any levels, planes, or layers that users need to navigate between?
05 — If yes, how many? How do we design the navigation?
06 — Will the map/chart contain markers, labels, and distinct regions?
07 — Do they all have the same weight, or are there any critical ones?
08 — How do we expose/highlight critical ones (e.g. large states)?
09 — How do we represent each label/marker (date, icon, text)?
10 — Do we need to display details for taps/clicks on them?
11 — If yes, what kind of content should we display?
12 — Where do we display the details (below, above, near the tap/click)?
13 — Should we track if there is enough space to fully display all details?
14 — Do we provide zooming? How many levels of depth will zoom provide?
15 — Do we need filters to adjust the amount of detail? Where do we place them?
16 — Do we need a slider to help users remove irrelevant details?
17 — Would a list/cartogram/cards view help in exploring data faster?
18 — Do we add a mini map to help users navigate the fullscreen map? Where?
19 — Would an autocomplete search help users find information faster?
20 — Should we allow for multi-selection within our search?
21 — Should we allow users to switch between different views?
22 — Can a slider or carousel help swipe through relevant sections?
23 — Do we use some sort of normalization to minimize rage-taps/-clicks?
24 — If the tap isn’t accurate enough, can we prompt users to specify intent?
25 — For charts, can we flip axes to make use of available space?
26 — Technically, how do we minimize the lag when the map is explored?
If you'd like to see a few more examples of various #uxpatterns, we'll have a second round of online workshops on smart interface design patterns coming your way soon :-) smashingconf.com
Missing some Tweet in this thread? You can try to force a refresh.

Keep Current with Smashing Magazine

Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

Twitter may remove this content at anytime, convert it as a PDF, save and print for later use!

Try unrolling a thread yourself!

how to unroll video

1) Follow Thread Reader App on Twitter so you can easily mention us!

2) Go to a Twitter thread (series of Tweets by the same owner) and mention us with a keyword "unroll" @threadreaderapp unroll

You can practice here first or read more on our help page!

Follow Us on Twitter!

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!