App Prototype Comparisons

By -
I thought it would be interesting to draw comparisons between my initial app mockups and my updated  mockups. As the updated mockup has significantly more screens, I have only included the screens that directly compare to my initial designs.

Home
  • Purple background header removed.
  • Tagline shortened.
  • List of icons reduced from six to four.
  • List of icons originally circular with a border outline now rectangular.
  • Different colour scheme, now solid blue.
  • Icons included coloured illustrations, now follow a light purple colour scheme.
  • Icon illustrations and titles updated.


Have I got IBS?
  • Pale green header background changed to darker green.
  • Icon removed from header section.
  • Image asset added to content (copy).
  • Icon buttons background colour change to solid blue.
  • Icon buttons order and titles have changed.



IBS Symptoms
  • Pale red header background changed to darker green.
  • Icon removed from header section.
  • Icon buttons removed and replaced with image asset.



Getting Diagnosed
  • Pale purple header background changed to darker green.
  • Icon removed from header section.
  • Image asset added to content (copy).
  • Icon buttons background colour change to solid blue.
  • Icon buttons order, icons and titles have changed.



Coping Mechanisms
  • Pale purple header background changed to darker green.
  • Icon removed from header section.
  • Icon buttons changed to multiple image buttons linking externally.
  • Icon buttons order, descriptions and titles have changed.
  • Icon buttons increased from two to six.



Support
  • Pale red header background changed to darker green.
  • Icon removed from header section.
  • Two image assets added to content (copy).
  • External hyperlinks added to content.
  • Icon buttons background colour change to solid blue.
  • Icon buttons order and title changed.
  • Icon buttons increased from two to four.




Treatments & Diets (Low FODMAP Diet)
  • Pale red header background changed to darker green.
  • Icon removed from header section.
  • Image assets added to content (copy).
  • Icon buttons background colour change to solid blue.
  • Icon buttons order and title changed.
  • Icon buttons reduced from four to two.
  • Writing a food diary external link added.
  • Navigation made simpler for this flow, diets now go straight to the low FODMAP Diet screen as a main page section.

Popular posts from this blog

Handmaids Tale Experimentation

By -
Image
As this is a ballet adaptation, I thought perhaps I could use ballet shoes as a motif. I'm going to try to avoid making this look cliché. If this doesn't work, I may play around with the additional photograph that Dean provided us with. I purchased a pair of used old pointe shoes on a reselling app named, 'Depop' and once arrived asked my boyfriend to hold the ribbons of the ballet shoes in different positions. At first I noticed that the natural lighting was extremely dark and dull. Being a complete amateur at photography, logically I needed another light source so decided to use a smartphone camera flashlight to provide this.  We tried the lighting from different angles until we had the flashlight almost face-on to the ballet shoes. This reminded me of being in front of a spotlight at the theatre and created some amazing natural shadows. I thought the introduction of the male hand/arm was synonymous with the controlling men in the Handmaid's Tale.  The main theme ...
Read more

Platform Considerations

By -
Image
During today's introductory lecture, we briefly touched on the Degree Project assignment which got me thinking more in-depth about my final major project. While on placement, there was a large amount of discussion among my peers about our return to University. Hearing other student's ideas resulted in me starting my own thought process into which type of platform or device(s) I wanted to focus on creating for.  Originally, I was considering building an app which would include user research, prototyping and a coded creation. Although this would be an interesting project, this isn't an area I have much knowledge about. I have previous experience creating app mock-ups using myBalsamiq and prototypes using Invision however I have never coded an app before let alone published one. This gap of knowledge may hinder the development of the application and result in an incomplete project. Therefore I'm leaning towards a web design and development project instead. As I have alread...
Read more

Showreel

By -
Image
Using Adobe Premiere Pro, I cut both visual and audio elements together to suit the length of the showreel. As the video shouldn't be anymore than a minute, I decided to keep to this timeframe. This was  actually helpful as it forced me to keep projects that looked impressive or I was most proud of. I've happy with my showreel as I feel that there isn't any filler and I managed to add quite a lot of movement considering some of my work are stills/print based. After completing my showreel, I uploaded this to YouTube where I featured this on my channel. This means that my showreel will be the fist video that potential subscribers/employers will see. I decided to use a song named, Shelter by Porter Robinson & Madeon. With permission from Dean, we were allowed to use a published song or soundtrack. I liked this song in particular because it was upbeat and I thought it sounded as though at intervals that the song repeated 'wonderful' which is how I would like my work...
Read more