Mockups

These mockups show how Small.World would look on a smartphone, with the Nexus 5 used as an example.

After logging in, the user is taken to the ‘Friends’ tab, where they can see the friends that they are connected to (solid black line), as well as the friends of a friend (dotted black line). By tapping on a profile picture, a user can see the public profile of another user (e.g. interests, location)

Small.World_Examples2 Small.World_Examples3

The menu is accessed by tapping the button in the top left of the screen. From there a user can edit their profile, giving as much information as they want to, as well as being able to edit the display of the app. Users are also able to filter their friends by location or interest which would be useful for users with large numbers of friends.

Small.World_Examples4

The map view shows the location of a user and the location of their friends and friends of a friend within a certain radius. In the settings, the radius can be changed and the user can choose whether to see people or events. Again tapping on a user’s dot will bring up the public profile of another user.

Small.World_Examples5

Small.World Prototype

Here is a glance of the system functions put into action, the prototype was used to gather the team members feedback to enhance it. Mockups were built based on the feedback given on the prototype below.

Click on the video link below for the prototype

 

Small_World_prototype_720

Tool used: http://www.justinmind.com