The Washington Post

The Prouct

Simple, yet powerful

Desktop

In approaching the redesign of this tool, our aim was to enhance usability and efficiency for employees. Through extensive user research, including interviews and card sorting, we identified key pain points and user needs. Our design prioritized clarity, consistency, and simplicity, ensuring that information was logically structured and easy to navigate. Seamless integration with other tools were implemented to tailor the experience to individual user preferences and workflow requirements. Iterative feedback loops with users throughout the design process ensured that the final product exceeded expectations, fostering greater collaboration, productivity, and satisfaction across the organization.

Mobile

In approaching the redesign of this tool, our aim was to enhance usability and efficiency for employees. Through extensive user research, including interviews and card sorting, we identified key pain points and user needs. Our design prioritized clarity, consistency, and simplicity, ensuring that information was logically structured and easy to navigate. Seamless integration with other tools were implemented to tailor the experience to individual user preferences and workflow requirements. Iterative feedback loops with users throughout the design process ensured that the final product exceeded expectations, fostering greater collaboration, productivity, and satisfaction across the organization.

Methodology Overview

Research

• Employee Interviews
• Stakeholder Interviews
• Card Storing Workshop
• Tree Testing

Multiple Users - Elements Webflow Library - BRIX Templates

Design

• Sitemaps and Personas
• Wireframe and Sketches
• Rapid Prototyping
• Responsive Design

Mobile App - Elements Webflow Library - BRIX Templates

Tools

• Sketch app
• Whimsical
• Invision
• Optimal Workshop

Desktop App - Elements Webflow Library - BRIX Templates

User Interviews

During this process, we focused on asking questions that would help us understand areas of opportunity to focus on. For our user interviews, I began with the following topics to better understand their workflow;

How they interacted with the website

Any pain points they encounter in their day to day while using the tool

Opportunities they might want to share to imrpove their experience

Interview FIndings

User Insights

• User found the navigation menu a bit confusing to use where some items wouldn't be where they expect it to be.
• When locating resources, it was difficult for people to find the most updated documents.
• Users didn't have the option to search, they had to navigate the website using the nav menu.
• The tool was primarily used to search for other colleagues and their location in the office
• HR wanted a way to build a more consistent communication line with its employees. They found that its difficult to post new information within the current website.
‍

Stakeholder requirments

Stakeholder discussions allowed the team to identity where the MVP efforts should be focused on for the redesigned solution.
• Home page
     • Hero Banner
     • OKTA Apps Quick Links
     • Featured Events
     • Featured "In the News"
• Search Page and Indexing
• Informational Page
     • Resources Download link
     • Related Resources
‍

Understanding our Users

These personas serve as empathetic guides throughout the design process, helping us understand and prioritize user needs and behaviors.

Tree Testing

The image displayed showcases the outcomes of our tree testing activity, a remote session where users engaged with scenarios and specific tasks. The primary objective was to discern the most intuitive paths or options for users. By analyzing activities with high failure rates, we pinpointed areas of confusion within the current site map. This method enabled us to revisit and refine opportunities for improvement within the sitemap, ensuring a more seamless user experience.

Insights

• High failure rate occurred when participants reached " Employee Resources"
• Close to half of participants utilized the back button to choose another route.
• About 25% of participants failed the home page scenario
‍

Information Architecture

With the research conducted and analyzed, our sitemap was organized so users could easily locate resource online. Below is a snapshot of the sitemap generated for mapping resources in our new design.

WireFraming Components

We wanted to have consistent layouts throughout the website. in order to meet the goal requirements of the new tool, we needed to confirm that the proposed layout templates met those business requirements (event registration, social integration, workday integration, etc).

Componentizing these the following elements allows us to create a consistent experience for users and allowed developers to efficiently build our MVP.

• Content Cards
• Side Panel Navigation
• Hero Banner
• Page Header
• Global Navigation

Imagining the Visual Brand with stakeholders

Voice and Tone

Meeting with various stakeholders, we embarked on the voice and tone workshop, a journey to define the very essence of the brand's communication. Through lively discussions and engaging exercises, we delved into the personality and style that would resonate with our audience. Like characters in a story, each participant contributed to crafting the narrative of our brand's voice, ensuring that every message would captivate and connect with our audience, weaving a cohesive and compelling tale of who we are and what we stand for.