Innovation graphic design/ Illustration DES507 Step for Health app.

 

 

Decided to focus on making this app as easy and simple as possible. i’d ;ike it to be simplistic but on the user interaction side of things….for example is it possible that if the user click once on the app icon, the pedometer starts counting (meaning that my little character would start walking). and if the user click twice the full app starts up? except on the first launch….

 

 

Ok, just find out that apple does t allow animated app icons…..soooo, got to find way to have something counting like the clock on iPhone for example…something similar to widgets i guess???

Here an interesting one:

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/AppIcons.html

 

Not looking too good:

http://stackoverflow.com/questions/4038305/changing-icon-per-day

Than again:

http://stackoverflow.com/questions/11884260/dynamic-icon-ios

 

Ha! Why not?

here is some of my scribbles:

IMG_9702

IMG_9705

IMG_9703IMG_9704

IMG_9710

IMG_9708IMG_9709

IMG_9711

It seems that since 2012 nothing much as evolve on the possibly to create animated icons for ISO, although there is solutions if you really want to have an animated icons on the home page of your iPhone, even a simple animated clock effect seems to be exclusively reserved to apple…..

 

Moving on the the look design side of things…

I tried different things:

spash screen Spalsh screen

minimise Icon

start Start stepping

home Home page.

 

But than tried different colours while developing the functionality of the app…

step 4 health1

free?

I’d like if the user could choose to be in a team or not and make the app useable for longer than just the challenge month.

user

leader

team select

memebers

minimiser

home

Toke out the map page as i think everyone may not like same location for different reasons: how far it is, physical abilities, etc…

start

user home

team act

If part of a team he also can check the members live activity, i think it can be motivating to see if other team members are walking or not but also check their stats.

stat

 

after class feed back, i was suggested to add more colours:

stat

settings

info

music

map

user

 

Than i decided to go even more minimalistic as i feel it is best if the app is not on the way, it will always be working in the back ground so once the first log in is done the app will just work everyday, automatically recording the steps of each day updating data unless the user switch it off.

 

Here is a little animation, toke me for ever to do it:

 

…and after further class feedback i was told to focus specifically on the little character, witch unfortunately can not be an animated app icon, the possibility of it being animated as a widget but that would only work for androids…disappointing really.

 

Here is some attempt on displaying the app functionality:

 

Flow chart

flow chart

mobile presentation 0.1

 

Though i was getting close but more feedback…..and

 

mobile presentation 0.2

I than remove the stop watch, it is not needed, i feel the screen colour works better and i do like the lay out.

 

step 4 health presentation-300ppi

 

 

 

Leave a comment