Content Redesign
The City of Boston Parks and Recreation Department Website Homepage
My team focused on the redesign of the content of Parks and Recreation website homepage. In particular, we directed our attention to the areas of the homepage where users might look for pertinent information. We discovered that users of the Parks and Recreation website homepage needed clear, distinct navigation categories presented in a prominent manner so that they could find the information they needed with more efficiency and less confusion.
Skills Used: User Interviews, Competitive Analysis, Information Architecture, User Interface Design, Wireframes, Card Sort, Prototypes, Usability Testing
About the City of Boston Parks and Recreation Department
The Parks and Recreation Department not only maintains parks, parks facilities, and thousands of trees throughout Boston, but they also maintain a lot of engaging, important, and competing content on their website for all of the city’s constituents.
The Problem
The City of Boston Parks and Recreation Department approached us with a problem that was not only large in scope, but loaded with ambiguity.
They were looking for help reviewing and rethinking the layout content on their site to ensure they were communicating effectively to Bostonians as well as how they were communicating about their active procurements process, or the contractor opportunities, to work with their department.
Assessing How Content Is Organized
We decided to look at four other parks department homepages and conduct competitive and comparative analyses to learn more about what content their homepages contained as well as to receive insights into their user interface designs.
Discovering Stakeholders’ Underlying Motivations
Gaining Insights into Users’ Needs
Learning from our client’s needs, we concluded that their users were Bostonians who used the parks and parks facilities. Also based on our client’s initial needs, we also concluded that their users were those people looking for ways to work with the department. This included contractors, vendors, and performers. After a user recruitment period, we then proceeded with User Interviews.
Using Insights to Create Three Distinct User Personas
Based on the insights we discovered from the user interviews, we produced three personas that would guide us throughout the development phase.
Click on images below to enlarge.
Primary
Jenny, the enthusiastic park goer: Jenny needs a way to find accurate information on the website about events happening in the parks.
Secondary
Hawa, the local business owner: Hawa is trying to find all the information she needs to work with Parks and Recreation department.
Tertiary
Sam, a more casual park goer: Sam needs a way to learn more about particular parks in the city of Boston. This persona was kept in the background.
Shaping the Redesign
Design Studio to Wireframes
We conducted a Design Studio to get all of our design ideas on paper. My rough sketches highlighted the user needs for prominently displayed navigation. Eventually, we synthesized our initial sketches into low-fidelity wireframes. Using Sketch, a digital design software, I rendered the first iteration of what would become the Parks and Recreation homepage redesign.
Discovering the Most Useful Way to Categorize Info
Producing a Website Model for Future Iterations
We produced two iterations of clickable prototypes of the Parks and Recreation Department website homepage combined with two rounds of usability tests. I made both the Usability Test Plan as well as the Usability Test Report
Conclusion and Next Steps
Our three-week User Experience Content Redesign for the City of Boston Parks and Recreation website demonstrated that their users’ experiences could improve immensely from a change to their homepage navigation. And while we only touched the very tip of the iceberg, we were happy to conclude that we discovered a lot that the Parks and Recreation department could continue to build upon.
Final Prototype
View a recording of our final clickable prototype.