The Evolution of Toca Dance: Find Out the Story Behind Our Latest App

Toca Dance IconThe idea of a dance app has been around ever since we started Toca Boca. Now, thanks to an amazing team working together, we finally have made one with Toca Dance!

We try to come up with original ideas that can be used as tools to be creative with. Dancing is an interesting form of creativity, as you use your own body to express your mood and feelings. We could not find any cool dance apps where you got to create your own dance in any of the app stores, so we figured we had to come up with something new.

March 2015: Our first prototype

Toca Dance started quite simply as a loop. In this simple prototype, you saw a triangle at the bottom, and when you touched a hand or a foot, you’d record move data for that specific limb. We made this character for Toca Ragdoll — an app that we prototyped but eventually decided to scrap.

In this phase, we decided that Toca Dance would work as a sequencer for dancing, and that a video would be the creative output from the experience:

  • Sequencer for dancing
  • Create a dance video
  • Dress up your characters
  • Teach them moves
  • Perform and record on stage

August 2015: A one-room experience

By August, the app was starting to take shape. At that point, the app was only a one-room experience: You would drag the characters up from sort of a sidewalk and place them anywhere you want, like on a cardboard box dance surface. That’s where you added their moves. You could move the body, move the limbs, and have the characters perform all the moves.

At this stage all the characters had different moves, and in our play testing with kids we learned this was confusing. The takeaway for us was that it was a little bit unfocused, that kids didn’t necessarily know what to do because you could basically do everything at the same time. The app didn’t communicate itself how you should play with it or what the context was — especially with this stage, where the setting was like a pile of scrap. So the dancing theme wasn’t as strong as it could be.

September 2015: Reboot

In September we had a bit of a reboot.

Updated vision. We said that we should focus on the humor. We also wanted it to have more of a homemade feel — not too professional or too glittery. Not like American Idol. We found inspiration in the work of Michel Gondry.

We also added a backstory that this club had opened up in town where dance performances were happening in sort of a community building or school-inspired building.

Linear flow. We decided to have a more of a linear flow instead of being able to do everything at once. We divided the experience up into separate rooms, where each room would have its own focus:

  • Room 1/Posters: Select characters

dance_linear_1

  • Room 2/Costume closet: Style characters

dance_linear_2

  • Room 3/Practice room: Choreograph the moves

dance_linear_3

  • Room 4/Stage: Choose effects, perform and record video

dance_linear_4

I was a bit hesitant to introduce the linear flow because instinctively compared to the previous version, it felt a bit slower to move between the rooms and change characters. But the more we worked with it, it became an easy way for each specific room to communicate how you would use that room.

I’m happy with the linear flow, and I hope that in the end, we figured out the best way to make this experience more understandable and tangible for kids.

Synchronized dancing. Instead having all the dancers doing different dances, they all would dance the same dance, which eventually led us to having an instructor as an additional character and all of the main characters mimicking the instructor.

Horizontal movements. We introduced horizontal movements so you could then move the characters sideways. But to be able to do that, we compromised on the ability to move the feet around. Down the line we’ll see if we can make a combination of controlling the feet and doing horizontal movements.

Reworked GUI. We reworked the GUI, especially on stage. There, instead of touching the characters, you control the effects.

Wardrobe decision. All characters can wear the same clothes if you decide to put them on outside their original clothing. I think that was a good suggestion from the team for how to make the characters customizable in a quick way, instead of modeling all the different clothing. Eventually we were able to create a lot of assets that all the characters can use instead of being forced to limit the amount of outfits. That was an important decision, to add as much customization possibility without taking too much time.

Collaboration, characters and more

The look. We enjoyed working with Swedish graffiti artist Finsta. He was a part of creating the look and feel of the app by designing the logo, the backdrops and the character posters.

toca_dance_backdrop_1

toca_dance_backdrop_2

toca_dance_backdrop_3toca_dance_backdrop_4

toca_dance_backdrop_5

The music. Håkan Lidbo composed all the songs for the app. What is great is that the songs all have the same tempo, so if you switch songs your dance still works. The album covers were designed by our very own Toca Boca artists. More songs to come during the spring…

Sweet Lemonade cover by Daniel Abesour

Sweet Lemonade cover by Daniel Abensour

Olga cover by Paulina Sadowska

Olga cover by Paulina Sadowska

Minnah Bee cover by Rebecca Tell

