Image Removed
1. Login Screen

Image Removed
2. Tutorial Screen

Image Removed
3. Home page showing the position of logged-in user on map with blue dot
Image Removed

4. Home page showing position
of friend on map with green dot

Image Removed
5. Friends' list
Image Removed

6. Search page to add friend
Image Removed

7. Profile page of a person currently not added as friend
Image Removed

8. Event initiation page
Image Removed

9. Participants selection page (this is wrong snapshot -- this is view participants list -- add snapshot with check boxex on right)

Image Removed  Image Removed

Image Removed  Image Removed

Image Removed  Image Removed

1. Title Screen

Image Removed 

• Our first implementation of the title screen actually centered the form fields.

• We opted to shift the form fields to be slightly higher (40% way down the screen), because we realized that otherwise, the soft-keyboard would actually occlude the Log In button. (Pilot Testing)

2. Tutorial Screen

Image Removed 

• N/A

• One of the biggest issues raised from our heuristic evaluators was that the application's minimalistic design and gave users a slight learnability problem when confronted with the application for the first time. The evaluators suggested for some kind of tutorial or instructions to walk first-time users through the the main features of the user interface. We thus implemented a by-passable tutorial screen which walks users through the various icons and what they meant on the home screen, as well as explanation of the icons on the map view. (Heuristic Evaluation)
• Based on our user tests, many of them showed approval and were welcoming of the tutorial screen. (User Testing)