edcom-nav-goals-sketch

Education.com makes engaging games and printables for parents and teachers who want to support kids' learning.

Imagine you are a parent trying to find a printable worksheet to help your child with math. You search on Google and click on a promising-looking result. When you arrive at the site, it's unclear what the site offers, whether it costs money—and the brand name isn't memorable. You may download one item, but you're unlikely to remember that you signed up or to buy a subscription.

Education.com makes engaging games and printables for parents and teachers who want to support kids' learning.

Imagine you are a parent trying to find a printable worksheet to help your child with math. You search on Google and click on a promising-looking result. When you arrive at the site, it's unclear what the site offers and whether it costs money—plus, the brand name isn't memorable. You may download one item, but you're unlikely to remember that you signed up or to buy a subscription.

Education.com makes engaging games and printables for parents and teachers who want to support kids' learning.

Imagine you are a parent trying to find a printable worksheet to help your child with math. You search on Google and click on a promising-looking result. When you arrive at the site, it's unclear what the site offers, whether it costs money—and the brand name isn't memorable. You may download one item, but you're unlikely to remember that you signed up or to buy a subscription.

Education.com makes engaging games and printables for parents and teachers who want to support kids' learning.

Imagine you are a parent trying to find a printable worksheet to help your child with math. You search on Google and click on a promising-looking result. When you arrive at the site, it's unclear what the site offers and whether it costs money—plus, the brand name isn't memorable. You may download one item, but you're unlikely to remember that you signed up or to buy a subscription.

Education.com makes engaging games and printables for parents and teachers who want to support kids' learning.

Imagine you are a parent trying to find a printable worksheet to help your child with math. You search on Google and click on a promising-looking result. When you arrive at the site, it's unclear what the site offers, whether it costs money—and the brand name isn't memorable. You may download one item, but you're unlikely to remember that you signed up or to buy a subscription.

Corinne is a UX champion, making our complex data seem simple and beautiful. Her work is furthered by her ability to collaborate—partnering with design, development, advisors, and product. She has an eye for detail and a desire to connect with the customer.

- Cindy Lincks
  CEO at Reachify

Timeline
Jan–May 2017

KEY GOAL
Design an MVP SaaS tool for retail brands to find enterprise eCommerce software.

COMPANY
Reachify, a seed-funded startup.

My role
Lead UX Designer. Hired and led a small team of designers.

The problem
Visitors arrive looking for one free resource, not a premium subscription with all kinds of resources.

Education.com creates content to help children, but their product users are teachers and parents, including homeschoolers. As a result, the mental models and understanding of the subject area vary widely. Everyone wants to help kids, but their expectations, goals, and tasks aren't the same.

An affinity diagram of friction points in the conversion journey.

Affinity diagraming friction points in the conversion journey.

process
Discovery, iterative design, research, final UI design, validation.

I worked with one CEO and the heads of many departments to coordinate this cross-company initiative. I also collaborated closely with engineering partners and members of the onsite design team.

The team and I maintained close contact through remote working sessions and review meetings, online documents and design tools, and daily standup meetings. Most of the group is co-located in California, while some were in Texas and Colorado, and I was in Seattle.

Discovery phase:

  • Clarifying project goals
  • Understanding what went wrong in prior redesigns
  • Validating that project goals support short- and long-term business goals
  • Identifying users and user stories (what people want to do and why)
  • Uncovering working assumptions
  • Collaborating with SEO Director to understand which navigational links and terms are key and which are not
  • Reviewing competitive and inspirational products
  • Hiring an IA expert to model the subject domain to tease out accurate content types, objects, and attributes that are represented in the search and browse system
  • Working with heads of content, marketing, and SEO to identify where the structure around resources can be simplified, renamed to align with user mental models, and where content can be deprecated that does not align with the core business or user conversion
  • Documenting the project plan and getting stakeholder buy-in, iterating until clarity and agreement are achieved
