Sitemap

Finished the Games!!!

 I finished the games with the instructions with diagrams and everything...now I just need to finish the draw ones as they're still missing a few buttons

To show how the games work in the app we decided to show them by making key frames of how they would be animated we though that this would work best instead of taking ages to animate just one game

Finished the drawings for the backgrounds

We decided to fix the scolling issue by making tha pages one long image so that it actually scrolls

I also finished the drawings for the other two pages...I don't like them as much as the 'clouds' one, but it still looks good :) What do you reckon? any suggestions?

Finalisation of ideas for games

We finalised the layout/what games are for which world and how they work and did a quick sitemap...

Jungle- first world

Balloon- place phone on stomach (like bio belly breathing app) and help the baloon take off by breathing deeply to make stomach go up and down
Monkey- Follow the monkey and the voice over of progressive muscle relaxation stretching for kids, like "take your right arm and reach for that branch that's up there, now hold on to it...and let go and swing to another branch with your left arm...stretch for it..that's it!" this one targets individual muscle groups as a starting point for this excersise.
Draw- touch the screen while moving the phone anound to draw on the screen.


Ocean- second world

Bubbles- breathe into the phone's microphone slowly to make the bubbles reach the surface, if you blow too fast, the bubbles will pop. This is the next level of breathing, teaching kids to breathe slowly while using their belly to breathe(what they learned last time)
Draw- works the same as the other draws but with different filters and objects
Starfish- works the same as Monkey but this time targets stretching and relaxing all muscles at the same time which is the next  level for this exercise to help kids relax on 'command' or whenever they want to.

Meadow- Third world

Clouds- This is not an exercise but it is a relaxing activity, you aim the camera to the sky and it will show clouds that you can gaze at (even if you're inside)
Draw-works the same as the other draws but with different filters and objects
Seeds-The last version of the breathing exercise, you have to blow into the microphone in time with the wind on the screen to blow off all the dandelion seeds, this teaches the children to breathe evenly

We also worked out the instruction text for each game as concisely as possible and as simply and children would not know lots of big words. Perhaps we should do an animation of the directions instead? or just have an illustration as well as the text?

Upping the Design

So I've been working over the last couple of days on upping the design game so its easier to understand when showing to other people. Below, the Balloon was the alternative to the globe because Im not sure I like the globe a the loading screen.

I started of with the jungle. We decided up and down was the way to go for scrolling we kind of already decided to do this earlier I just forgot to mention that). I first tried cutting everything out from differing textures. I really liked this idea. We got this kind of design aesthetic from some of our earlier inspiration pictures. 

I then added animals and a human, though I think we will be scrapping the human and maybe personifying the Balloon. I also included the buttons in different places in the next few pictures. Wierdly I realise now I didn't screenshot one of when the buttons were in the middle. I don't hate the buttons at the bottom so much anymore but I still think that the buttons at the top will be to hard to reach, especially for a child. 

At this point I realised I hadn't included the nav bar at the bottom or whatever its called. 

This is the beginning of the ocean/ under the sea screens. Once again I was also going for the scrolling up and down plus the texture cut out design style.                

We weren't sure if we should use a Octopus or a Starfish. At the moment it looks like we will be using a starfish. I prefer it. Plus it suits being at the bottom hanging about some coral a bit more then then the octopus. And a starfish has more of a similarity with the human form then the octopus so its easier to give stretching directions by using a starfish then a octopus. 

Put of these ones I think I prefer the buttons at the top. However if we moved things around it could be entirely different. We also need to remember to keep them in the same place against all three 'worlds' or locations to keep the grid happy.

Heres where I tried a different style. This time I just created shapes and used gradient to create depth and whatever. I like the hand drawn touches over the top however I think if we did this super clean without those hand drawn touches it would look awesome. 

I actually did these two after the texture layout thats after this in this post. Anyways, this one was difficult in terms of the button. Obviously it cant be this wide across and will need type. Maybe readjusting of some of the the pictures. However I can see a button in the middle working out. We will see how it goes. 

Anyways, these were the ones I did originally for the meadow. Did I mention that this one was also, of course, scrolling up and down not sideways. I think Im just better at doing the texture ones. Whereas Paige is really good with the shape ones so we will probably go with hers final wise. I think hers are probably easier for children to connect to etc. etc. 

This was my attempt at the jungle in the shape style. If we had smaller buttons then I would say in the middle would be perfect (once again). Also, the snakes not great so if we could change that it would be awesome. I dont really think a snake is all that appropriate looking back but thats the only other easy to draw jungle animal i could think of at the time. We could have a tiger, but that could also be not so great or it could be awesome. Or an elephant.