1 / 16

Information user must provide to Project Squirrel website, currently:

Name: Aswathy Nair. Information user must provide to Project Squirrel website, currently:. Information Project Squirrel mobile app may provide:. Observation Date (defaults to current date) Observation Time (defaults to current time) Zip code (defaults to current location. Observation Date

plato
Download Presentation

Information user must provide to Project Squirrel website, currently:

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Name: Aswathy Nair Information user must provide to Project Squirrel website, currently: Information Project Squirrel mobile app may provide: • Observation Date (defaults to current date) • Observation Time (defaults to current time) • Zip code (defaults to current location • Observation Date • Observation Time • Zip code • Observer’s email address • Number of gray Squirrels • Number of Fox squirrels • Setting of Squirrel observation • Increase/Decrease in the number of squirrels • Count of dogs and cats around the observation site • Count of other predators near the observation site Information user must provide to Project Squirrel mobile app: • Observer’s Email address • Number of gray squirrels • Number of fox squirrels • Setting of squirrel observation • Increase/Decrease in the number of squirrels • Count of dogs and cats around the observation site • Count of other predators near the observation site Extra Information Project Squirrel mobile app may provide: Upload pictures from phone Take a picture and upload. Share the comments on FaceBook Tweet the comments

  2. Name: Aswathy Nair Screen 1: Home Screen Next Screens Description of interaction: This is the design of the Home Page of the app. Once the user chooses this App from the menu, this page opens up. It has a YouTube link to what the project is about and what the citizen scientist can do to participate in this project. I think having a link to video will consume less screen space than giving a written description of the entire project. This media player will be the standard YouTube embedded player with all the YouTube player controls. Below that, I propose 3 Rounded rectangles as touch screen buttons. What the buttons will do is self explanatory. The first button is to record they squirrel observation. This button takes the user to the Survey Screen. The second button is for user to share their squirrel stories. The third button is for the users to share their squirrel pictures. Project Squirrel 2. Survey Screen Screen Screen YouTube link for project squirrel 7. Share story Record Squirrel Observation 9. Share Pictures Share stories Share pictures MENU

  3. Name: Aswathy Nair Screen 2: Survey Next Screens Description of interaction: This is the first page of the survey. The textbox for entering date, time and zipcode will act be filled in with default values. The default date will be the current date. The default time will be the current time. And the default zipcode will be the zipcode where the user currently is. If the user wishes to change the zipcode, tap the button. If the user taps on the date button, a calendar control will be displayed from which the date can be chosen. If the user taps on Time button, keypad will be displayed. If the user taps on zip code, Gray Squirrel numbers or Fox Squirrel numbers the number pad will be opened. This screen is scrollable. The Menu on the top of the page lets the user navigate to different pages from this screen instead having to go through many back and forward redirects. Screen Screen Screen Screen 9. Share pictures Date (Tap the icon to change the date) 02/28/11 3:00 PM Time (Tap the icon to change time) 7. Share Stories Zip code (Tap the textbox to change the zip code) 60607 3. Calendar Control Email ID (Tap the textbox to enter email) Number of Gray Squirrels 4. Keypad Number of Fox Squirrels MENU

  4. Name: Aswathy Nair Screen 3: Calendar Control Next Screens Description of interaction: On tapping the Date button, the standard Android DatePicker will be displayed. The user can easily select the desired date from the DatePicker. This utility is provided in the application to avoid input format validation . The user is bound to make less mistakes inputting the date. Although, the tradeoff is that this makes the user go to another page than the page he was working on. To overcome that problem, I propose in my design that the datepicker should not be another page redirect put opened as another widget. Tapping on Set will actually change the date on the Survey Screen. Tapping on the Cancel will return to the Survet Screen and Not set the date. Screen Date (Tap the icon to change the date) 02/28/11 2. Survey 3:00 PM Time (Tap the icon to change time) 60607 MENU

  5. Name: Aswathy Nair Screen 4: Keypad Next Screens Description of interaction: On tapping any of the input buttons, the keypad widget opens up. The user can tap the input button and enter the text from this virtual touch screen keypad. On tapping OK, the control return to Survey Screen and the value is set on the particular button. On tapping Cancel, the control goes back to survey Page without any changes being made. Screen 3:00 PM Time (Tap the icon to change time) 2. Survey Zip code (Tap the textbox to change the zip code) 60607 Email ID (Tap the textbox to enter email) OK CANCEL MENU

  6. Name: Aswathy Nair Screen 2: Survey Next Screens Description of interaction: This is continuation of Screen 2. Here User fills out the radio buttons as part of the survey questions. Screen Screen Screen Setting of squirrel observation 3. Share Pictures Kinds of trees at observation site Yes No Don’t Know Elm Hickory Maple Oak Prune Walnut 4. Share Stories 7. Squirrel Observation setting MENU

  7. Screen 5: Squirrel Setting Page Name: Aswathy Nair Next Screens Description of interaction: In this screen, the user is given checkboxes to choose from. The chosen options will be saved. On Clicking OK, the screen goes back to Survey Screen. Screen Setting of squirrel observation 2. Survey Choose the setting of the squirrel observation Single Family House or Duplex Multiple Family Dwelling (Apartment Building) High-rise Building Neighborhood Park Forest or Nature Preserver Zoo, arboretum or Botanical Garden Commercial Establishment School, College or University Campus Vacant Lot Cemetery Farmland a Kinds of trees at observation site a a OK MENU

  8. Name: Aswathy Nair Screen 2: Survey Next Screens 3. Share story Description of interaction: This is continuation of Screen 2 In this the user fills out more survey questions. Screen Screen Screen Do you observe squirrels getting food from any of these? (1 – Never, 2 – Seldom, 3 – Often, 4 – Regularly) 4. Share Pictures 1 2 3 4 5. Keypad Bird Feeders Human Handouts Garbage Other Other (please specify) MENU

  9. Name: Aswathy Nair Screen 2: Survey Next Screens 3. Share story Description of interaction: This is continuation of Screen 2 In this the user fills out more survey questions. Screen Screen 4. Share Pictures How abundant are cats and dogs at the observation site? (This includes dogs and cats that live at the site, strays, animals that visit the site on a walk, and others. 1 – None, 2 – Low [1-2], Medium – [3-4], High – [5+]) 1 2 3 4 Dogs Cats Have you ever submitted THIS observation site before? Yes No MENU

  10. Name: Aswathy Nair Screen 2: Survey Next Screens 3. Share story Description of interaction: In this screen the user can fill any additional comments about the whole experience . Once the data is entered, the ‘Done’ button submits the data. Screen Screen Screen Screen 4. Share Pictures Have you ever submitted data for a DIFFERENT observation site? Yes No Any additional comments about your squirrels? 5. Keypad Done! 8. Submit MENU

  11. Name: Aswathy Nair Screen 6: Submit Screen Next Screens Description of interaction: This is the design of the Submit Page of the app. Once the user submits the survey results, this page opens up. It has a small label thanking the user for the data provided. Below that, I repeat the icons in the home screen to give the whole application the same look and feel. Thank you for participating in Project Squirrel! Your data are an important contribution to our understanding of urban nature. We hope you will continue to report about the squirrels at your observation site and tell your friends about Project Squirrel. 2. Survey Screen Screen Screen 3. Share story Record Squirrel Observation 4. Share Pictures Share stories Share pictures MENU

  12. Name: Aswathy Nair Screen 7: Share Stories Next Screens Description of interaction: On tapping the Share stories button in the top, this page is displayed. This page lists all the comments which were provided by other users. This page is scrollable. To Enter own data, the User has to cilck on Share Stories button. 2. Survey Screen Screen Screen Love/HateI'm glad someone is doing this study… 4. Share Pictures ProfoundI feed squirrels with great regularity. My Polish family lived… Interactions with Other AnimalsOur cat goes out on a leash and harness and I think the squirrels…  8. Enter Comments Scientific NuggetsWe had only fox squirrels until approx. 6 years ago,… Share Stories MENU

  13. Name: Aswathy Nair Screen 8: Enter Comments Description of interaction: This is the Share Stories button. This button lets the User enter stories which they would like to share during this whole experiment or any feedback/ comments. The user can use the virtual touchscreen keyboard to enter the story. After the user types in, ‘Send’ has to be clicked which will lead to android’s default message sending interface. The user can choose “via email” and mail it to the address sciurus @uic.edu Screen Enter your story here! 6. Submit Send MENU

  14. Name: Aswathy Nair Screen 9: Share Pictures Next Screens Description of interaction: This screen will display all the pictures of squirrels uploaded in the website. This screen will have the touchs-creen interface for viewing photos. Once a picture is selected, it zooms so the full picture can be viewed. To send own pictures, user has to click “Send Pictures’ link. Send Pictures will automatically mail the picture along with text (optional) to the mail id wiora@uic.edu. 2. Survey Screen Screen Screen Screen Squirrel Gallery 3. Share Stories 11. Full Pic View 10. Submit Screen Send Pictures MENU

  15. Name: Aswathy Nair Screen 10: Full Screen Next Screens Description of interaction: This screen will display the full screen image of the picture. The screen is scrollable and the user can swipe the screen to browse through various screens. 2. Survey Screen Screen Squirrel Gallery 3. Share Stories MENU

  16. Name: Aswathy Nair Screen 10: Upload Picture Next Screens Description of interaction: This screen will be opened when user clicks on send photos. This is the standard interface found on any Android phone. 2. Survey Screen Screen Browse Images 3. Share Stories Take a Picture MENU

More Related