Presenting the App

With my prototype ready I thought it would be good to present it in a way for me to show a client or company.  To make things easier I decided to look for some mock up templates.  This would quicken up the process and through looking at things that already exist I can get ideas for future projects.  I just need to make sure the mock ups are free to use just in case I get in trouble.

Mock Up Templates From

http://graphicburger.com/

http://line25.com/articles/20-free-psds-to-mockup-your-app-interface-designs

Perspective

http://graphicburger.com/perspective-app-screens-mock-up/

Photo Realistic

http://zippypixels.com/product/mockups/devices/5-free-photorealistic-psd-mockups-new-iphone-6/

Alltogether

Final App - Invision

Link (works better on mobile)

https://invis.io/MC5JEF3R8

Video Play Through

https://vimeo.com/151342299

Conclusion

I found my project hard to work on.  Yes I do have the capabilities to design an App but its the fact I was living with the problem that made it difficult.  Perhaps I could have chosen a different problem?

Aside from that I am happy with how the overall project turned out.  Looking through my blog I can see all of my progress starting from research to paper prototyping, to testing and finally to the finished design.  I like the overall design of the app and would have liked to continue it and add the actual content alongside a client if the opportunity came up.

I would have liked to plan my project better as I didn't really make a decision on the final outcome until the 11th week of classes.  I'm surprised that I managed to get so much done.  I was just glad I had done all the research before otherwise I would have been in big trouble and the project would have been rushed and a disaster.

I have learned alot about the problem itself and can use this research to better myself.  I would have liked to look more into the 6 areas of the assessment for the user and come up with the questions and decided on the rest of the content for the app itself.  Yes I have the research but I could be wrong..

Last year I was on placement and that has really opened my eyes into being a professional through design, presentation, interaction, user experience and work flow.  I can see from looking back on second year my work has had a major improvement.  My skills have improved and I feel more confident as a designer.

App Redo - Invision

Some changes since the last Invision Video

Something About You

A friend suggested that the 'Next' button be changed to 'Save'.  I agree with this change as the user may become worried if there information was saved or lost.

Information Screen - Added Icon

The information for this screen will not be decided as this is a prototype.  If the app was real then this information will be added.  As for now I am happy with some dummy text.

Assessment - Questions

As said before when the user is completing parts of the assessment they will need to answer questions.  The questions will have 4 answers in total.  I thought having the user move a slider to answer the questions would be a nice feature to add but it would only work for certain questions like Budget.  The questions and answers will not be decided as this is a prototype.  If the app was real then the questions would be added.  As for now I am happy with some dummy text.

Video Call / Phone Call

I decided to remove the Video call function on the app because although it is best to discuss issues face to face the user can arrange an appointment to see someone. Nowadays mobile phones do have front and back cameras and are capable of Video Calls but for the user a phone call would be better.

Final Storyboard

https://drive.google.com/file/d/0BwHwsfkMShl6YU00VmFjMGZZMk0/view?usp=sharing

A logo? - Branding

With my app in the development stage I had considered a logo to brand it.  Unfortunately I couldn't come up with a logo good enough for the App.  I found it difficult gathering research on what ideas to use because of the subject.  Below is a simple idea I used.  The idea behind it is that the person using it is sad and using the app will make them happy.  Simple concept but If I had more time then perhaps I could decide on something better.

App - Updated Storyboard / Invision App / Video Play Through

The Assessment

The assessment section of the app has been re-designed.  I have also added a Menu button to the top right where the user can access the other features of the app.  I have added the final designs for the icons as well.  They really did need updated and drawn properly as the other set was all over the place.  As said before the user will need to complete each section in order to complete there assessment.  This layout and overall design is a major improvement I just need to make one more adjustment.  The Next button should be faded out when a section hasn't been answered because it looks active which could frustrate the user and make them think they can progress with out completing everything.

The Menu

Here the user will have access to various parts of the app.

Something about you: The user may want to make a change to there added information.

The user can enter there name, age and gender.  After entering this information they can also appear anonymous.

Eating Disorders: Here the user can learn about the different Eating Disorders and ways to prevent them.  The close button on the screens about the disorders will take them back to the main disorders screen.  I actually shouldn't have a close button on the Eating Disorders screen because I don't know where it will take them to.

Assessment: This will bring the user to the Assessment screen.

Get Help: With the gps on the users mobile device the app should pick up there location and bring up local places that the user can contact if needed.  As well as the names and addresses of the places and phone numbers the user can Make an Appointment,Talk to a Professional via phone / video call or chat anonymously based upon a subject.

Information: The user can learn about the app its creators (me) and its overall purpose.

End Of Assessment

After completing the assessment the user is given a colour which relates to them showing some symptoms or alot symptoms of having an eating disorder.  The app will suggest ways for the user to help themselves or offer them alternative help.

Colours to Indicate

Based on the users feedback they will be placed into 1 of 4 categories:

• Red / Pink - Danger - A lot of symptoms of an eating disorder.
• Orange - Middle of Danger - The user has some symptoms which could mean they have a possible disorder or could be heading towards having one.
• Yellow - Ok - The user has some symptoms of an eating disorder but nothing too serious.
• Green - The user has a couple of symptoms of an eating disorder but again nothing too serious.

Whether the user has positive or negative results the app will suggest methods in which they can help themselves or seek help from an outside source.

Motivational Messages

As the user uses the app Motivational messages will randomly pop up giving them the courage and support needed.  When progressing through each section the user may feel a mixture of emotions which I feel that these messages will help them feel better and know that everything is ok.

Updated Storyboard

https://drive.google.com/file/d/0BwHwsfkMShl6RWxSWnhyaE42dm8/view?usp=sharing

Invision App - Make my app WORK!

Throughout the creation of my app I will be using Invisionapp for testing.  I can create hotspots linking screens.  I can also send a link to my own or another persons mobile to use and test the app for me.  I can use feedback and go back and make changes when necessary.

Video Play Through so far - Showing a process

Using a screen capture software I was able to record myself using my app.  So far I am pleased with how things are going.  Yes some things do need refined here and there but its definitely coming together.  I need to add more to the app and continue testing it.  With the user testing I will be able to better my app.

How far has my App come?

Going from paper to digital has been a very long and satisfying process I am very happy with how things have gone.  Things have worked well in planning, research and overall creation of the App.

UI Elements - App Design

App Design

When it comes to the overall design of my app I want to use a flat clean UI.  No gradients, for buttons, icons or backgrounds.  This is to keep up with the recent trends and I personally think it looks better and eventually everything will go down the same route.  Below is a sample screen which highlights the different fonts, colours, text boxes, drop downs, check boxes, text sizes and shapes that I will use throughout my app.