Final film clip

https://vimeo.com/52660495

Settings

This is an example of the kind of setting I want my character to walk along on her journey from te aro to kelburn, the setting will be simple but different so she is obviously walking forwards to something. I also wil make them all static so the girl is the only thing moving on the settings making her walk more obvious

My character

I wanted to make the characters I use in my film have a quriky slightly alice in wonderland theme to them to make the kind of theme that my app has.

This is a picture of my two main characters. I wanted the helper character (the boy) who gives the girl the app to appear as if he could be a student but with a few quirks about him that make him seem unusual - the giant bowtie and hat

Painting on people

To develop my idea to draw on live people further i decided to paint my app onto them as well. My film zooms into to show what is happening on the screen of the iphone, this is when the painted people are used. I decided to paint them because my app is made by using real people to show the way, and by  making people physically become the app it is literally made by real people.

Here is an example of one of the painted people and the original picture of my app. obviously the people will be simplified as it is very difficult to paint on people!

I also wanted to paint on people to keep my style consistant throughout my app, if i zoomed in and used my original photoshop version I feel as though it is not organic enough to be used with my hand drawn animation

Interim Presentation

To try and create a film that is unique rather than just an advertsiment or tutorial of my i phone app, I really want to stick with the colourful, carnival like style that i developed within my app. I really wanted to expolre the idea of using Alice in Wonderland to loosley base my film around ao that it becomes more of a story where the app features as an element of what the story is based around. I also want to incorporate the quirky, fanasty elements of both carnivals an wonderland to make my app appealing to students becuase it looks fun and stands out

Although my storyboard/idea only shows one of the features of my app, because it is the main one and the others features such as the 'lead' and 'messages' options are very similar and branch off the same concept, i think it is acceptable that not everything is shown.

Symbols and Sound

This is a screen shot of some of the symbols I am using in my design, the feet and hands replace dots and arrows. I have made this decision because (as i have mentioned before) the main idea of my interface is live/real people. Using little things like hands and feet help to emphasize this point and also fit nicely into the style of my screens.

Unfortunately I couldn't get sound to end up working on my final flash application (though not from lack of trying) which was a real shame as for a small time I had the classic human crowd "ooooo's" and "aaaaaaaah's" going along with the clicking of some of my buttons to give it yet another element of being an application full of life.

5 Images of my Application

I chose this as one of my 5 images as I think it nicely represents the 4 main settings to my system. Although it can often seem like there are lots of bits and pieces and hundreds of smaller components going on in my system such, back up plans,  different style maps, a points system ect, everything can be filed under these 4 groups.

I also thought this was a good representation of the kind of style I have given my system, where everything is very simple but has a bit of flair to it.

This picture is from under my info setting and shows they kind of statistics that would be made avaliable to the viewer. I chose this shot as I think the my info part is one of the elements that makes app more than just a glorified gps, this gives a personal element to the whole system by showing how you can use the app for so much more than just getting directions.

I am particuarlly fond of the 'messages' element of my app because there is nothing more frustrating than trying to track down a tutor or lecturer at uni. Its one thing to try and find a static room let alone a mobile person. The messages function allows students to exchange information on the last known whereabouts of staff members. I also like that this almost serves as a reminder that this app is all about other people, its a interactive system.

This photo shows a map depicting the most popular route of the users direction request. This is what the user is given is no live 'guide' is going the same way to provide live directions. This shows how the app has back up options and alternatives. I have tried to spend alot of time thinking of all scenarios that could occur with this app and coming up with solutions such as this.

Finally, this is a close up map of the users location and other online users they could follow for directions. Although all my maps have a few issues with readability and clarity i think this one is definitely the easiest to follow and read, probably down to the simplicity and road names. All my maps could use some refining to make my app more user friendly.

200 words describing my app

‘Find and Follow’

My navigation system centers around the idea of multiple users all logged in to one app to help each other find their way around. Essentially users can play two roles; follower or guide. The follower logs in with their current and desired location and the app finds guides (other users) who have logged in that they are going the same way. The app then tracks the guide’s phones in order to presents the follower with a map that allows them to literally follow the guides footsteps. Using real time and real life people to give direction allows for the best possible change of avoiding unexpected obstacles that can occur, such as construction. If no one is going to the desired location of the follower at that moment in time, they are given an alternative map showing the most popular route taken to that location over the past 10 days giving them the next best chance of avoiding obstacles. If the user wishes to find a staff member such as a tutor or lecturer (rather than a specific location) there is the ‘message’ option where users can ask or answer text-like messages about peoples whereabouts. As incentive to log in as a guide where you are providing the service rather using it, there is a points system that awards you for every trip you make. This also brings in a fun, competitive element between the other users as there is a public leader board of who has the most points. Every user can be both a follower and a guide they do not always have to log in as one or the other.  A ‘my info’ page that displays the users total points, number of trips made, average time it takes to walk 500m etc to allow the user to keep track of progress within the app.

