App Design

The second part of my Graphic Communication in Context project involves the creation of an app using a new programme, called Adobe XD, designed specifically for the creation and prototyping of Apps.

Very quickly into the project I have been able to come up with multiple initial ideas for the app that I could potentially create. My first idea consists of an app that when used allows multiple peoples phone speakers to be connected to play at the same time, making each separate phone one part of a larger speaker system, however a further improvement upon this idea will include the ability for the “Host phone” to allocate a certain number of phones to different areas of the audio spectrum, effectively creating one, relatively high quality sound system simply made from phones that would be very customisable based on the person.

My second concept involves an app that would allow the user to input the foods that they buy when shopping into the app and then the app would come up with new recipes that could be made with the food that has been scanned in, additionally reminders could be set so that certain foods would be inputted into a list that alert the user next time they are located within a food shop.

My third concept is more of a playful one, titles ImAlone, allowing the app to set a timer whenever the phone screen is not displaying, the timer ends once the screen is activated by the phone receiving a notification, the score is then uploaded to a global leader board, with the longest times placing in first.

My fourth concept expands upon group chats by allowing groups of friends to input their weekly schedule and adding others to the chat who can then add their weekly events or outings to the already existing schedule, this would effectively allow for quick and easy organising of social events without having to constantly contact others about when they are free for time together.

And my final initial concept is one to prevent procrastination by wasting time on a phone when someone wants to get work done, the user simply inputs a time slot for when they want to ensure work is done, if the phone detects it has been used within that time frame, the phone either plays a loud alarm or shuts of entirely until the timer has finished.

I decided to push further with my first initial concept as within the group tutorial it seemed that that concept held the most promise and appeared the most unique and different out of all of my initial ideas. However it was pointed out that there is a small app already released that simply had the ability to connect peoples phone speakers together using Bluetooth, this means that I will have to research further and develop my idea in more detail in order to ensure that my idea is still unique and useful, perhaps I will make it a much more personal and customisable experience, allowing for different themes based upon what the user is listening to, alongside being able to share the playlists you are playing further afield than simply the other present within the room with their phones connected.

Moving further on with this customisable phone speaker idea I did some more research into music Equalisers and the apps that are associated with this, mainly looking into spotify’s EQ and discovering a severe lack of customisation within the settings of spotify, this means that making my music audio settings very customisable would fill a gap in the market, as spotify is the most popular music app for phones by far, a good concept would be giving my app the ability to work in tandem with spotify, this would give me a steady revenue stream, allowing my app to be free for purchase and giving the user access to all the of songs and playlists they listen to frequently on spotify itself.

As this idea seems to be successful so far I have decided to stick with it and develop it further, accompanying further research I have already thought of some ideas for a name to call my app, the names are as follows;

Portable Party

Mix Master

Ispeaker

Speeker

Speekur, the sound system with “U” in mind.

Personally I feel that “speekur” is my strongest concept, it offers many wide open opportunities for the style and content of the app itself while still containing many connotations of this fully customisable factor that I want to translate very clearly within my app, this now simply means that I must deliver this feeling within the pages of the app itself. I also find the slogan snappy, effective and memorable.

Now moving onto the creation of certain elements of the app, obviously at some point I will need to include a responding and live EQ that will play and react to the music that is passing through the many phones acting as speakers. So in preparation of this I decided to firstly ensure that this would be possible to create using the programmes that I currently have access to, I discovered that it is not only possible through Adobe After Effects, but also very quick, simple at first and extremely customisable, a tool essentially gives you the ability to turn any number of paths or shapes into a set of movable key frames with the audio spikes of the song that is being played being the thing that sets how the paths and shapes move, this means I will not only be able to create a functioning EQ but also means that I will be able to create different EQ’s who’s appearance can quickly change based upon the listeners taste in music, this will simply require either access to the users music library, which the app will require anyway for the ability to play the songs, or alternatively a simple question once the app is first launched asking what the users music taste entails, however if this option is used the genre of music will have to be able to be changed at will alongside the appearance of the app and its features

Beginning Design

Once initial animations and concepts have been created I then moved onto sketching and designing initial concepts for the actual app menus themselves. I began by drafting some initial wire framing on a sheet of paper, this will help give me a much better sense of clarity within my designs once i moved onto Photoshop and illustrator, and finally porting the designs onto Adobe XD to place into an app. A first draft of my apps wire frame is seen below, although there are not many screens i plan on expanding the quantity of screens by implementing multiple different options for themes based upon varying music genres, the genres i will choose are going to be chosen based upon the 6 most popular genres.genre-21.jpg

