Overview
For decades, roller skaters have been outliers in skate parks and bowls, and the terminology around tricks and movements have been driven by the skateboard and inline communities.
Problematic language and references spurred the quad skating community to develop their own collection of tricks that was more reflective of the community and its members. In 2014, CIB, a major organization in the quad skating community, developed the first quad skating guide and named it the Tricktionary.
Currently existing as a text-based web page with little to no visual aids, the Tricktionary does not serve the community’s needs which are more technology-focused and mobile than ever.
Interest Growth
The popularity of quad skating has grown pretty steadily since the resurgence of roller derby in 2005, but most recently due to the pandemic.
This new generation of “pandemic” skaters are now at a pivotal point in their skating trajectory. They are steady on their wheels and are looking for new things to try. Their first instinct is to turn to the internet and social media.
Social Media Presence
The roller skating community on social media is massive. From jam skating to groups of skaters taking over skateparks, it’s difficult not to be impressed by the tricks one can find on Instagram or TikTok.
#CIB
247K posts
#quadskates
545K posts
#rollerskates
1.2M posts
Tiktok
#CIBcrew
58M views
#parkskating
37.4M views
#spreadthestoke
3.2M views
The Problem
Learning a skate trick from a video is difficult. The clips are usually short with little to no explanation or mention of a trick name or required movement. The highlight reel might get the most likes or plays, but it’s not the most effective educationally.
There are a handful of informative content creators, but their videos are scattered across different social media platforms, and can be difficult to find. Finding more information about a specific trick is challenging, especially when the source is a 20-second clip and tricks are not named or identified.
The Solution
The Tricktionary is a community-built trick database. Functioning as a digital companion to quad park skating, it allows users to increase their institutional knowledge about skate tricks and connect with other skaters in order to get feedback and show off their skills.
How might we provide skaters with a safe and reputable resource to gain knowledge about quad skating and learn new tricks?
Responsibilities and Scope
This project was completed as a team of one. User feedback and market fit was completed and analyzed during the initial research and discovery phase, which informed the design and usability phase.
Project Duration
16 weeks
60+ screens
My Role
Project Manager
Researcher
Designer
Content Strategist
Users and Audience
From beginners to seasoned veterans, all skaters could benefit from this product. New skaters could increase their base knowledge about trick names and terminology, while also asking for feedback from the community on their form. Veteran skaters could take a larger contributing role by adding instructional videos to the product, or giving feedback on specific tricks.
Stakeholders
Community involvement is a main contributor to this product, so the quad skating community is considered to be a major stakeholder. The educational aspect of the product can be leveraged to encourage usage and involvement.
Additional business opportunities could include ad placement or skate park or individual trick sponsorship for interested skate and gear companies.
Research and Analysis
Assumptions
Some assumptions were made as we moved through the research phase in order to keep scope narrow and avoid decision paralysis.
Community
The local quad skating communities use social media as their main form of communication, but skaters are looking for a stronger sense of the larger quad skating community that exists globally.
Education
Skaters need a consistent place to go to learn a new skill that does not require constantly bugging the best skater at the skatepark for advice.
Accessibility
Many quad park skaters video themselves or others and post those videos on Instagram, but they are posting into a void. At the mercy of the algorithm, their videos often get lost and can be difficult to find.
Support
Comradery and support are abundant throughout the quad skating community – skaters of all skill levels want to watch and encourage other skaters in the community.
Risk Analysis
Given the team structure and timeline, a risk analysis matrix was developed to identify potential issues that would cause the project to stall or halt completely. We kept these in mind as we moved through the process
Outcome | Risk | Risk Trigger | Mitigation Strategy | Owner |
---|---|---|---|---|
Easy to use | Does not find product easy to use | UI design and product structure fail | Conduct frequent usability tests to design a clear UI | Design Team |
Connect with community through product and feedback | Does not find uploading video/feedback features quick and easy to use | UI design and product structure fail | Conduct frequent usability tests to design a clear UI | Design Team | Personal tracking of tricks and skill progression | Fail to input trick knowledge into product | Does not find the product useful | Conduct ongoing user tests to determine user needs | Research Team |
Success Metrics
It was important to define success before moving into the design phase. Direct success would be determined by the number of users and their interactivity (initial sign-ups, continued/active memberships) as well as the number of videos uploaded and product reviews and ratings. Indirect success could be attributed to increased traffic or sales of promotional partners, or donations to community skateparks.
The Competition
Although there are no existing direct competitors, the chart below analyzes the current indirect competitors.
Riders | Streeet | MySkatePro | |
---|---|---|---|
Sport(s) | BMX, Skate, MTB, Wakeboard, Snowboard, Longboard, Inline, Ski, and others | Skateboarding | Roller Skating (Quad) |
Community within Product | Yes | - | - |
Detailed Trick Instruction | Yes | Yes | Yes |
Individual Progress Tracking | Yes | Yes | Yes |
Personalized Training Plans | Yes, with paid plan | - | Yes, with paid plan |
Community Research
A key stakeholder and subject matter expert was interviewed about the current goals of a company at the forefront of the quad skating community. They were also able to provide clarity about the market and identify any potential competitors.
A survey was conducted via social media to members of the quad skating community who had some level of familiarity with the Tricktionary.
The survey was used to confirm certain assumptions surrounding social media usage and device type as well as pinpoint how they learn new tricks, and identify any characteristics of trick instruction that is helpful to them.
Key Takeaways
40+ people
<5 yrs
68% of respondents have been skating for less than 5 years
97% skated at skateparks
Shortstop is #1
95% of participants mentioned a specific creator
>40% used in-person instruction to learn a trick
29% used instructional videos
100% take videos of themselves; 98% post on Instagram
Personas
User personas were created to better understand the potential audience. This helped increase empathy and imagine their potential motivations for using the product.
Alex
Behaviors
Started roller skating during the pandemic
Passionate about social justice
Needs and Goals
Wants to go to the skate park and/or find skating buddies
Trying to learn new tricks from social media
User-friendly and approachable
Alex started skating during the pandemic, and has not found anyone to go skating with them or ask for advice. They are looking for a way to find friends to skate with, but are intimidated by the idea of going to a skate park by themselves.
Jordan
Behaviors
Dog lover
Veteran roller skater and park skater
Needs and Goals
Get feedback from other skaters on form
Learn skating history and trick names
Contribute to the overall skating community
Jordan has been skating for a number of years, but the pandemic forced them to seek out a skate park. They have picked up the basic park tricks pretty quickly and is looking for help getting to the next level. They also want to learn more about the trick names and contribute to the skateparks and groups that they are a part of.
Process
Exploration
A mind map was created to encourage exploration of potential features of the product. They were focused into two broad categories: community and education.
Those were then leveraged against the user profiles and prioritized in order to ensure product success.
Product Features
Based off of the initial user research and conversation with the SME, specific features were identified to keep the project on scope and delivered on time.
Find a Trick
Tricks would be categorized and tagged, making them easy to find. A user could search by name, skill level needed, or find a trick organically through the home screen feed.
Find a Place to Skate
Skate parks would include additional information that would be helpful to skaters, including materials and conditions, environment, and community patrons.
Track Your Progress
Users could upload their personal videos to track their progress, contribute to the Tricktionary, or to ask fellow skaters for feedback on their movement.
Connect with Skaters
Users could follow other skaters to see their individual progress and comment on their uploaded videos. Pro users could upload instructional videos to diversity the tutorials provided.
User Flows
User flows were built in order to examine how an ideal user would move throughout the product and highlight any initial unclear pathways.
Ideation
Those user flows were applied to wireframe sketches in order to visualize any potential confusion or missed steps. The wireframes focused on the three main flows:
Searching for a trick
Finding a place to skate
Following a skater
Task Flows
Find a Trick: Tricks would be categorized and tagged, making them easy to find. A user could search by name, skill level needed, or find a trick organically through the home screen feed.
Find a Place to Skate: Skate parks would include additional information that would be helpful to skaters, including materials and conditions, environment, and community patrons.
Follow a Skater: Users could also follow other skaters to see their individual progress and comment on their uploaded videos. Pro users could upload instructional videos to diversity the tutorials provided.
Initial Prototype
The low-fidelity wireflows were examined for inconsistency. Several changes were made as we prepared for usability testing:
The navigation was finalized; Likes were moved into the profile screen and the Tricktionary was given a dedicated place on the navigation.
The search input was optimized to separate results into multiple categories: top results, trick names, skater profiles, and skate parks.
The search screen was edited to include trending tricks, popular items, and a link to the Trick Finder was added in order to increase feature visibility.
Usability Test
While the wireframes were cleaned up, a usability test was given to evaluate each user’s experience and identify any frustrations with the current structure.
A total of four participants were given multiple scenarios to navigate through:
Finding a Backside Slide in the Tricktionary
Using the Trick Finder to find a specific trick
Uploading a video and asking the community for feedback
Finding a place to skate
Reviewing your profile
Results
What was working well?
Opportunity to give/ask for feedback in a closed setting
Community dedicated to skating, separate from social media
Using the trick finder to find a trick based on movements
Additional breakdown of trick basics and movement; many different ways to learn a trick
Searching for a place to skate
What could be improved?
The Trick Finder was not easily found
Instagram was not the preferred choice when uploading a video
Participants didn’t want to turn on location to find a skate park; What about if you want to plan a trip?
Branding and Design System
The Tricktionary design system utilizes a condensed sans serif typeface to illustrate strength and impact. A vibrant color palette stands out among the varying style of photos and videos within the product. The abstract illustrations are meant to be a visual representation of the movement required in each trick category.
Visual and Functional Updates
Several changes were made to the prototype after testing:
Color and imagery were incorporated more consistently throughout the product.
The ability to bookmark and organize your favorite trick videos or trick pages was added to ensure user retention.
The ability for users to track their progress on individual tricks was also added.
Multiple changes were made to the trick pages:
A Basics & Movement section was added to the individual trick pages in order to expand upon the building blocks needed for a trick.
A skill level was added to each trick to give users more context around difficulty.
The skate park pages were also updated after testing:
The ability to search for skate parks by zip code was also introduced, removing the requirement for geo-location.
A community feed was added to skate park pages, allowing users to get a more holistic view of the park in use.
Reflection
Challenges
I had some issues arise that forced me to reorganize my project timeline. It compressed the testing and branding sections to happen simultaneously instead of consecutively. Additionally, I proposed numerous features during usability testing, thinking that the participants would have a negative reaction towards one of them. They ended up liking all of the proposed features, so it forced me to prioritize and prevent scope creep.
Takeaways
Even though it’s important to have a plan, nothing goes according to plan. And you should be prepared to shift when needed. Prioritizing is critical, especially when time and resources are limited.
Next Steps
Future Planning
The next step is to retest the branded prototype with the target audience. Building out the personal progress/achievement across the product could encourage continued product use.
Things to Address
Some great points were brought up during testing including a reporting structure for offensive content or incorrect videos. Implementing a code of conduct would set those parameters and confirm the mission and views of the larger community.