Context

In the ever-evolving landscape of the energy sector, where complexity and precision are paramount, the MISO Energy Help Center stood as a beacon of support for market participants. However, as user needs evolved and technology advanced, it became evident that a comprehensive redesign was necessary to ensure the Help Center remained a robust and user-friendly resource.

Problem

MISO Energy's Help Center was facing usability challenges that hindered user experience and satisfaction. Navigating the platform was a maze, finding relevant articles was a struggle, and the lack of real-time support ticket updates added to the frustration. It was time for a user-centric redesign.

Groundwork - Research and Analysis

Our quest began with a deep dive into existing literature, industry best practices, and a thorough examination of competing Help Centers with mixed-methods research.

Heuristic Evaluation 🔍

Our heuristic analysis uncovered crucial usability issues:

• 🧭 Navigation Woes: Locating specific information like PRA timelines and market participant requirements was a daunting task.
• 🔎 Limited Search: Identifying key elements like the Operator Interface or day-ahead market opening times was nearly impossible.

Competitive Analysis 📊

Benchmarking against industry leaders like CAISO, NYISO, and ERCOT revealed opportunities for improvement:

• 🌐 Community Engagement: Implementing platforms like NYISO's Member Community could foster collaboration and knowledge sharing.
• 💬 Feedback Loop: Establishing structured feedback mechanisms would enable continuous improvement based on user insights.

Quantitative Research Analysis 📊

To complement our qualitative insights, I conducted an in-depth quantitative analysis using data from Google Analytics and the MISO Energy Help Center's search logs. This analysis provided valuable quantitative metrics and visualizations, enabling us to make data-driven decisions for the redesign.

Key insights unearthed from analysis

• Prioritizing User Concerns: The analysis of top search terms & word cloud visualization like "ceii," "mtep," and "learning center" pointed towards specific content areas that need emphasis, informing content prioritization in the redesign.
• Search Interface Optimization: The predominance of short search query trends underscored the need for a more intuitive and succinct search interface, optimized for long search terms and accuracy.
• Streamlining User Navigation: The Sankey diagram suggested potential user navigation paths within the Help Center, crucial for redesigning the navigation structure to be more intuitive and user-friendly.

Giving Voice to the /actual/ people

We embarked on a series of in-depth user contextual interviews from the MISO Clents and Client Support team, carefully crafted to capture the firsthand experiences, frustrations, and aspirations of diverse Help Center users as true essence of user-centric design lay in the voices of the users themselves

User Interviews 👂

We let the actual people using this site do the talking, and their voices echoed loud and clear:

• 👀 Design Inconsistencies: Visual glitches in search boxes and category selections disrupted the user flow.
• ⌛ Lack of Real-Time Updates: The absence of support ticket status updates left users in the dark.

Affinity mapping allowed us to categorize and synthesize the wealth of qualitative data, revealing recurring themes and pain points that would have otherwise remained obscured. Through this process, we uncovered critical insights into design issues, functional gaps, and technical shortcomings that directly impacted user satisfaction and engagement with the Help Center.

Bringing People Experiences to Life

With these insights, we embarked on the next phase of our user-centric journey: persona development and journey mapping. These powerful techniques allowed us to breathe life into the abstract data, transforming it into tangible representations of our target users and their experiences.

Persona Development 👫

To truly understand our users, we crafted personas that embodied their goals, behaviors, and pain points:

Sarah, the Frequent User👩🏼‍💼

• 🔍 Struggles to find specific information due to poor search functionality.
• 😞 Frustrated by navigation difficulties and ineffective article rating systems.

Mike, the Newcomer🙋🏽‍♂️

• 🆕 New to the energy sector, heavily reliant on FAQs and guidance.
• 😩 Overwhelmed by complex navigation and lack of straightforward access to essential information.

Complementing the personas, we created user journey maps, visually depicting the various stages of interaction with the Help Center, from initial contact to resolution. These maps highlighted critical pain areas and areas of satisfaction, providing a holistic view of the user experience and informing our design decisions.

Design Solutions - Ideation, Prototyping, and Usability Testing

With a solid understanding of user needs and a clear vision of the target experiences, we embarked on the iterative journey of ideation and prototyping. Initial sketches and paper mock-ups gave way to low-fidelity and high-fidelity digital prototypes, each iteration refined and enhanced based on continuous feedback and user validation.

Enhanced Search 🔍

• Revamped Search flow and Search results with better filtering & sorting options for clarity and ease of use.
• Introduced 'Popular Searches' to guide users towards frequently searched topics.
• Designed Search box with auto-suggestion to enhance user experience for longer search queries.

Streamlined Navigation & Visual Elements 🧭

• Rich & Modern pop-up design to enhance engagement and cater to varied help center preferences.
• Optimized menu structures and link styles for an intuitive, user-friendly interface.
• Adherence to accessibility standards ensures an inclusive experience for all.

Knowledge Base Overhaul 📚

• Redesigned front page for intuitive article access, clear link styles, and effective navigation.
• Ensured up-to-date content and responsive design for seamless article browising.

Usability Testing

The usability testing phase was particularly enlightening, as we observed users interact with our prototypes in real-time. We meticulously analyzed their feedback, behaviors, and SUS scores, making strategic post-test design changes to address identified pain points and incorporate user suggestions seamlessly.

• 87.5 SUS Score for the search flow, indicating high usability and user satisfaction.
• 90% of users utilized autosuggestions, validating their discoverability and ease of use.
• 65% visibility of popular searches, addressing a critical usability concern.

Course Corrections: Refining final touches

• Search Flow Improvements: Adhering to Fitts's Law, we streamlined search result navigation and filtering options, minimizing user effort in interactions. Capitalizing on the Visibility heuristic, we amplified the prominence of popular search terms, guiding users toward frequently traversed knowledge paths.
• Layout Balancing Act: Striking harmony between information density, accessibility and navigational clarity, we refined content layouts and categorization through the application of Proximity and Common Region Laws. This facilitated smoother mental focus and enhanced user experience.

Culmination - Final Prototype and Future Outlook

After months of meticulous research, design iterations, and user validation, we unveiled the culmination of our efforts: the final prototype of the redesigned MISO Energy Help Center. This prototype embodied the principles of user-centric design, streamlined navigation, advanced search functionality, personalized content, and adherence to accessibility standards.

Key Successes of the Redesign

• Improved search functionality, with advanced filters and auto-suggestions, leading to a 25% increase in successful searches.
• Enhanced navigation with a restructured menu and clear link styles, resulting in a 30% reduction in user drop-off rates.
• Streamlined knowledge article layout, providing intuitive access to FAQs and effective feedback mechanisms, boosting user satisfaction by 20%.

Want a deeper dive?
Get in touch to schedule a presentation.