Here are some final outcomes to my designs. Starting with the opening page. Here I used the title BALLOONS RUN! because these are evil balloons and you dont want to hang round them. Followed by an image of a sign which shows a man running away from balloons for an illustration of what the app is about. The next page is the homepage where you can see 6 different buttons to click on. Each button has a icon on with a hint of red to make them stand out. Again the logo is displayed at the top of the screen. Next is the info page. The logo is displayed at the top with a little edit of the word run to the word info, I have done this with the rest of the pages. below i added an image and text about the balloons. And if there is more text then an arrow to go down the page. Also this page you can see the nav bar at the bottom. I coloured the bar red to stand out and the icons are black and white. I added a home icon to take you to the home page and then the same icons on the homepage for each of the other pages such as Chat, Tools and so on. The Map page I used a normal google map image and added a blue GPS dot to show where you are that pops up when you press the blue arrow. and lastly a search bar is on the page. The normal map was too colourful so i erased the background and make it darker to fit in the theme.
Next is the chat page is for users of the app to use when in the geocache area to leave messages from one another. here you can see speech boxes and a box to type your own message if you wish to. Next is the tools page. Here you can add in all the tools you need to have to go outside. after adding an item you are able to then tick that box so you can see what you have and what you need for yourself. The next page is the news page. This shows latest news and top news to do with everything related to the balloons with many different articles. And lastly is a compass this just shows you which way is north so you can find the way home if you happen to get lost. These pages I have placed together to follow a theme to suit with the whole idea together
Today in class we made Colleges for our powerpoint page. Starting off the class we all had random pieces of paper and newspapers. We then looked though the pages to see what we can create. For mine I had an image on Swanage that i cut up and placed incorrectly on the page. I then had two heads and a woman that is wearing camera parts as an apron. This work wasn’t my best and i really didn’t know what I could have done. I then moved to making collages on photoshop. I like photoshop more due to not making a mess and getting sticky. For the photoshop collage I placed a balloon on the page to match the work I am already doing. I then added the brain in the balloons head. Then topped it of with glasses and a bow tie to make the balloon look more human. But the balloon is evil so i wanted to add blood and a knife. Lastly I then wanted a sky where I cut up the pieces of a photo and placed them on a page randomly and did the same with the grass. And to finish it of I then coloured behind it to add more different textures in the work.
Lastly I thought the powerpoint is going to be landscape so I need to make my image the same. I then redid the image and i like how it looks but it looks too… Happy? like this is a murdering balloon not a kids TV presenter I need to make him more scary. I then changed the grass and sky to night time but this don’t look as nice and still looks happy. But I still prefer the first collage I made and apperently somehome I need this to say that this is my app… but how exactly I am unsure
From the drawings I made yesterday in class I just thrown together a few designs for what I want it to look like… I love the homepage and like the icons but the maps one dont work as a icon down in the nav bar so i think i need to change that. but im sticking to a black and white theame with the hint of red in it. Next i need to work on info page in what needs to be said. The maps page dont really fit in with the rest of the pages also so need to look into some more ideas i can do. Lastly need to design a better home button for the nav bar as the current one was fastly done and dont look any good
Today in class I worked on making some code using alarmofire and swiftyJSON this was So I could include some features like the weather. After importing the correct kits I was then able to work on displaying the weather. after adding the functions and all I was able to change locations to see what the weather was doing at the time. this was feeded to me though a website. I then wa able to make it display on the iphone screen when adding text boxes so they display them for everybody to to see. this includes a discription of that the weather is doing along with wind and temp
below is the code you need to add with the new IOS9 software due to being needed to have a secure website within their apps. This is a good thing for the safety for all of the users.
Today in class we was asked to answer the 5Ws and a H… We had to answer them using the person who finds the geocache. I have chosen Ariel Who has a fascination in mystery so all that is happening in the world she is finding interesting and wants to learn more. Earlier today Ariel came across this new app called Balloons Run, Unsure what It was she downloaded it thinking it would explore more about these balloons. However the app wouldn’t work and unsure why. Later in the evening Ariel started to watch the balloons and observing them, This really interested in this. The balloons see her spying on them and start to float towards her. Ariel then runs away from them towards the beach and approaches the bridge to hide undercover from the balloon mafia.
Then I moved onto creating a storyboard quickly, We only had a minute to draw in each box (so excuse the bad drawing). This shows the story of Ariel running under the bridge and feels her phone vibrate and Bing really loudly. Ariel then takes out her phone to a notification. She then accepts and opens up the app. The app loads up and she then can see this app different functions to do. She then walks out of the geocache area and the app disables and don’t work anymore. She then has to walk back in order to use the app.
Here I have planned what the pages could look like, One being the home screen I had already thought off. then a main page that leads onto another page with all the apps on it. You then can go from this page to all the other pages. such as the info page all about the balloons and why they are hear in the world. Next is maps for where you can see balloons are currently. then a checklist to what you need to help yourself agains the balloons. (tin hats included) then latest news just about the balloons. Chat from other people using the app and have been in that location just to keep people up to date. lastly the weather. I not do all these Ideas but just experimenting with ideas I could do.
Coming To a conclusion to make a Balloon Survival App. This is the app left behind to warm people in 10 years time to beware of what is about to happen. This app will help them live and survive in this new world.
After the photoshop sessions It has inspired me to make up some of my mock ups from my other drawings. I started with The Abandon Field one. I started with the background and added a nice grey gradient then I started to work on the grass. I added a few layers of grass and then out lined and smudged it to make A nice effect. I next moved onto the Danger type in the top corner to then finish of with a broken pole in the field. Then Lastly I looked at the page and thought It was missing something so i added the word DANGER! To add some colour and some more understanding to the page. This is meant to be a post apocalypse sight after all has taken over the world and this is how it is expected to end up in the world.
Next Idea I kept to the same background but a little darker. I then added a title on the tope of the page called Balloons RUN! This is a warning as well as the title for the app Maybe. I then added a traffic sign like thing with a man on it running away for balloons as this makes you aware what may happy and keeps you alert. I like how minimal this title page is yet it is effecting and I like how i used the smudge tool on the signs to show they are old and just makes a good effect.
Final of both designs so far…
Today I made the code so that there could be a little navigation so i added some cocordinates going from on to the other so it looks like somebody is walking from the gardens to the beach and then to Boscombe. I could then see if i am entering or leaving an area but the user would never know so instead I added images to show the user either Bournemouth or Boscombe pier depending where the user is at that time. This is a nice display a as well as a useful feature for an app.
Here I placed together some ideas in a mood board on what could be included in my app. Looking back on my mind map what Ideas I can do for my App I have chosen to look into designing a Balloon Survival Kit App. Chester Clark thought he must inform the world of what BetterLivingCo are going to release into the world. So Chester has made this app to help people survive against the EVIL BALLOONS!!! The app will hold pages such as maps, check lists and so on However for now I will work on the Title screen which will open up when you come in range of the geocache. Below I drew up some ideas what the app could look like. I want something simple and nice to look at. Maybe using Black and White With one additional colour or two. I want the screen to symbolizes what the app is about and also look visually appalling