Group 1 – PubliCam


Design Process

  • World
    • For our world, we brainstormed and ended up with the idea of having a future where there exists a mesh network that protects users from hacking dangers associated with data mining and hacking. It also stops corporations from gathering users’ personal data for free. This stemmed from the thought of Facebook collecting information while the user is on the Internet to show advertisements when said user is on Facebook. This idea did not quite pan out because our world was not well defined and it was decided that a prototype would not be plausible with the given constraints. We restarted the brainstorming process and came up with a world where although surveillance is high, video streams are hidden from public view and sometimes altered to give a certain point of view. We decided to come up with a system that would provide a way for any user to access video streams around the world. Our system provides inexpensive and high quality cameras that record at all times. These cameras send a live stream to a simple web interface.
  • Project
    • For the actual project/prototype, we started out brainstorming ideas for a layout for the website and came up with a storyboard. We used this storyboard to come up with a wireframe. The wireframe and idea were presented to various people who critiqued them and gave us feedback. We used that feedback to refine our system and come up with a well-designed web interface that provides a live stream when the selected camera node is active. For the prototype, we use a third party website called Bambuser that allows our smartphones to stream live video that embeds into our interface.


  • For our prototype, there were various things we had to research to get the final prototype designed and functioning. For one, some of us had to brush up on web design skills. We also conducted a market analysis of current similar products such as Periscope and Google Maps, to see how users react to the interface and for Periscope especially, the concept itself.

Prototype/Web Interface

This slideshow requires JavaScript.

This slideshow depicts the flow of navigation for the web interface. It starts out zoomed out to a map of the United States and allows the user to scroll around as well as zoom in and out. The slideshow shows a zoomed in view of Blacksburg next and then a detailed view of one of the markers. Once the link in the detailed view of a marker is clicked, a camera feed page is shown and the user can click play to view a live stream of that certain camera node.


This slideshow requires JavaScript.

Evaluation Plan

  • Focus Group/Individual Interview
    • Set up the web page and allow the user to essentially “play” around with the user interface
    • After about 5 minutes, record any initial comments/inquiries that the user may have
    • Once all notes are recorded, have the user go through a series of specific tasks to see what/where they click
    • Zoom in closer to a specific area on the map
    • Navigate to the camera view of a desired point on the map
      • Points are represented by markers
    • Once at the camera screen, navigate home
    • Use each of the filters appropriately
      • Most Viewers
      • Closest
      • Most Recently Added
    • Throughout each of these tasks, take note of any discrepancies/errors and record them appropriately
    • If there is any confusion along the way, ask the user to describe why and try to guide them along in the right direction but not necessarily give them the answer right away
    • Gather notes and thank the user for their participation
  • Analysis
    • Put together all notes and look for any correlations among the notes
    • If needed, make changes to the interface to make it more user friendly and more intuitive depending on the user feedback
    • If satisfied, move on to the next step in development process
    • If unsatisfied, go back and repeat with a different group/individual
  • Results
    • Although we did not get to a lot of people to speak with about our layout, those who did check it out responded positively. Thanks to our simple layout and few pages to click through, users were able to correctly navigate to the camera stream page. One thing that came up was the suggestion for a home button, however, this was when the user did not realize that the logo in the bottom left was also a button that linked to the home page.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: