"Is This a Sport?" Website

Inspiration

Sports are not only known as competitions of strength and agility, but of teamwork, dedication, and discipline. One would think that robotics, which requires a lot of the same skills, would also be considered a sport. That’s why we decided the best way to raise awareness on how robotics is a sport would be to provide situations and have the user decide if they fall within the category of sports. However, all of these descriptions are actually descriptions of robotics. We hope this would be an educational experience for the user to learn more important aspects of robotics that are similar to sports.

What it does

The website features a quiz with different scenarios, and the user has to judge whether they think that this describes a sport or not. Then, the website shows the user that these descriptions are actually about robotics, which highlights how robotics is a sport because of the similar skills needed. The website totals up how many robotics descriptions the user identified as a sport, which brings awareness to how robotics is more than just STEM, but also teamwork, dedication, and discipline. The website features a coherent theme with interactive features such as hover animations.

How we built it

The website is made entirely from HTML code due to time constraints and because we wanted to easily be able to change the appearance throughout the course of the project.

Challenges we ran into

A challenge we ran into was finding a way to trigger the endGame() function after the player had gone through all the scenarios. We ended up having a variable that incremented every time the “Next Scenario” button was pressed, and comparing that variable’s value to the length of our array that held all the different scenarios.

Accomplishments that we're proud of

We’re really proud of the code for the hover animation, because it honestly took a lot longer than we’d expect since we needed to write the code for each effect separately. It was also something that elevated the look of the website more than we expected, so it was interesting to see how something simple could take a lot of work and have a great impact.

What we learned

We learned how to communicate a technical idea in a way that challenges users’ assumptions, and how interactive design can guide users to form their own conclusions rather than being directly told. This showed us the value of designing experiences that encourage users to actively engage with an idea rather than passively consume information, and how we could use technology for that.

What's next for "Is This a Sport?" Website

Next up, we want to add more features–for example, different pages where there is information in different formats, rather than just a quiz. For example, we could have a page where we include a simple game to further explain the similarities between sports and robotics, without simply stating it. We also want to add more questions that are a little more ambiguous to get the user to think more deeply. Finally, we would really like to add some more transitions, such as text sliding up into place, etc. to make the website more interesting to look at and engaging.

Built With

• canva
• html