OverviewProblem and solutionSummary of TasksUI Changes3 ScenariosTools and architectureLimitations and tradeoffs
Problem and SolutionExisting social networking sites aren’t aware
of real world location and activitiesRadr is a social networking site built mainly
for iPhoneUse Radr to locate friends, show people
where you are, share favorite locations, and learn information about strangers in your proximity
TasksLocating a friend on a map (easy)
To pick them upTo deliver somethingTo meet up with each other
Finding out information about the people around you (moderate)see if friends are nearby have anything in
common with youCustomizing visibilities(difficult)
Create new layer of visibilitiesEdit existing visibilities
UI ChangesCustomers 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
Scenario 1Locating a friend
on a mapClick 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 1Locating a friend
on a mapClick 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 1Locating a friend
on a mapClick 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 1Locating a friend
on a mapClick 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 1Locating a friend
on a mapClick 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 1Locating a friend
on a mapClick 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 2Finding
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 2Finding
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 2Finding
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 2Finding
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 3Customizing
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 3Customizing
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 3Customizing
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 3Customizing
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 ArchitectureDreamweaver, Photoshop, Safari, iPod TouchHTML, CSS and JavaScript front-endMySQL and PHP code back-end (no
frameworks)Google Maps for interacting with mapsPHP GD Library to draw images on the map
(hardest part)
Limitations and TradeoffsMaps are not Draggable (use arrows)Difficult to interact with geographical data
(hard code the distance of friends)Screens are smaller than we expectedDifficult to track errors with imbedded code
or code across multiple files
SummaryMake user to easy to locate friends, find out
people around him, and edit visibility settingsUser are able to complete all of the tasks in
the prototypeUse Wizard of Oz method to simulate some
features (GPS, distance, etc.)