Creating Interactive Site Maps with UXPin


We use UXPin to create interactive site maps.

As a UX designer working in client services, one of the most common deliverables we create for any project is the site map. Site maps are usually presented as tree-style diagrams in document format, which are great for illustrating the high-level view of where all the pages go in the site.

However, there’s often a challenge of communicating to team members and clients how one would navigate to a page deep within the site. To resolve that, we create a clickable version of the site map using a prototyping tool called UXPin.

What’s great is that this is a visual and interactive way to demonstrate our proposed site map, as well as a way to present ideas for how the navigation and subnavigation should be structured. This is especially helpful when the subnavigation may have to differ from section to section based on the goals of the content.

In a webinar video that we created for UXPin, my fellow UX designer Angel and I show you how we use the tool to create site maps that better communicate our solutions. Check it out:

  • Humayun Rashid

    @Yvonne Does UXPin allow for live collaboration and commenting when reviewing w/ clients, similar to InVision App?

    • Yvonne Weng

      Hey Humayun! UXPin has commenting, though not as robust as Invision app. For live collaboration, you can have multiple users on the team be logged in and working on the same project at once.

  • Carina Marano

    New link for the video? YouTube shows it as private.

  • bkrall4

    Would be super grateful if the video was set to public 🙂

Popular This Week
25 Must-Have Pages for Your E-commerce Website
January 30, 2015

25 Must-Have Pages for Your E-commerce Website

By Yvonne Weng
Taking Control of Image Loading
July 29, 2013

Taking Control of Image Loading

By Patrick Kunka
From Zero to Backbone in 48 Hours
May 22, 2014

From Zero to Backbone in 48 Hours

By Kevin Kneifel
5 Blind Spots to Consider When Designing Web Apps
July 31, 2014

5 Blind Spots to Consider When Designing Web Apps

By Yvonne Weng

Like what you’re reading? Sign up for the Barrel newsletter and receive updates.