.05
Educator Community
Skills
- UX & UI
- Content Strategy
- Product Design
- Visual Design
- Prototyping
Introduction
The National Geographic Educator Community enables teachers to connect with like-minded peers, create personalized collections of NGS resources, and explore National Geographic curated collections and content. Being able to create personalized collections and seek advice from other educators makes lesson planning easier for teachers. National Geographic Education contracted me (via Celerity) to develop their community concept through user workflows, wireframes, visual design comps, and prototypes.
PHASE 1: USER WORKFLOWS
After conducting research and whiteboarding sessions to define requirements and objectives, I developed user flows for logged-out and logged-in states. Logged-out users are able to search and explore National Geographic and member collections and resources but are encouraged to log-in or create an account. Any attempt to like, comment, follow or collect prompts users to become members of the community. Included in the logged-out user flows is a detailed process outlining how users create accounts.
Once logged-in, a user can like or comment on National Geographic content, follow teachers and collections, and collect resources to personal collections. They can also update their account information and manage their personal dashboard. This workflow outlines in detail all of the processes by which a user might do any activity on the community.
PHASES 2 & 3: WIREFRAMING & VISUAL DESIGN
My overall concept relied heavily on integrating with the already existing National Geographic Education website. I proposed a redesigned homepage that promotes joining Community to user’s who are logged-out. Users who are currently logged-in are encouraged to add teachers with similar interests to their network and engage with their network’s recent activity. They can then toggle between network activity or National Geographic Curated Collections.
PHASES 2 & 3: WIREFRAMING & VISUAL DESIGN
Above is a zoomed-out view of a user’s profile or dashboard. Here, a user can view their collections or create a new one, view and edit followed collections (collections created by other users), view and curate favorited content, and view and edit followers (as well as who they are following). Users can also edit or update their account information here as well.
PHASES 2 & 3: WIREFRAMING & VISUAL DESIGN
The success of Community hinges on teachers adding resources to collections. Above, is the process by which an activity is added to a new collection. The user is required to input a name and description, set as private or public, and define tags. They are then given the opportunity to add related content to their collection.