More Style Development

(unfortunately stretched)

This is a screen shot of a development in style I tired using the pictures I found as a loose precedent. Using 'old fashioned' transport as symbols within my design was an idea I considered as the app is about travelling from one place to another however I decided there would probably be enough going on in each frame without using pictures that aren't strictly necessary. I also gave more 'grundgy' layering a go but decided it was to all over the show and un-purposeful.  Although I dont want my end design to look crisp and structured I still want it to serve the purpose of highlighting the point of the application.

This is the final style and colour pallet i have decided on to use for my whole flash application. ( I love the way it has a slight circus reference to it - a very people orientated event!) I am happy with the colour pallet choice as I think it is attention grabbing but not because it is overly loud or because it clashes. I also like that it doesn't appear to femminne, which was always a concern of mine as I find my work often appears very obviously female. Because this app is aimed at students I am most happy with how, is this title page is anything to judge off, my app appears fun and easy to use which is all anyone really wants.

Interim Advice and Reflection

I got some great feedback from the interim presentation that should definitely help with development of my idea. One of the best ideas was to further develop my idea of using a points system as an incentive to make people providing the directions rather than following them log on and allow their phones to be tracked. It was mentioned that I could somehow make them relate to vic plus awards which would definitely be a great idea to look into.

Other ideas were to add features such as timers or counters that measure the approx distance your journey will be and the approx it time it should take you. I think this is an excellent way to add more elements into my design.

Finally, the design and style of my design seemed to be liked for its playfulness and almost cartoonish characteristics making it seem fun and lively, however I should try out a few styles before I committ to one as hand drawn and digital translate very differently.

Developing Style

This is mock up of what the style of my app would appear like if i stuck to the trend and colour scheme I used in my interim wire frame mock up. Orignially I really like this style for the bright coulours, simplicity and the way it catches your eye however I think I prefered it for my interim as the hand done look it better suited the colours than the perfect rectangles and straight lines that are created when it is translated into digital form, it is to static and I want my design to appear lively and liked through more than a bright colour scheme which is what would happen here.

Colour Scheme and Influence

These are a couple of pictures of images I found on google that represent the kind of STYLE i am now looking to use. The slightly vintage, brightly coloured, flat but layered graphic design is perfect bring an extra element to my interface. I think this style is fun and eye catching because of the colours but also has a simplistic element to it that would makes it very flexible end would be able to be used across a whole range of elements that would come with an navigation app, all the way from menus to maps.

Although I would make some adjustment, I also like many elements of both the colour schemes in these photos, the contrast between pale browns and creme with bright blues and reds creates an aesthetic of livelyness that cannot be ignored - as the main focus of my app is that it relies on live people, it is really important to me to capture a sense of life and movement within my design - I want to go in the complete opposite direction to the setrile 'grey' nature modern technology often has.

Interim Wire Frame Diagram

This is my wire diagram representing my navigation system. Developing on my idea of following other people to find places I have produced four main tasks that the app will involved;

Follow - in this setting you are able to log in you location and destination and the app will find you other users who are going the same way you are able to follow through tracking their phones. (represented in red on diagram)

Lead - this is when you log in your location and destination to allow other users to track your phone and follow in your footsteps (you are expected to know where you are going to use this setting)

(represented in orange on digram)

Messages - this is my solution to when the desired destination is actually a person rather than room/ building/startionary object. In this setting you are able to send messages to other users asking if they know anything of the persons whereabouts. Message will be sent to all users who all have the option to either reply or delete. 

(represented in purple on diagram)

My Status - this is setting is where all your statistics, action within the app etc are stored. It lets you know how many trips you have main, your average time over 500m and so on, this is the personal part of the app.

(represented in blue)

Concepts

With the up and coming interim I am starting to narrow down on a few concepts that I think I could work with to develop into a full idea.
The two I am thinking about at the moment are:

1. Using vibrations from a phone (or possible futuristic device) that guides the user through speed or rhythm into going the right way - this concept has come about from the idea that people dont like to appear they are lost or dont know their way. Often people will refuse to ask for directions or even admit they are lost all it an be seen as an embarrassment. Using vibrations from an everyday object such as a phone or ipod is a way for people to be subtly getting directions without appearing to be lost (ie they will not need to be staring at a map or have an unusual piece of equipment on them). The downside of this idea is that it could be very hard to make it clear what it wanted using only vibrations, there is only so much you can do with them.

