Tuesday 23 March 2010

PRP - artifact #5 - potential designs

Having considered a gossip app for the iPhone app I am building, here are a few mock up designs I produced.

The first is more cohesive with app design in that it uses a bottom menu bar, that allows users to access other areas of the app. Typically it is coloured black, in keeping with app designs for iPhone.


One area where I have done something different is at the top. The status bar I can style and colour black. Alongside this then I have aligned another extra status-like component of my own -a Twitter feed. The way the bar curves up to the top of the page means that it will align seamlessly when viewed on the handset with the OS's status information.

All of the buttons in the app are purposefully high contrast for better legibility. In addition, they each have a glossy layer applied, something web2.0 but also a helpful indicator that it is a pushable button, being reflective of how physical buttons would have a shine from the light.

--------------

The other design came about as a result of playing with the various options within JQTouch. One animation is named cube and when activated, it 3Dimensionally rotates the screen around.

This got me thinking about the potential of incorporating this within a design. Enter Gossip Blox.
This then developed to imagining a homepage full of blox.
I like the unique and different design, as it will allow quite a bit of information to be displayed at one time but is still appealing and touchable.

The design progressed to something fashion magazine inspired. Such magazines all use black, greys and pink to appeal to their target market.



Admittedly the design is more edgy that the fashion magazines, but it would work well on the iPhone, being appropriate visually. Ideas from the first design have been incorporated here too - glossy buttons, big touchable areas.

What's different is that that bottom bar often found in apps is no longer present. When I conducted my research back in artifact 2, it took people a while to locate this bar. Instead, to speed up usability the more button has been incorporated into the main touchable area. Artifact 2 therefore has proved useful in identifying suitable design decisions for the touch screen.

@

No comments: