Image Added
1. Login Screen

Image Added
2. Tutorial Screen

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

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

Image Added
5. Friends' list

Image Added
6. Search page to add friend

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

Image Added
8. Event initiation page

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

Image Added

Image Added

Image Added

Image Added

Image Added

Image Added

1. Title Screen

Image Added

• 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 Added

• 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)