After consulting the chart, I’ve decided that the genres I am going to design are, Pop, Rock, Country, Classical, Dance as well as a default setting that boasts more neutral and muted colours so that those who use my app that do not have a particular favourite theme/colour scheme can still be satisfied.

Next I move to my sketchbook, where I have done some research into other apps that are similar to mine and how they display their information, spotify was my main research point, I found that the app mainly showcases the song art and the artists creating the songs rather than the more technical side of customising equalisers and creating different types of sound, a route I am planning to take within my own app “Speekur”. Another app I looked at into more detail was the mobile app “Boom”, this example included a much bigger focus on music mixing and technical side of music and equalisers, this was much closer to what I hoped to create. I found that “Boom” used a much smaller thumbnail of the song art and a much greater number of buttons available that would take the user to other screens where their music experience could be improved and enhanced.

Alongside drafting potential layouts for the app I also sketched designs for equalisers that could be used, ensuring that each equaliser fit the theme that it is placed within. For instance, putting a light, colourful equaliser for the default theme would not fit the rest of the aesthetic of that theme and so would then stand out, resulting in inconsistency within the app itself. I will need to be very careful of keeping things consistent within my app, if i am to include many different themes it is important to find a balance between, making the themes different enough so that there is a point to creating them, but also not making everything so different that it looks clustered and like it is multiple apps smashed together without care or design decisions.

Initial concepts for theme designs are shown below in a Microsoft Word Document.

app genres

Intro “Logo” Screen

Due to the fact that I know I what kind of look I want from the logo very early on within the project I have decided to move straight onto after effects, after a very short session drafting examples on Photoshop and within my sketchbook. I know I want a smooth, ligature included intro, using mainly blacks, white and greys. I also want something that is repeatable, so I must export this file either as a GIF, or repeat it manually in Premiere Pro.

Below is an example of an early draft of my logo.

Speeker logo draft.jpg

Although I do like the ligature look, I think that in my final design I would rather use a typeface with a thinner weight, this should help to translate a more modern look over using a much chunkier, heavy set typeface, however a positive of using this typeface would be that if the white was placed on a brighter coloured background than the black and navy that it currently is, the thicker letter forms would still be easily legible due to their weight, this may become a problem if I use a thinner typeface in the future and so I feel it useful to write this as a note to myself if my design is to change drastically in the near future. Although the ligature between the “S” and the “P” looks smooth and professional the ligature between the “U” and the “R” looks far too thick and far too thin in places so this will need some addressing if I am to progress with this design. However I will now need to redesign this logo within After Effects as currently that is the animation program I am most confident in, thanks to previous movement projects I now know the basics and certain more complex methods to complete this task. However upon immediate reflection I am unsure as to how I am going to create a “smooth” looking animation, I am sure it will require a large amount of work editing frame by frame, adjusting key frames to achieve an overall smooth look and to ensure that the fluid ligatures never become out of place when travelling from one static letter form to another static letter form. I feel this will be especially important due to the fact that my logo is such a minimalist and simple design that every little mistake will be easily spotted, however I think that a simple design is key to achieving a modernistic and stylish look, since this will be the first thing people see once they open my app it is vital that the finish is high quality and interesting to look at so to invite the user further in and ensure they come back to using my app.

Final Logo Design

My initial plan for this animation is to use the “Trim Path” animation setting to create smooth ligatures between letters. However this may mean I will have to create the letter forms myself, this should not be too big of a problem as within my editorial project I created my own typeface so I feel I have sufficient experience in order to do it again, I can even reflect on my previous critiques to improve upon what I have already made previously. However a key difference between my typeface in my editorial project and the letter forms that I am possibly going to have to create within this project is that these letter forms will have to look more professional and smooth, due to the nature of the animation it is important that there are not sharp edges to any of the letter forms, sans serif fonts are obviously optimal, as well as light weighted fonts so that the ligatures are not too thick that I lose the modern aesthetic.

 

Logo E Paths 1 & 2

Above is the first example of me creating my own typeface that is prepped for animating the trim paths within after effects. Although it does not look anything like it, this letter form will create an “e” once animated correctly. In order to make the animation more exciting than simple having ligatures appear between letter forms, I have decided to turn dots, into paths, that will then swing wildly around then stop to pause for a second or two in such a place that the multiple paths link up to create the letter form that I desire. All of these paths together will come to form the work “Speekur” for a short amount of time before disappearing into simple paths once again, only for the animation to repeat itself, endlessly until the screen is dismissed. This fulfils all of the criteria that I wanted my animation to contain previous to any design, I now only have to create the remainder of the letter forms and then move to animating them within after effects.

