Home

10%

ORIGINATION & INTERPRETATION

ARU MA Student 2014-15 Trimester 1

Por Oscar Hathaway

15 de December de 2014

Concept Development

Photos below show the development that has taken place in my sketchbook from day 1 of the project. Over the 12-week period my learning of application, User Interface and gesture control design has been very beneficial.

The development photos show the way I’ve gone about choosing fonts, colours, the layout design and the mapping interface of the application.

Swim school progress aPPLICATION

Digital Application for a smart device (Mobile Phone or Tablet) that can record and update the stage progression of a parent’s child and or children from a swim school.

The application is being collaborated with Strokes Swim School, Norfolk, UK. http://www.strokesswimschool.com/

IPHONE SCREEN Demonstration

Screen grabs of the iPhone functioning with the design of the application and the UI. The video from YouTube accompanies the gesture movement, which has been suggested by my feedback from the target audience.

swim Application in action

YouTube video, showing the gestures and UI of the mobile in movement for Jasmine and her ASA stage 1 progress.

ipad photo demo

Here is a series of photo’s showing the application development crossing platforms and going from mobile device to tablet device for the intended target audience. Feedback provided interest into this multi platform idea.

Iphone display & physical testing

Testing the application on a physical device has enabled me to understand the way it functions in the users hands and the way brightness at different level changes the visibility in a normal naturally lit environment.

Below is an uploaded/published video showing this testing on an iPhone screen.

anti aliasing

Below is a issue that I encounter early into the project, where text on a smaller size screen. E.g. smart phone or tablet, made the edges of text appear jagged particularly on diagonal lines. The pixels around the edges changed greys or colour to make the text sharper for the audience to read.

The testing of this was done on a grey scale version’s to save on printing costs as well as making it clearer to view when solving the problem.

ipad promotional banner

The banner and the poster I have created are for promotional purposes if the application was to be published and available to download. The design uses screen grabs of the application in its transition from screen to screen or the view of the screen. To not promote a single branded device, the screens will look like this on all mobile platforms offered by; Apple, Android & Windows.

IPad DISPLAY & PHYSICAL TESTING

Having feedback from my target audience, I’d developed a larger screen version of the same application for tablet use. The video below published on YouTube, shows the way brightness has an affect on the user experience is a superficial lit area. The UI gestures are exactly the same as the smartphone (iPhone) so the transition from device to device is easy and not complicated.

Target AUIDENCE FEEDBACK

Client feedback and input has been key to this projects progression over the 6/12 weeks. They have provided me with justifications for ideas and changes to make it appeal to them more. This incorporation between my project and swimmers parents has been extremely beneficial.

User personalisation choice

Profile for each user can have there own personal colour choice, as there background banner. Suggested and created from the feedback created by my intended target audience.

pERSONAL BEST Area

Feedback that had been collected from the poolside shown an interest and want for a personal best area of the application to keep track of the child's current time in the different stroke disciplines. So this had been taken into consideration and has been incorporated into the app. The design has taken details from a local clubs records of an individual, but if it was to be created and used. It would link to the ASA, British Swimming’s Online Ranking table with the use of the swimmers ID number and update automatically or manually.

pERSONAL bEST LAYOUT aDJUSTMENTS

After feedback from the group crit, the item that caused issue was the alignment of the stroke column. It was currently aligned to the Centre to match the remaining screens of the application, particularly the criteria’s for the stages. This has been changed and this is the working appearance below. It is also matching the layout of the ASA website to keep continuity and the print out as well.

final Outcome

Below is a screen grab of the final proposed outcome of this 12-week project. It has incorporated the feedback from Strokes Swim School Head Teacher, Liam Harvey’s comments on the list of the criteria. So this has been amended and it is the final appearance.