Friday, 4 March 2011

Creation and Realisation - iPhone Web App Interface Mock Ups

These are a series of screenshots of the Apps interface: (Click to enlarge any image)

Loading/Title Screen shown while app loads.

Home screen shown when app is loaded, providing user with information about How To Play, an about page at the top, and the ability to log in with Twitter.

The page shown when 'About' is pressed, with the ability to return to the previous page.


The page taken to outside the app when  'Log In With Twitter' is pressed, the page on Twitter, allows the ability to log in, and link the account with the app.

Screen shot showing the addition of account details with the iPhones integrated keyboard automatically appearing.

Page telling user connection of Twitter was successful and a link to get back to the Beacon app. 

Game Lobby page showing Twitter account names of hosts that are available and the choice to select a a host, or to host your own game.

Same as above, however the host available has been selected. 

Next when selected, or making a new game, is the ability to invite friends to the game, and then a button to start the game.


Same as above but with other Twitter names added, no '@' symbol is required, it is added automatically.


Same as above however with invites sent to people. 


Screen showing seekers perspective, with abilities to send Blip, request location or a clue about location. Selecting a person by pushing slider to on for person to send to.



(All images are preliminary and not an exact representation of final product.)

No comments:

Post a Comment