Interactive PrototypePresenter Sean Ren

Group member Alicia Kellogg Chris Schlechty Danny Swisher

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

UI Changes

Where to set visibility?

Click “Done” ! Final Product

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.)

Thank you