2. My second idea is loosely based on the iphone app 'Find a Friend' where users add friends to their profile meaning they can then trace where there friends are through their phone and 'find' each other.
I am thinking about a creating something along these lines where users phones are traced so people can use them to get directions if they are going to the same place. It would be completely annoymous (to avoid any claims of the app having a 'stalker'-like nature) but would be a perfect way to avoid unexpected road blocks as a live person is the best way of knowing if something is in the way. This idea would need some serious development and refinement to work out issues such as why people would offer to let people track their phones? however I like that it is a simple idea with ALOT of potential

Kelburn Scavenger Hunt

After the room/piano hunt we went on around Kelburn it is clear that finding rooms you have no idea about location wise is a lot lot harder than you would expect, where you would think it would mostly just be logic you can never be to sure, room 15 in the hunter building was accesible only through room 19 with nothing but a note the size of a post it to let you know.

It is also interesting how much of a difference having a vague idea of somethings whereabouts is than not having a clue. It would possibly be a way to look at this project from the different points of view of each as the level of instructions and detail needed in describing a locations whereabouts is significantly less if you have some idea where you may be heading.

It was also hard trying to write down and describe the directions we took to get places. Having to explain things like a slight turn or which door to walk through proved a lot harder than I thought it will be. Even reading back over the instructions we wrote they seemed very vague and unhelpful. This will definitely be something to keep in mind when designing my interface, clarity and being specific in directions.

Group Discussions

Some great points were bought up in tutorial while having a group discussion to try and generate some solid ideas preparing for the interim,

As always the ever present question of what do you do if you reach a road block/ how do you avoid road blocks?
Personally I think this is a huge issue that need addressing in order to separate from a standard GPS or computer system that cant think for itself. How can my app offer different options when the user comes to a road block or better yet, how can it avoid the road block in the first place before it becomes an issue?


Can multipul people use your app/technology at the same time?
i.e cannot light up a building as a way of showing somewhere where to go HOWEVER you can give them technology that lights up the building for their eyes only such a pair of glasses. This is a perfect example of how the most outrages ideas can be made into reality thriugh refinement.
Personally I want to design an app that works for multipul users and as general a group as possibly, ie. at this stage I am not looking at doing anything designe for a specific target audience, eg just females or males.

This tut really made me broaden my thinking of this project to include ideas such as does the app/technology have to be something you operation through your hands or can it be smell, or sound based, the more creative the better!
 I now need to start generating/ developing 2-3 solid ideas to find my final one.

200 Word Description - Final Product

Organic Oranges?

The main idea behind my project is the idea of combining natural elements with man made ones. My project takes an ordinary organic object (an orange) and breaks down all the individual properties that together make it up. I have then recreated each of these properties using only artificial materials to create orange ‘segments’.  The experience my object intends to give the user is the unexpectedness of finding man made creations within an organic form. The users sense of touch and sight are then engaged by the segments on this inside as they feel and look at each one to try and decide what property of the orange it could hold. Although there is technically a ‘correct’ answer to this it is more important that the user interoperates for themselves what each piece could mean to give them their own individual experience.

Instruction

My interactive object is focussed on touch and sight so users are welcome to feel and examine all aspects of my object. 

To begin the experience users need to take the lid off the orange. Users are then free to pick up any of the seven inner segments. When the users is satisfied with their experience of the segments simply need to place them back into the orange skin half and return the other half as a lid (segments go in no particular order).

Final Project - Photographs

These are my final 8 photographs of my project, some show the interaction some show some interesting details and others just capture all the elements of my project together.

Final Tutorial Feedback

Some feed back i was given at this tutorial was that i should look into ways of making it easier to remove segments separately and randomly ie without having to do it any order or do it all at once.

The photo below is an attempt at making separate compartments for each of the segments to sit it so they were easy to slide in and out of the orange. However, the combination of glue and dividers actually ended up making it harder to remove each section as they took up to much space meaning the pieces were even more tightly compact together. 

Will keep looking into ways or developing this idea however may have to just leave it as it is a pieces currently fit perfectly into an orange so it will be hard to work around this.

Final Segments Bare Materials

This is a picture of my final segments before being painted so the bare materials used to create each one can be seen.

In this photo is shows certain aspects that will soon be covered such as the original look of the sand papaer, the sugar in the 'liquid' segment and cardboard an plastic used as the scaffolding.