Minnah Bee cover by Rebecca Tell

Let's Go cover by Rebecca Tell

Let’s Go cover by Rebecca Tell

Elektronikoj by Seb Roux

Elektronikoj by Seb Roux

The characters. One important aspect of why these characters look like they do is that we decided that they should all have a strong silhouette so you could identify them without even seeing the colors. That explains some of why we have very particular head shapes or hairdos for these characters. We’ll add more characters in future updates.

That’s how we made Toca Dance. I hope you will enjoy it as much as we do. We’re gonna add a lot of fun things in future updates; please let us know how you think we can improve Toca Dance. We love hearing what you think!

Everything I Know About Apps, I’ve Learned from My Kids

Becoming a dad is the coolest thing that ever happened to me. I’ve always loved to play, but playing with your own kids takes it to a new level. When I started Toca Boca my son Abbe was 5 and my daughter Annie was 3. As Toca Boca started to grow and I realized that millions of kids play with our products all over the world, I felt like we’re doing something important. To be able to give kids playthings they enjoy and that they play with together with friends, siblings, parents and families is what makes me happy and why I always want to make the next Toca Boca toy better than the previous one.

Abbe and Annie were a big influence on the philosophy of Toca Boca and the products we made. In fact, everything I know about apps, I’ve learned from my kids. And what they’ve taught me has helped Toca Boca become one of the most successful app publishers for kids. Here’s what I’ve learned from Abbe and Annie:

  • 1. Bugs are features

I’ve always looked at bugs as a problem with the software you’ve developed — when the software breaks, that’s a problem. But my kids taught me that bugs can actually be features. It doesn’t crash. It’s just something interesting that happens and something you can play with, like ripping a toy apart and looking at the inside, understanding how it works and then finding a new way to play with it.

emil_store

Here’s Annie playing Toca Store. She realized if you swipe really, really quickly with your finger across the wallet, you sort of get extra coins, and you can buy more stuff in this virtual store (not in-app purchase, just safe pixels that you purchase in the store).

  • 2. Technology is something that you play with

For me, and a lot of grown-ups, technology is something that helps you be more efficient when communicating or getting things done, or just be a more productive person. But now I realize that technology is actually just another object. It’s just something you play with just like any toy, or a banana, or a piece of paper. It’s just there for you to use and to play with.

Abbe came up with two ways of playing with technology that illustrate this point.

FaceTime hide-and-seek

Abbe realized that he could play FaceTime hide-and-seek. The person hiding can call the other one and you can see it’s just a regular hide-and-seek but you can see the face of the person you’re playing with.  So you get a hint of where they could be, and you can see the excitement in the other person’s face.

LEGO cinema

emil_cinema

Here’s a Lego cinema that Abbe came up with just using his iPod Touch and integrating the technology in his regular play.

  • 3. Screens are not actually screens

My kids never use the word screens. It’s just something you play with. Screens are defined by the software or whatever you do with it.

Toca Tea Party

emil_tea_party

In this picture you can see Annie playing Toca Tea Party, which is just a regular tea party, and the screen sort of disappears. It’s all about the social interaction with the plush toys that you put around them.

Toca Kitchen

emil_kitchen

Here you can see Abbe playing Toca Kitchen. He’s cooking a tomato for me, and then he pretends to pick it up from the screen and put it on a plate. Then he gives it to me and says, “Be careful, it’s very hot.” So the screen disappears — It’s not at all about the screen.

To be able to combine work and playing with your kids is amazing and these four years since we started Toca Boca have been so much fun. So thanks Abbe and Annie for helping me and Toca Boca become a successful company.

Emil is co-founder of Toca Boca and producer of all Toca Boca apps. More important, he’s father to 10-year-old Abbe and 7-year-old Annie (who, by the way, appears on the icon for Toca Hair Salon Me). He loves to play, collects toys and finds most of his inspiration in Japan.

Cookies for rookies

When you visit tocaboca.com (or any other website), information from your browser is transmitted in the form of so-called cookies 🍪. The majority of Toca Boca’s cookies are there to make sure your digital experience is as great as possible. You can decide which cookies you’d like to share. Click on the sub-categories to find out more or to change the default settings. You can always change your cookie settings in the privacy section of your browser settings. It’s good to know that while you can block all but the necessary cookies, doing so might have a negative effect on the way the site and services perform. More information.