Download
1 / 25
250 likes | 383 Views
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.
E N D
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 • Existingsocial 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.)
