 |
| The City Browser focuses its browsing experience on a specific city, empowering the user to explore the nooks and crannies of a single city, from its geography to its culture. Here, they can view customized content uploaded by other users, digitally “enter” and explore the interior space of various locations, save their favorite | locations to a list, and have their browsing experience documented by an evolving and organic interactive map. The Ciy Browser links to social media, Facebook and Twitter, giving updates of the actions users take within the city browser space, thus retelling the narrative of the user’s journey through the digital city. |
INTERACTING WITH A CITY USING THE CITY BROWSER
Saving Favorite Locations And Accessing User Created Content
| In the header bar, there are three buttons with large icons that represent viewing user created content (the pencil icon), viewing saved favorite locations (the star icon), and viewing the personal map (the connects spheres icon). These buttons act as toggle buttons, revealing and hiding this content. Saving favorites can be accomplished in two ways. The user can minesweep over a location and reveal its |
quick info balloon and expose the option to save that location or the user can digitally enter the location and save it from there. When the user clicks the user created content button “on”, the sidebar gives the user drawing and uploading tools to create their own content from tagging certain places with photos to drawing content like their favorite jogging path. |
 |
Defining The Narrative Of The User’s Browsing Experience Through The Personal Map
| As the user browses through the city and digitally enters locations, those interactions are recorded, resulting in an interactive map. The pegs mark where the user has gone to. The different colors are indicative of a color spectrum that represents frequency of visits combined with amount of content contributed to each location. | The content contributed can be a response to a discussion forum post, the creation of a new discussion forum post, the uploading and sharing of an image, etc. Across time, the map will change and organically develop, telling a narrative of the user’s personal interests. |
 |
Entering The Various Locations/Spaces Of A City
| Half the experience of the City Browser revolves around the map view, outside of a specific location. The second half is the action of “entering” a physical space without having to actually be there. Each location has it’s own website template, available to them from an inventory of themes for their own customization although they all share some common functionality. Each location’s website will still have the | header bar with search field and buttons giving the user the ability to log out, access their account settings, save the location as a favorite, and exit the location. The second common functionality is to “tour” the space. This gives the user the ability to look around the space as though they were physically there, using the scroller and magnifier tools in the map view to move around the space. |
 |
Exploring The Interior Spaces Of The City
| Users can “tour” the interior spaces of a city using the City Browser. The primary experience should translate to the user being able to view the physical space | without being there. The magnifier and scrolling tools available in the map view are available for this functionality. |
 |
A BRIEF LOOK AT MY PROCESS
Establishing User Scenarios
 |
Highlighting Key Flows Across The Experience
 |
Creating Wireframes Based On User Scenarios And Key Flows
 |