Getting started with design

Landing Page

Landing page

WHAT The landing page is your opportunity to create a great first impression and helps set the tone of the app. It also provides a place for users to input their location so the app can start at an extent that is meaningful and focused. WHY For years, builders have chosen to show a map […]

Read More
Sparkmaps

Sparkmaps

WHAT It’s not always feasible to show a full-blown map or even only an image of a map as a figure on the side. Needed is to show the spatial information right where it is needed and without being taken out of the context. WHY Any geographic feature (=piece of information that has location information) […]

Read More
Browse Geographies

Browse geographies

WHAT Users don’t know or cannot recall the name or location of a geographic boundary and need help to discover or find places based on a hierarchical structure. WHY Browsing is a common human behavior to orient oneself, e.g. people typically scan the table of contents of a new book or magazine and similarly browse […]

Read More
Focal Point

Focal point

WHAT The focal point pattern highlights the center of interest or activity and assists the user in finding the important piece of information quickly. WHY Harmony in design can be attributed to the gestalt theory, a set of design principles that describes how humans perceive groups of objects. At its core, gestalt theory states that […]

Read More
Search

Search

WHAT The search pattern uses a single-line input field for users to search for a location. It is the main mechanism for finding a place or an entity that has a location associated with it. Users expect to receive the correct result, regardless of what they type and search for. WHY The search pattern is […]

Read More
Location Finder

Location finder

WHAT The location finder pattern helps find a place, point of interest, or address and shows it on a map. WHY Location, location, location. What has been the number one rule in real estate for many years is also true for map apps. Showing a map is valuable but showing a map that is centered […]

Read More
Progress Indicator

Progress indicator

WHAT System is loading or processing, but users don’t know that they must wait for the process to finish or the response to fully return. WHY Nobody likes to wait and luckily systems are getting faster all the time but factors like processing time for computing complex analytics and handling of big data, bandwidth, and […]

Read More
Onboarding

Onboarding

WHAT Users need to learn an unfamiliar workflow or a new feature. WHY The best approach to make an interface feel “intuitive” is to use elements and interactions that users are familiar with. In cases of complex or very specific use cases users need to be “walked through” the process in the form of a […]

Read More
Empty State

Empty state

WHAT The empty state, sometimes also called blank slate, is one of the most overlooked aspects in UX design. It refers to moments during the experience when screens, panels, or containers are empty. Leaving something blank or empty does not make a good first impression and leaves the user wondering what to do next. WHY […]

Read More
Task Oriented

Task oriented

WHAT Task-oriented apps provide task-oriented workflows that align with user goals. A task-oriented app is sometimes referred to as task focused or workflow driven. Regardless of terminology, a successful experience is built on useful tasks and guiding users to complete them efficiently. WHY Task completion and task success are the main metrics for measuring usability […]

Read More