Interactive Prototype Presenter Sean Ren Group member Alicia Kellogg Chris Schlechty Danny Swisher

Overview Problem and solution Summary of Tasks UI Changes 3 Scenarios Tools and architecture Limitations and tradeoffs

Problem and Solution Existing social networking sites aren’t aware of real world location and activities Radr is a social networking site built mainly for iPhone Use Radr to locate friends, show people where you are, share favorite locations, and learn information about strangers in your proximity

Tasks Locating a friend on a map (easy) To pick them up To deliver something To meet up with each other Finding out information about the people around you (moderate) see if friends are nearby have anything in common with you Customizing visibilities(difficult) Create new layer of visibilities Edit existing visibilities

UI Changes Customers had difficult time identifying where to find visibility settings Changed visibility setting to display the word “visibility” rather than the current visibility status

UI Changes Make the toolbar lager but haven’t implement the tooltip yet Added persistent tool-tips to clarify actions of each visibility tool

UI Changes Where to set visibility?Click “Done” ! Final Product

Scenario 1 Locating a friend on a map Click on Friends tab to view a list of friends. List friends alphabetically. Click on the friend you want to find. On the secondary navigation bar, click Map to see a map of your friend’s location.

Scenario 1 Locating a friend on a map Click on Friends tab to view a list of friends. List friends alphabetically. Click on the friend you want to find. On the secondary navigation bar, click Map to see a map of your friend’s location.

Scenario 1 Locating a friend on a map Click on Friends tab to view a list of friends. List friends alphabetically. Click on the friend you want to find. On the secondary navigation bar, click Map to see a map of your friend’s location.

Scenario 1 Locating a friend on a map Click on Friends tab to view a list of friends. List friends alphabetically. Click on the friend you want to find. On the secondary navigation bar, click Map to see a map of your friend’s location.

Scenarios 1 Locating a friend on a map Click on Friends tab to view a list of friends. List friends alphabetically. Click on the friend you want to find. On the secondary navigation bar, click Map to see a map of your friend’s location.

Scenario 1 Locating a friend on a map Click on Friends tab to view a list of friends. List friends alphabetically. Click on the friend you want to find. On the secondary navigation bar, click Map to see a map of your friend’s location.

Scenario 2 Finding information about the people around you Click on Friends tab to view a list of friends. All friends are listed by proximity by default. If there are few friends in your vicinity, select Show Strangers to see people in your vicinity who are not on your friends list.

Scenario 2 Finding information about the people around you Click on Friends tab to view a list of friends. All friends are listed by proximity by default. If there are few friends in your vicinity, select Show Strangers to see people in your vicinity who are not on your friends list.

Scenario 2 Finding information about the people around you Click on Friends tab to view a list of friends. All friends are listed by proximity by default. If there are few friends in your vicinity, select Show Strangers to see people in your vicinity who are not on your friends list.

Scenario 2 Finding information about the people around you Click on Friends tab to view a list of friends. All friends are listed by proximity by default. If there are few friends in your vicinity, select Show Strangers to see people in your vicinity who are not on your friends list.

Scenario 3 Customizing visibilities Click on Visibility to see your current visibility settings. Click “Edit” button to edit a visibility. Draw a new region. Click “Done” to save the region

Scenario 3 Customizing visibilities Click on Visibility to see your current visibility settings. Click “Edit” button to edit a visibility. Draw a new region. Click “Done” to save the region

Scenario 3 Customizing visibilities Click on Visibility to see your current visibility settings. Click “Edit” button to edit a visibility. Draw a new region. Click “Done” to save the region

Scenario 3 Customizing visibilities Click on Visibility to see your current visibility settings. Click “Edit” button to edit a visibility. Draw a new region. Click “Done” to save the region

Tools and Architecture Dreamweaver, Photoshop, Safari, iPod Touch HTML, CSS and JavaScript front-end MySQL and PHP code back-end (no frameworks) Google Maps for interacting with maps PHP GD Library to draw images on the map (hardest part)

Limitations and Tradeoffs Maps are not Draggable (use arrows) Difficult to interact with geographical data (hard code the distance of friends) Screens are smaller than we expected Difficult to track errors with imbedded code or code across multiple files

Summary Make user to easy to locate friends, find out people around him, and edit visibility settings User are able to complete all of the tasks in the prototype Use Wizard of Oz method to simulate some features (GPS, distance, etc.)

Thank you