Stages of Making (Logo Animation)

 

The way that I have created these letter forms from the paths using the trim path animation setting is by first of all, designing what path i want the letter form to take on illustrator, I have used two paths per letter form for this example, I then imported the two different coloured paths into after effects, following on to creating a vector layer for each path that can now be freely animated and manipulated to the full extent that Adobe After Effects has to offer. I then applied the trim paths effects to both paths, this allowed me to show a certain amount of the path at any time, so although the yellow path has more bowls and arches than an “e” letter form, if i adjust the start and end point of the trim path effect to the correct percentage then only the rounded outline of the e will be seen and not the large arch, this can be paired up with the red path so that that particular path only shows the line present within the centre of an “e”. However, since this is an animation, I am able to show the progression of the path into an “e”. The way that I have achieved this is by having both the start and end points at 0% when the animation is at its first frame, I then fast forward to the 2 second mark of the animation and insert a key frame for the paths with the start and end points being at both 95.8& and 71.8%, these are the exact percentages where the paths are in the perfect place so that when they are lined up within each other correctly, they form an “e”, i then freeze this frame here for one second, and then do the exact same in reverse. This then effectively creates the illusion that two dots move around the screen, swinging wildly before finally stopping together in the shape of an “e”, before then reversing back into simple lines, then back into two dots, and then disappearing for two frames, then the clip will restart, making the effect loop until the screen is dismissed.

However, simply editing the start and end points makes the animation look too static and predictable, although the letter form is created, the way it gets there is not particularly exciting to look at. I find the movements boring and that changes in pace would make the animation much more exciting, this is done by animating the key frames themselves using easy ease in and out, this combined with editing the speed graphs of the easy easing allowed me to create the “ramping up” effect so that the paths appear to gain speed and “swing” through loops and bowls before decelerating before stopping at the moment the letter form is formed. I find this part of the animation extremely fun to watch and looks very modern, I think a colour scheme of off white for the letter forms and a gradient ramp  light to dark grey for the background will suit this type of animation well and so should help to shape certain colour aspects for the rest of my app. I think it’s important to not make the animation look too intense and overbearing once I have animated the remaining letter forms to create the full word “Speekur”. I will attempt to make the two “e”s the main focus point of the animation, although I plan to make all of the letter forms use this trim paths effect I will tone down the wideness of the swings that the paths take to reduce overlapping of letter forms and to distribute focus throughout the art board without having the viewer completely lose track of what is happening. I will also have to ensure that all of the paths form up to create the full word “Speekur” for at least one or two seconds at some point in the animation. Although I do not think it is necessary for the user to be able to view the full word instantly, for example it may be a good idea to make it so that the user has to watch the full animation two or even three times to be able to understand what word is being displayed on the screen. I think this due to the fact that the extremely long amount of time that this single letter form has taken me, the full animation will take a full couple of days of working to create, and even longer to refine and fix potential problems that may occur, I want this animation to be looked at for longer, as I really do like the finish that it the effects yield, I do not want this to be a screen that is ignored immediately, I want the user to take a few seconds to look back and appreciate the technical accomplishment that the home page animation should be.

 

The final animation outcome looks as good as I hoped it would, the less extreme animations on the remaining letter forms serve to offer the majority of the focus over to the centre two “e” letter forms. A part I particularly like is the fact that I have been able to make the curves of the S form from a line that runs under the entire word, creating an almost underline effect, although the rest of the animations are less extreme they still use easy easing and the speed ramps of the effects are adjusted so that they are still very interesting to watch take form if looked at individually. I find the word remains on the screen for  the perfect amount of time, while some may be able to read the entire word in one animation round, Viewing it for the first time should make the user recoil in a “wow” moment at the animation, making them want to watch it again one or two more times until they click off and dismiss the screen to move into the actual app itself. Overall I am extremely pleased with how this animation turned out, I will export the animation as a GIF and then select a frame where every letter form is present and most likely make that my logo, the handmade font suits the finish that I want the app to have, alongside this there is a font that looks similar to the one I have created called “Roboto”. I can now easily use Roboto for the remainder of my typography to make my app more consistent but still to make my logo stand out and remain to look unique when placed next to blocks of text that are in this Roboto typeface. Although I am extremely fond of this animation there are certain areas for improvement and alterations, for example I could alter the paths so that while they are forming the letter forms they create an image for a split second, for example the front of a speaker, however I do not know if this would be noticed enough as well as the time it would take to make could mean I do not have enough remaining time to create the remaining parts of the app. Finally I think the bowl of the “U” is too wide however this is a minor problem that can be fixed very quickly before moving forward.

Iconography

Although it was expressed within the briefing of the project that it is not mandatory that I make all of the Iconography myself, due to the extensive detail that goes into creating icons and that it could “form a project within itself”. I still wanted some icons that would be unique to my app. I wanted to create my own icons at some points within my app for two main reasons, I felt it would be very good practice for future projects that I will Inevitably be briefed with, alongside the fact that many of the icons I found that were available for download and were compatible within XD are general icons, For example, a Battery icon, WiFi, signal, Bluetooth, etc. The icons I plan to create myself are going to be used to represent the genres themes that are going to be available within my app, as previously mentioned I am going to expand the customisation within my app past simply changing the sounds that come out of the devices, but I want to create six different looks that the app could have based upon popular music genres as well as a default setting.

Image-46.png

Initial sketches show each icon being used to attempt to represent that genre of music within a single, simple picture. I researched through different music apps to see how effectively they have managed to achieve this, in particular looking back at the “Boom” Equaliser customisation music app, Drawing much inspiration from this app when designing my own icons. At this point I am unsure if I want my icons to contain multiple colours or to be simple black outlines, I will have to use Adobe Illustrator to create these icons due to Illustrators ability to create vector images, These icons may have to change size of position once placed into XD so it is vital that they remain a lossless format of document so that quality of image is not lost.

icons

My digital outcomes of the icons to represent the corresponding music genres are displayed above, I feel they work effectively and accurately represent the genre that they are portraying. One way that I tested this was to present the icons to other people out of context and ask them what they thought each icon represented, while the actual music genre icons succeeded massively, apart from a small amount of confusion with the pop genre being too generic as well as the default setting receiving much confusion. I could not find a good, concrete way to display something at its default setting apart from simply using my logo, which may be a consideration in the future, however I do worry about the consistency of the icons is five out of six are image related and only one is text based, this requires experimentation and research.

Other icons were simply drawn in using templates, these are simple icons such as a home screen or a back arrow. I felt these did not need illustration personally.

Button Design

 

button example

Deciding to start with a much more simple button design than the examples above, I found that simply having rectangles made the app menu screens looks plain and uninteresting, in an attempt to make the app more fun to navigate by having button that appear more, button like, implementing shadows and brighter parts to give them a greater sense of depth, although they will now be edited within Photoshop to experiment with colour I am happy with the design of these buttons and plan to use them throughout the app.

Colour Schemes

Beginning with designing my colour scheme, I first decided to tackle the Dance genre, using Photoshop tools to create small squares of contrasting colour as a way to test potential colour schemes and evaluate their effectiveness.

theme-colour-test-1.jpg

I did not find this exercise particularly effective, as although I explored many different colour schemes, none of them seemed to fit the colours i desired, as I wanted a laser, club type look I decided to use a greater number of greens rather than oranges, blues or reds in order to achieve this look.

Moving onto other genres I generally followed my pre constructed plan, although often explored many different colour schemes throughout. Below are example of some of the potential colour schemes that i would use within the different genres, the colours on the buttons representing what would be seen within the actual genre screens. As the colours within the menus were to represent the general aesthetic that the music genres emanates I felt it of upmost importance that these be high quality, accurate and aesthetically pleasing, hence why I have experimented with upwards of eight entirely different sets of colours for each genre until I reached the scheme that I felt drew most accurate to what I wanted.

 

Layouts

I experimented with many different layouts themes, colours and designs in order to optimise my app. Beginning with very simple design and then moving to enhance and stretch my application much further to incorporate everything that the user would need to be make my app a satisfactory experience.

my first initial design for app menus and pages were somewhat plain and underwhelming, using only basic colours containing greys, whites and blacks, I attempted to make a simplistic and modern design, although I think that the design on the left does this job much better I still do not think that it works effectively. While it does appear simplistic there is not enough on the page to make it interesting. The design on the right is my original design for my default menu page, hoping to use a grey scale theme to make the menu appear neutral.

Genre Themes

EDM/Dance

I decided to use a range of greens for the EDM/Dance genre in an attempt to emanate a range of lasers and a club type atmosphere, the extremely bright and vibrant shades of greens would only be possible to show on an RGB web based format due to their brightness so I feel as though I am optimising all the useful resources that I have by including complex and bright colours like this within my app, ensuring to use the full range of shades available to me as well as setting my work apart from my previous, print based work. I kept to the agreed colour scheme very well, using a blue/ green shade that compliments the lasers well.

Alongside the colours scheme and the design elements i also ensured that there were also moving animations within the app menus. Using XDs auto animate feature in order to create the illusion of flowing lasers that change location once the user moves through the different menus. I thought this would make navigation more interesting as well as help to fill in the “in between” times when the new menus are being introduced onto the page. This in turn means i had to extend the animation time as well as include an easy ease to improve the animation speed ramping. An original plan was to include different colours as well, however due to the massive amount of colours and shades available within the app due to the existence of the different themes.

Inkeeping with my previously thought up themes, I decided to use a wooden texture within a photgraphy taken by myself to form the background for the screens present within this theme. Using more warmer, brown shades in an effort to express the typical looks and sounds present within country music, while I thought this went well I also created the icon for country based around similar criteria, even if the colours do not very effectively portray country music, a different selection of colours and shades present within each theme should still work to enhance the User Experience and increase the customisation within the app.

The theme that I feel is most effective is the classical theme, using elegant calligraphic flicks and tails coupled with various music notes intertwined in an attempt to give off a high end feel. For this theme in particular I have decided to change the typeface used within headings and body copy, I felt this matched up well with the rest of the theme, also changing the buttons to a subtly gradient purple, I think the way I could change this design would be to include a greater variance of background designs. While I do like the designs I have made, I do think the pace of the menus could be greatly improves by including further experimentation within this area.

 

My next theme was centred around the genre of rock, for this particular theme I decided to include a greater amount of photography in order to offer a nicer contrast between the buttons and the background, making each of them stand out more. Taking simple, primary photography of the various parts of an electric guitar I then proceeded to port all of the photos into Photoshop and edit them, selecting only the most effective few to actually put into my app backgrounds. Originally taking around twenty photos of both a guitar and the amp that accompanied it, I eventually whittled it down to three photos, eliminating all of the amp photos as I felt they were not as clear or consistent with quality as the three I have selected are. Due to most of the photos being much larger than the pixel size of the background, Once edited and ported into Adobe XD I was able to select which part of the photo I wanted to be displayed, I experimented with using the same kind of technique as I used with my EDM theme of having only one photo but simply moving it around with the auto animate setting applied so that the photo would transition smoothly. This did not work as effectively as I had hoped and so decided to abandon it and simply use three examples of static photography.

 

I found this photography very effective and perhaps more effective than every other theme in translating the genre, as the photographs are also coloured they contain both the correct colours as well as the actual content of the photograph working to translate an atmosphere. I think this theme contains the highest amount of clarity as to what genre it is meant to be part of. However I feel they could be improved by including further experimentation into the

My final theme is based around the genre of pop, using various very bright and vibrant shades of pastel type colours. Since most pop music is extremely popular and often appears atop charts across the world, it was important to make a colours scheme that would satisfy the greatest number of people. While I did not detect much criteria for pop, apart from the light airy tones of much of the music, due to this I decided to keep my theme simplistic, using a gentle gradient of a baby blue to a light pink, keeping the menus looking full of space and ensuring to tend to the maximum amount of users. I decided to use blues and pinks due to the fact that pink and blue being apparently the two colours to describe sex of humans, as audiences of pop music stretch beyond the barriers of a single gender/sex, I felt this would be the most effective colour scheme to utilise. While I do think I have done well with this particular themes, discovering and avoiding/solving potential complications effectively, however this is also what I would change about my theme if i were to develop it further, due to the quick discovery of such an effective theme my work lacks a sense of development and experimentation, perhaps I will go back and look at a few more initial concepts that could be developed.

Equaliser Design

Now that I have completed the general themes and aesthetics for the app I now move on to creating the different equalisers that will then be animated within each theme present within the app, The designs of the equalisers should not sway too far from the colours and images present within the themes themselves, however they should still introduce and offer new imagery and elements that excite and intrigue the users.

 

Firstly I created the EDM styled equaliser as I felt that the club type atmosphere would be the easiest to achieved through an animation since I already had ideas in mind.

 

I have created this equaliser using Adobe After Effects, by firstly drawing a simple circle with the shape tool. Using the audio spectrum effect in After Effects I am able to animate any path or mask to move in rhythm to a chosen audio file, as well as doing this, there are several customisation options, such as adjusting the line height, by making duplicates of the animated path and slightly lowering the line height I am able to create the effect above. Creating the colours was a simple matter of colour picking from my app menus and then creating appropriate gradients.

 

 

Further EQ Development

 

Enhancing UX/UI (sidebars included)

My initial concept was to simply have a “previous page” button as well as a home button within my app that was always remain in the same place, making the navigation of the app simple as well as easy to use. However I now find that this appears a bit bare-bones and I think I can do more to enhance the UI of navigating my app without making it more complex or harder to navigate. I am planning on, rather than having different types of settings pages placed on each corner of the screen, I could simply include a settings cog wheel that when accessed will open a sidebar, and then within that sidebar, there could be any number of settings pages. I think this would be a much more effective way of navigation, not only due to the fact that now I can include an unlimited amount of settings by simply making the page scroll able and prevents me being limited by the amount of corners of the screen, freeing up the screen space to include more aesthetically pleasing elements, opening up more possibilities for a greater feeling of personality within the themed app menus. It would also allow me to label what each setting icon represents, because of the nature of side menus, once it has been opened I will have an extra half a screen of space to fill, allowing me to not only include a representational icon, but also a label so to completely avoid any potential for confusion within the users of my app.

Default EQ Screen – 32

Deciding to use a neutral black and white colour scheme as to not extend the already colour filled themes existing within the app as well as matching the introduction animation. The finish is clean and easily legible while the page is not remaining too empty, yet everything placed onto the page serves a definite purpose. I think the sans serif, simple rounded font suits this aesthetic appropriately.

 

 

This slideshow requires JavaScript.

Moving on to creating further universally themed menus, I kept with the black and white colour scheme as it proved very successful when placed within the side bar menus. Content wise I decided to create several equaliser presets allowing for a greater variance of audience to be able to use the app with ease while still being happy with the performance of the app itself. Having all of these different types of settings allows an aspect of individualisation, the concept of everyone can have the sound that they want. Allowing those with no experience or desire to make their sound fully custom to simply use default settings or the quickly accessible and easily functioning presets to spread out the different ration of phones shown by the percentage marker found beside the preset label. However those who do not have experience but wish to create and learn about a more custom sound could learn within the app as I have included several pages giving useful information on how equalisers work and how to get the best out of them, making the app an all inclusive environment, not forcing any users to look any further.

For those with more experience I have created a fully customisable audio spectrum with a selectable number of customised frequency bands, as well as options to not only change what kind of sound comes out of the phone based on what music is being played, but also what kind of environment the music is being played as within my research i found that that does have a smaller impact on the sound quality of the music.

Overall I think I have considered all potential problems as well as a broad spectrum of customers, allowing me to gain maximum revenue. As well as this I plan on using adverts and potential contracts with spotify to provide any additional revenue needed.

Porting Into XD (Overcoming Complications)

Finally, once the app had been finished and refined for optimisation,  I had to port it into Adobe XD. This created certain complications, I discovered that it is not yet possible to import animations or movements of any kind into Adobe XD, to overcome this problem I have been forced to move the animating documents, such as the equalisers and the introduction animation into Adobe Premiere Pro, After creating a video of myself navigating around the static animations within the app i then sliced up the video after importing it into Premiere Pro and inserted the appropriate animation clips in the correct moments. This effectively creates the illusion that the app has been fully formed with functioning animations and equalisers that respond to an appearing random song that is being played. Overall this makes a prototype of what the app would look like if monetary values were applied to the development of the application.

I also applied several animations that XD does provide to my app pages, these are simple transition that help to make the transition more interesting to look at.

Creating The Final, Refined Video For presentation Pitch To Peers

My pitch was very simple, due to the fact that i was only given three minutes to present my large amount of research, screens and the overall reason for why the app exist the way it does. I prioritised on showing the app while describing what was going on and the finer details within the screen. The problems that occurred because of this was that because I had such a large volume of screens and different themes to get through, much of the video appeared confusing and far too fast to understand what was going on, while the audio description helped a lot, I feel that the video was not necessary due to my large amount of preparation and rehearsal beforehand meaning that I was able to create a quick yet precise vision of what the app looked like and how it worked, it would perhaps had been more efficient to include some more specialised and detailed information within the power point for viewers to look at while I was busy explaining the more general information about the app. I think this project overall was enjoyable and challenging and my outcome responded effectively to the brief while I feel i overcame a large amount of complications and problems in order to make my app effective, easy to use, expansive but most importantly, unique.

 

 

 

 

 

Leave a comment