Redesigning the Website
While the Insight team was responsible for tackling the branding redesign, my role mostly centered on improving the user experience, refining the sites information architecture, and organizing the content for the website revamp.
Competitive Analysis
To kick off the redesign process I completed a competitive analysis. During the stakeholder and user interviews, participants were asked about other education websites they frequent and find appealing. Their responses and my own additional research resulted in a list of websites to use for analysis.
Findings
The websites I reviewed shared several noteworthy features:
Minimal and Intuitive Navigation: Most sites boasted a streamlined and user-friendly navigation system, facilitating easy exploration and access to information.
Audience-Oriented Organization: A majority of the sites have a navigation that is organized with specific user groups in mind, like students, teachers, and administrators.
Student-Centric Design: Almost all of the sites had a design that highlighted students and teachers.
Relevance and Timeliness: Content across the analyzed websites was clearly kept current, ensuring users are accessing up-to-date information.
The Navigation
Taking charge of the navigation redesign posed some initial challenges. One being the vast amount of essential information inherent to a website like NDEs. It was difficult to balance having information be easily accessible and overwhelming users with an overly cluttered navigation. Figuring out where to start felt daunting at first, but I jumped in, knowing clarity would come with action.
My process for redesigning the navigation went like this:
Understand & Prioritize
To start this process I first took a look at the navigation and the fist level of content to familiarize myself with everything.
I then facilitated workshops with project stakeholders to review and discuss the pages within the navigation. Together, we examined the purpose, target audience, and priority of each page, which enabled us to identify and determine which pages are unnecessary. Additionally, leveraging insights from Google Analytics and stakeholder interviews, we pinpointed the most critical pages that warranted prominent placement within the navigation menu.
Reorganize
I began the reorganization phase by first removing the unnecessary pages to declutter the navigation and adding a few high-traffic pages to ensure easy accessibility to that information. It was also important that I reworded some links for clarity. We then as a team decided to structure the main navigation around three primary user groups; Educators, Students and Families, and Community. We highlighted key links within each category and also created a sub-navigation for general information.
Test
To see how well our new navigation worked, we put together a tree test. This asked participants to tackle tasks that were identified as important. We sent this test out to NDE and Insight employees to get diverse perspectives. The results from this helped us to refine the navigation further.
Present
After sharing the updated navigation with stakeholders, we tweaked it based on their feedback, ensuring it aligned with their project goals and user needs. This iterative process led to a more user-friendly navigation system, making it easier for visitors to find what they need on the website.
This was the navigation after testing and user feedback. Here you can see the link menu that opens when you click on an audience. This design was only meant to get the ideas of the navigation across to stakeholder.