PROJECT

Micro Tools: The Evolution of Vanguard's Digital Products

At Vanguard, one of the most transformative projects I've had the privilege to lead as the Lead UX Product Strategist is developing and implementing micro-tools. This initiative was rooted in the ambition to interweave interactive tools as dynamic components across Vanguard's public site, leveraging Adobe Experience Manager. The overarching goal was to enhance user engagement and offer more intuitive, context-aware experiences for existing and potential investors. From its initial conception, research, and design phases to addressing technical challenges, my ongoing involvement has been pivotal in steering this project towards continual refinement and success. As the digital landscape evolves, my commitment remains unwavering in ensuring these tools remain at the forefront of user-centric design and functionality.

outcomes

Company: Vanguard

Project Duration: June 2022 - Present

Role: Lead UX Product Strategist

Objective: Enhance user engagement and improve the digital experience on Vanguard's public site.

Background: The initiative addressed the navigational challenges and fragmented experience users, particularly novice investors, faced on Vanguard's site.

  • Collaborative Ideation
  • In-depth User Research
  • Iterative Design
  • Cross-team Collaboration

Solution: The core of the Micro Tools initiative was to embed intuitive, interactive tools within Vanguard's content pages. By integrating these tools directly into the content, users could interact in real time, streamlining their journey and enriching their engagement without the need to navigate between different pages.

Impact: While ongoing, early feedback suggests an enhanced user experience and increased engagement on Vanguard's public site, pointing to a successful strategic shift.

Development

the challenge

Note: due to the nature of this project, some information has been omitted for privacy purposes, including: initial, sketches and brainstorming documentation, user research, results, and prototypes that aren't live.

Introduction

In 2022, I took on an exciting challenge as Vanguard's Lead UX Strategist. Our mission was clear: to evolve our public site into a more dynamic and user-centric digital space. The Vanguard public site, which serves both our loyal customer base and potential newcomers, presented a diverse audience with varied levels of investment knowledge. This diversity brought about its unique set of challenges. For many, the world of investing can be daunting, and our platform needed to bridge the gap between complex financial data and user understanding. I believed that with the right blend of interactivity and clarity, we could enhance the user experience exponentially. Thus, with a vision to intertwine interactive tools seamlessly with our rich content, I set forth on this journey. It was more than just a design challenge; it was about revolutionizing the way we communicate complex financial concepts to our users, making it engaging and intuitive.

UX Workshop - Reviewing the first day of a 2 day UX workshop I ran and managed

Hypothesis:

Embedding custom interactive experiences or "Micro Tools" within our content would create a more cohesive and engaging user experience, increasing customer engagement and financial confidence.

These Micro Tools would act as digital assistants, walking users through financial processes, clarifying jargon, and breaking down complex investment concepts. Instead of sending our users on a digital wild goose chase, jumping from one page to another, why not bring the tools to them? Integrating these tools directly within the content they consume allows us to maintain user focus and guide them more efficiently. This initiative was born from observing common user behaviors and understanding their challenges—novice investors, whether familiar with Vanguard or not, often seek digestible, actionable insights. By marrying our content with intuitive interactive tools, we believed we could foster better comprehension, reduce exit rates, and encourage confident investment decisions. The hypothesis was clear: Enhance user engagement and understanding by making Vanguard's digital platform an ally in their investment journey, providing answers when needed.

Discovery & Research:

The genesis of our project was rooted in thorough, exhaustive research on Vanguard's public site. Through deep dives, surveys, and user studies, our team aimed to understand the challenges faced by our user base, especially the novice investors. We were not just focusing on what Vanguard users felt; we also wanted to gauge the pulse of potential users, people who might not have taken their first investment steps yet. This holistic approach provided a comprehensive canvas of pain points, desires, and expectations.

Two primary issues emerged from our analysis. Firstly, users found it daunting to jump between different pages, especially when they were in the middle of reading content, only to be redirected elsewhere for tools or further information. This not only fragmented their experience but also led to a significant drop in engagement as users often clicked away. Secondly, when users engaged with the tools, they felt overwhelmed. Novice investors were sometimes perplexed, not knowing how to input data or interpret the results they were presented with. They needed context, a narrative that guided them through the investment landscape.

