![](https://images.squarespace-cdn.com/content/v1/62a4013cafd9f00fdcf2eb62/ed816f6c-fb4a-4837-a7eb-99cabe138e69/winMaps_project_header_wallpaper.png.jpg)
Windows 10 Maps
Revolutionizing online maps
Redesigned Windows Maps for mobile, tablet, desktop and beyond. Created advanced search capabilities for trip-planning scenarios, improved usability, and ergonomics.
Designed in 2015, it pioneered features that are now common, and others that still have no equal.
UX/UI
Design systems
NUI
![winMaps_onDevice_closer.jpg](https://images.squarespace-cdn.com/content/v1/62a4013cafd9f00fdcf2eb62/fca80c5c-495a-4dcb-bc47-e231b34cb7eb/winMaps_onDevice_closer.jpg)
Learnings from previous design
Celebrate the map, not the chrome
The first version of the app was chrome heavy, with a persistent left panel that occupied space regardless of how much content it contained.
Improve reachability on mobile
Navigation on the mobile app was hard to reach when holding a phone with one hand—important when on the go.
Explorations
Option 1
Searches build to the right, and cards pop up proximally
Option 2
Searches build vertically, in a persistent position, height relative to amount of content
Revised model
Based on early UR studies, I created a hybrid model where searches build to the right, and populate content in a persistent position—which tested well. We went on to experiment with mobile and tablet layouts.
Inking
Early explorations for draw-for-directions and canvas annotations
Final designs
Multi-search
Trip planning scenario: search for hotels and find great ramen nearby
Improved reachability
Key navigation moved to the bottom, and flick/pull gestures allow for easier one-handed use.
Accent color
Active and inactive points of interest designed to support Windows accent colors, including neutral tones.
Theming
Full support for light and dark themes.
Map annotation + 3D cities
Annotation persists on map canvas