12
Neighborhood Watch by Team LookOut (Team #2) Assignment #4 HCI 430 Thomas Brophy Prof. Steele Joseph Howerton 1.31.2011 Kevin Meyer James Schmitz Joseph Steinkamp

Neighborhood Watch prototype (storyboard narrative)

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Neighborhood Watch prototype (storyboard narrative)

Neighborhood Watchby

Team LookOut (Team #2)Assignment #4

HCI 430 Thomas BrophyProf. Steele Joseph Howerton1.31.2011 Kevin Meyer

James SchmitzJoseph Steinkamp

Page 2: Neighborhood Watch prototype (storyboard narrative)

The Neighborhood Watch Mobile Application

Neighborhood Watch is a community awareness app that encourages citizens to "Check In" at trouble spots in their neighborhood. Using the gaming model of apps like Foursquare or Gowalla, users can become “Mayor” of a location and earn participation-based “badges.” The goal is to reduce crimes or minor problems in an area, and generally, make neighbors aware of what's happening in their community.

Page 3: Neighborhood Watch prototype (storyboard narrative)
Page 4: Neighborhood Watch prototype (storyboard narrative)

Homepage Logged Out• The user accesses the Neighbor Watch application platform, and sees the home page in its logged out state.

• User is presented with the options to Log-in to their profile or to Become a Member.

• Other information included on the home page include: Recent check-ins and Top Members

• User clicks on Log in.

• User has the option to Add a Watch Location or View Neighborhood Map. Both will deliver the Log in Pop up screento the user.

Page 5: Neighborhood Watch prototype (storyboard narrative)

Homepage Show Log-in

• User has clicked on Log in, the page grays out as the user is presented with a Pop out to enter their member e-mail and password.

• User provides their member e-mail and password into the Log-in box and clicks Log in.

Page 6: Neighborhood Watch prototype (storyboard narrative)

Homepage Logged-in • User has logged in with their user ID and password, and is directed to the application home page in its Logged in state.

• User has the option to Add a Watch Location or View Neighborhood Map. Both will deliver to the user the Log in Pop up screen.

• The screen will provide the user with their user profile details and the ability to view their Profile, as well as Edit theirprofile.

• Other details include, this users recent check-in activity, the community’s top members, and the most recent check-ins documented by other members of the application’s community.

• User clicks on View Neighborhood Map

Page 7: Neighborhood Watch prototype (storyboard narrative)

Maps First Screen• User “lands” on the map Screen, and is presented with their location thatis “detected” through GPS, and then plotted on a map that includes all neighborhood activity.

• User has the option to add alocation to the neighborhood activity map that is in need of checking, view their profile, and edit their profile.

• User is presented with a detailed list of Places in Need of Checking.

• User clicks on Add Location.

Page 8: Neighborhood Watch prototype (storyboard narrative)

Maps Add Location• User is presented with the Add Location screen, with a textbox to add the location – address or intersection – of a neighborhood trouble spot.• User can also specify the type of crime activity that is occurring, and the type of neighborhood activity that is going on around that location.

• User enters an intersection called Lake and Wabash into the textbox, and further tailors it by clicking on Loitering and Graffiti.

• User clicks on Submit.

• User can also upload a photo or video of the activity, and include the approximate time – start and end – that the crime activity occurred.

Page 9: Neighborhood Watch prototype (storyboard narrative)

Maps Add Location• User is presented with a pop up, with a textbox that is populated with the location of the new neighborhood trouble spot. Other details will include the Crime and Neighborhood activity.

• User reviews the Add Location details, and clicks on Confirm to submit the new crime activitydetails into the system.

Page 10: Neighborhood Watch prototype (storyboard narrative)

Maps First Screen• User “lands” on the map Screen, and is presented with their location that is “detected” through GPS, and then plotted on a map that includes all neighborhood activity.

• User has the option(s) to add a location to the neighborhood activity map that is in need of checking, view their profile, edit their profile, and log out.

• User is presented with a detailed list of Places in Need of Checking.

• User clicks on My Profile.

Page 11: Neighborhood Watch prototype (storyboard narrative)

View My Profile

• User lands on the My Profile details page, and is presented with their user information, their recent neighborhood check ins, and places in need of checking in.

• User is presented with options to Add a Watch Location, View Neighborhood Map, edit their profile, and log out.

• User clicks on Edit Your Profile.

Page 12: Neighborhood Watch prototype (storyboard narrative)

Edit Your Profile

• User “lands” on the Edit Profile screen, and is presented with the details of their account profile information.

• User makes changes to their account data using the text boxes, and clicks on Save.