Sample research conducted around how users approach retirement.

However, our research wasn't limited to just these findings. We meticulously reviewed previous studies undertaken by other Vanguard teams, ensuring that our insights were aligned and consistently pointing toward user needs. This collaborative and multi-faceted research approach was essential to ensure that our solutions would resonate universally and not just address isolated issues.

Ideation & Solution Development:

Post-research, the brainstorming sessions I led with our designers and strategists were the perfect place for creativity and innovation. We began weaving together ideas, seeking to craft a seamless online experience. A statement that didn't explicitly come up in our initial research but was a potential solution was the concept of micro tools. Instead of treating tools as isolated entities, we envisioned them as interactive components nestled seamlessly within content. This would provide users the context they needed, right where they needed it, eliminating the disruptive hop-around the website.

During one of our strategy sessions, I realized the potential of embedding these tools throughout the site. The hypothesis was clear: By integrating these interactive components with our content, we'd be enhancing comprehension and, in turn, the overall user experience. It was about hand-holding the user, walking them through their investment journey with intuitive prompts and actionable insights.

As we ventured into this ideation phase, we zeroed in on a specific user persona - the self-directed novice user, often overwhelmed by the myriad investment options. Retirement was a significant concern for them. Working closely with our in-house self-directed team, we brainstormed vital touchpoints. Where would a 'Retirement Preparedness' tool be most beneficial? What questions would guide a user logically through the process? How do we translate their answers into tangible next steps for them? These were just some of the myriad questions we grappled with.

Adding conceptual wireframes to existing public pages to see if the idea fits.

This intense ideation phase culminated in conceptualizing a 'Retirement Readiness' micro tool. This tool was about more than just filling in details. It was about understanding a user's current preparedness, offering them insights into their investment strategies, and guiding them toward a secure retirement future.

Design & Prototyping:

The design phase marked a significant shift from abstract concepts to tangible interfaces. This was the phase where we aimed to visualize the user journey we had ideated and flesh it out to its full potential. Collaborating closely with our dedicated designer, we started sketching the initial interfaces for the 'Retirement Readiness' micro tool. Given my role as the lead UX product strategist, it was paramount for me to ensure that the design decisions resonated with our overarching strategy and user research insights.

We worked tirelessly to strike a balance between intuitive design and information delivery. The tool had to be easy to navigate while delivering vital insights without overwhelming the novice investor. Picking the correct graphical elements, maintaining a consistent flow, and choosing colors that would resonate with the Vanguard brand were all essential parts of the process.

We meticulously crafted each interactive element to ensure that the tool wasn't just aesthetically pleasing and functionally robust. Would a slider or a dropdown be more intuitive for selecting age or investment amounts? How would we present the results in an insightful yet not intimidating way? These considerations were pivotal in our prototyping phase.

As the designs evolved, we developed several iterations, constantly refining and reevaluating based on internal feedback. Each tweak and change was driven by creating an experience that would truly resonate with our users, making the investment journey less daunting and empowering.

Throughout this phase, I connected closely with the self-directed stakeholder group, ensuring our designs aligned with their expectations and the larger organizational goals. This iterative, collaborative approach ensured that by the end of the design phase, we had a prototype that was user-centric and strategically sound.

User Testing & Feedback

User testing is where the rubber meets the road. With our prototype in hand, we eagerly entered this phase, anticipating valuable insights and feedback to refine our tool further. We reached out to both Vanguard and non-Vanguard customers, ensuring that our pool of testers was diverse and representative of our broader audience.

We constructed scenarios where users would navigate the 'Retirement Readiness' tool embedded within the context of content pages. We aimed to observe their interactions, gauge their comprehension, and, most importantly, discern if the embedded tools enhanced their experience and eased their investment journey.

Some insights were immediate: certain interactive elements that seemed intuitive during the design phase proved challenging for some users. Conversely, some of our design choices, like contextual tooltips and real-time result updates, were instantly appreciated, validating our design strategy.

However, it wasn't just about interface elements. Feedback also revolved around the content. Some novice investors desired more detailed explanations for specific investment terms, while others appreciated the straightforward approach. Striking the right balance between being informative and becoming overwhelming became a recurring theme in our feedback sessions.

Post-testing, our team came together for exhaustive debriefing sessions. Each piece of feedback, whether it was a minor UI tweak or a suggestion for a more in-depth content piece, was thoroughly discussed. This iterative feedback loop, driven by fundamental user interactions, was invaluable. It ensured that our tool wasn't just built on a foundation of research and design expertise but was validated and refined by the people it intended to serve.

This feedback-led approach cemented my belief in the importance of a user-centric design process. By constantly integrating user perspectives, we ensured that our final design would be engaging and genuinely serve our audience's needs.

Finalized Design & Integration:

Post user feedback, we found ourselves filled with invaluable insights and a clearer vision of what our 'Retirement Readiness' micro tool should genuinely encapsulate. It was time to synthesize everything: the primary research, collaborative ideation sessions, initial design hypotheses, user feedback, and in-house collaboration.

With an arsenal of user-driven feedback, our design process pivoted where necessary. We optimized the interface for clarity, streamlined content presentation, and ensured that the embedded tools, now a cornerstone of our strategy, were intuitive and user-friendly. Collaboration was at its peak during this phase. I liaised closely with the design team to ensure every pixel on the screen was purposeful and in service of our end users.

In parallel, coordination with the self-directed stakeholder group, marketing leaders, and tools team ensured that our final design was user-centric and aligned with Vanguard's broader strategic goals and objectives. We knew that for this initiative to succeed, it had to resonate with Vanguard's mission and value proposition.

Our finalized design was not just a singular tool but an amalgamation of multiple elements designed to guide novice investors seamlessly. It was a symphony of strategy, design, and user feedback. Every question posed, advice dispensed, and interactive element was crafted to provide users with a clear pathway toward understanding their retirement preparedness.

Finalize Mobile Designs

Integration into Vanguard's platform was the final milestone. With comprehensive documentation, including design research, user research findings, design specifications, and technical guidelines, the transition from a prototype to a live tool was smooth. As we embarked on this integration journey, it was heartening to see months of dedicated work come to fruition.

While this tool specifically is not yet live on the site, we have other smaller micro-tools that have been launched publicly. But this tool represents more than just a project. It's a testament to the power of collaboration, user-centric design, and a relentless pursuit of enhancing user experience.

Although the micro-tools will be scattered throughout the site, most of the tools for Vanguard public site can be found here.

Reflection & Forward-Look:

A few truths stand out in reflecting upon the entire 'Micro Tools' project. First and foremost is the undeniable significance of a user-centric approach in the design of digital products. By putting the user's experience and needs at the forefront, we didn't just create a tool; we crafted an experience tailored to the novice investor and a strategy for the entire business.

Moreover, the iterative design, testing, and refining process showcased the merits of flexibility and adaptability in product strategy. Only some of our initial hypotheses were spot-on, but they provided a springboard for deeper understanding and innovation.

The cross-collaboration between different teams within Vanguard was another revelation. The project's success wasn't just based on design or UX principles and how seamlessly it integrated with Vanguard's broader objectives and brand mission. This highlighted the importance of maintaining open communication channels across departments and ensuring everyone is aligned in purpose.

The 'Micro Tools' project sets a promising precedent for future endeavors at Vanguard. The integration of tools into content pages has not only provided an immediate solution to user challenges. Still, it has also set the foundation for a more integrated, holistic approach to content strategy in the future. It's evident now that we can do more than offer financial products – we can guide, educate, and empower our users in their financial journey.

As the project continues to evolve, I'm excited about the potential of further refining our tools based on ongoing feedback and adapting to the changing needs of our users. The landscape of finance and investment is ever-changing, as are our clientele's requirements and preferences. With the 'Micro Tools' initiative, Vanguard is better poised to pivot, innovate, and serve our users more effectively.