Here are some of my development wire frames for the final prototype
Below is a list of each page and the content wrote on it is, as you can see there is a lot less text on each page and the directions are also more clear:
Completion page – Amazing, you’ve completed every section
This section is about online awareness and what can happen with our information. You will work alone and then have a group discussion.
What you do
In the old days it was like footprints in the sand and they would vanish
In the digital world your footprints can now often be permanent
Which means they can be copied and shared
How do you keep information private in the real world?
How do you keep information private in the digital world?
Before you post anything online think..
What information do you want to share?
What information do you want to keep private?
Discuss with the group
This section is about being grateful for the things we have in our life. You will work alone on the app and also receive a worksheet to complete.
Type 1 thing in your life that makes you feel happy
Type 1 thing in your life that makes you feel supported
Type 1 thing in your life that makes you feel loved
Type 1 thing in your life that makes you feel encouraged
Type 1 thing in your life that makes you feel excited
Suggestion in corner – This could be anything like : People in your life Family or friends, Pets, Places you’ve visited, A memory, A conversation, Something your looking forward to in the future
Collect a worksheet and a selection of paints from the supervisor
Complete the instructions on the worksheet and upload a picture onto the app
This section is about social awareness and how interacting with people online can be different to interacting with someone in person. You will work in pairs, one partner will be online and one will be in person
List 3 compliments to send to the person in front of you
Suggestion in corner – Tell them why they are wonderful, what makes them unique and why you enjoy being around them
List 3 compliments to tell the person beside you
After both interactions
How did each person react?
Could the online receiver show their reaction over the iPad?
How did it make you feel to see the receivers reaction when you had a conversation?
When sending something online
Could what you are sending get misinterpreted
Will the receiver understand without seeing your body language and expression?
After feedback I looked at the whole app and re-worded a lot of the pages, I found that I needed to make it very clear for the user what exactly needed done. For example, one of the pages asked the user to “write” when really the user needed to “type”
I have also condensed the amount of information on a few pages, the below page has now been made into multiple pages. I felt this needed to be done to hold the users attention
Testing 3 large hex flowers for placement of the 3 different sections. I think with all the different shapes in the image that the user would be very distracted and not be able to differentiate between the background and the three shapes correctly
This was early testing with the old font and colour but i like the placement of the hex shapes. I really like the flower shape and will definitely be having it reoccur through out the app
This is the three single colours which will be the backgrounds of each section, I’m very happy with how they look as they are very fresh and vibrant
Below are three options with the coloured hexagon backgrounds, as you can see the first one with the pointed edges looks unfinished, i much prefer the second scaled option.
As i wanted to use the hexagon flower as a motif through out the project i wanted to text out a flower background with the colours going in the flower layers rather than in vertical lines. I don’t think this worked well as the content could get lost very easily as there is a lot of colour and movement happening on the page.
I researched on the apple website to find out if there was desired font sizes to use while creating an app. The below information was a good starting point but it was not what i needed.
After further research i decided to use a classic typographic scale and use font sizes 12, 24 and 48 which i think work very well