Research:
  • Interviewing department heads and key employees across the company to understand all the interconnected needs and driving forces behind the existing system and interface
  • Reviewing existing research as a baseline
  • Reviewing existing analytics and marketing data around conversion
  • Leading data scientist and engineer in the creation of a custom user journey Mode dashboard to answer questions not known through existing data
  • Running an online card sort with representative user groups to explore IA structures and terminology
  • Running multiple unmoderated user studies on specific aspects of the existing design and prototypes
  • Running CrazyEgg tests on existing and later redesigned pages to evaluate scroll depth and click patterns in aggregate and by user type
  • Collaborating with a data scientist on new Mode dashboards to better understand user behavior data
  • Running surveys internally and externally on questions like feature naming, terminology, and other targeted questions
  • Running single-question contextual surveys to determine user reactions to experience changes or user expectations in specific feature areas.
  • Implementing new metrics to gather previously-unknown data about user behavior
  • Designing AB tests with the lead engineer to determine how best to chunk and evaluate sweeping changes to the experience
  • Hiring a qualitative research firm and collaborating on a moderated test plan to evaluate the redesigned navigation and search experiences
  • Collaborating with the internal researcher on further unmoderated research to evaluate additional  refinements to the initial release and assess interest in future-looking concepts
Sketches of possible navigation solutions.

Sketches of global navigation approaches for SEO requirements and user mental models.

Sketches of ideas for the search results page (learning library).

Sketches of ideas for the Learning Library (search results), which is the most common  place where visitors enter the website.

Iterative design:
  • Creating an entry point map to understand where key conversion opportunities sit
  • Outlining the information architecture and refining it with SEO and other stakeholders to ensure it meets all foreseeable requirements
  • Creating hand-drawn sketches of various pages and parts of the system to generate and evaluate many ideas quickly
  • Designing all project screens, their various system states, and several future-looking search features
  • Wireframing draft designs in the Sketch app
  • Reviewing designs against goals with executives, varied project stakeholders, and engineering
  • Prototyping various flows in Invision and micro-interactions in Flinto for user testing and internal presentations
  • Art direction of final UI visual designs
  • Mocking up and outlining all pages and system states with functional 'UX notes' about interactions and system behaviors
  • Collaborating on project documentation in Confluence for both short-term project needs and future-looking knowledge capture and sharing
  • Creating and editing Jira tickets for the team's agile sprints to include Zeplin design links and to surface important functional design requirements
  • Attending regular engineering standups to present designs, answer questions, and participate in QA
  • Coordinate with other designers on various projects that depended on or touched the search and navigation projects

The Results
Launched redesigned search and global navigation in fall 2018.

Through the discovery process, I determined that the search experience is critical to conversion since it is the most common entry point and the gateway to all curricula.

Global navigation is less important for this particular site, but still an important wayfinding tool. In addition, since global navigation appears on all pages, it provides an important tool for explaining the website's brand, purpose, and scope.

These UX redesigns coincided with a massive rebranding project. This made it important that we user test and AB test functional changes independent of the visual changes to control our variables.

The designs I created for Education.com show:

  • Responsive search experiences for all user types
  • Responsive global navigation, including customizations for free and premium members and parent vs teacher accounts
  • Designs incorporating the new branding as well as those tested in the old brand style
  • A reduced number of navigation links that support all key SEO needs as well as seasonal marketing needs
  • Reorganized filter facets, including some content deprecation, carefully vetted with the SEO, marketing, and content teams

Qualitative user research confirmed that users preferred the new designs. Parents and teachers could comprehend the site more easily and find the specific resources they needed. User awareness of premium features increased.

I also documented further work to be done to refine the navigation model and feature naming, improve the search algorithm, and refine the UX to better meet user needs and business goals.

See more of my work

Telehealth in schoolsHealthtech + Education

Crypto bankingEnterprise-focused fintech startup

Enterprise SaaS toolResearch tool for eCommerce brands

 

Like what you see? Let's chat.

Corinne Sherry Design, Inc.
Independent UX specialist based in Seattle, WA, USA. Since 2009 I've been creating great products remotely with teams located anywhere. This is a woman-owned business.

Contents of this site are copyright by Corinne Sherry Design, Inc. and by the companies whose products are represented.