Sunday 25 April 2010

PRP - artifact #6 - another design

I gained inspiration for this design after finding an iPhone app called Flickit.


Within the app itself it continues the rounded corner buttons look. Slightly different from what we use in desktop websites, the film reel slides left to right. It acts as an input required slideshow.

I decided to consider this design also for artifact 6.


This first mock up incorporates quite a few of the lessons I have learnt about mobile design.

1. Buttons should all be large
2. List menus work
3. Button menus work

Henceforth, I decided to put all these into one package. As an addition, I tried the status bar field at the top as well. I think similar pieces of information, such as twitter, would be sensibly placed up here where people see other data should as the phone's signal, time, battery life etc.

I proceeded to add colour and experimented with green. Originally bamboo was contained as a texture but soon replace in mindful of requiring even more data to download.


Personally it just didn't feel right. Green is for nature, and therefore didn't feel as appropriate as could be for horoscopes.

In its place I implemented the colourings of a client site I have designed and implemented: The Energy Specialist. Indeed, this content focuses around feng shui, Chinese Horoscope etc and gave me the inspiration for this app's topic.


I much prefer this styling. It is less garish, more sophisticated. The cappuccino beiges and pale greys blend nicely and are more in keeping with the idea of chinese horoscopes - metallics holding something of the mystical quality associated with astrological predictions aka horoscopes.

One change I will work on though is getting the text to stand out a little more and contrast. Gold upon darker beige, or white upon beige isn't providing contrast enough as is necessary for devices that are used and viewed in variable light conditions. Increased drop shadows should help in this instance.

Notably the images used are square and not rounded corners, which is something more often associated with iPhone. I wanted to try and create a neutral device design.


@

No comments: