• Created by Unknown User (paradesi@mit.edu), last modified by Unknown User (yuhan@mit.edu) on Mar 18, 2012 15:49

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 57 Next »

Paper Prototype

Phase 1

Following are the screenshots of the screens of LocaShare (phase 1):

Home

Home (with notification)

Friends

Viewing Friend

Viewing what the friend
can see about me

   

Editing preferences

Adding friends

Deals

Selecting a category in deals

Viewing offer

Briefing:

Sharon

Tasks:

Sharon

  1. View Bob’s information (current location and historical location)
  2. View what information Bob can see about you, edit it. 
  3. Add John as a new friend of yours. 
  4. View offers and select one.

Observations:

[Paper-prototyping notes]

User

View Bob's information

View what information Bob can see about you

Add John as a new friend

View offers and select one

Suggestions

#1

N/A

‧ Learnability:
1. Different mental model: She attempted
to click on her own profile picture to view
 how Bob could see about him rather than
 clicking on Bob’s page and choose
“My LocaShare”. The user expressed
that since it is how others view my information,
it should be shown in my page instead of others
page.

2. Affordance mismatch: A profile picture has
the affordance to be clickable; however,
our design does not support this function.

3. Misleading arrows/bad affordance: She
was confused by “< My LocaShare” button
and “> Bob’s LocaShare” button. The
direction of the arrows is hard to understand,
the text on the button does not help user to
make the decision as well. Also, the texture
of the button does not make the user feel like
it is a clickable button.

4. Unclear affordance: An empty map in the
editing page makes user think it is a text
box and want to type something in it.

‧ Visibility:
1. User was unable to know the edits were
only applied to a specific friend.

‧ Learnability:
1. Different conceptual model:
User was unable to find the
search bar for adding a
friend since clicking on
“My Friends” does not
make sense ("John is not my
friend at this point").

‧ Learnability:
1. Affordance: User tried clicking
on the box to the left of "Star
Market" as it looks more like
a button than an icon.

User wondered if
it was possible to
create
user-specific
categories.
Also, how to
select multiple
offers at once.

#2

 N/A

‧ Learnability
1. Different mental model: It is more
natural to name the user as “Me”
instead of “Joe”.

2. Inconsistency/different mental
model: We noticed that user habitually
assumed that the picture on the
upper left corner should be me rather
than my friend. Putting user’s profile
picture on the upper right corner is
externally inconsistent with other
social apps.

3. Lack of feedback: The map does not
provide enough feedback about the
coverage of a location. A circle
(with different radius) below the bubble
would help solve this problem. Also,
user was puzzled about what would
happen to the coverage of a location
after choosing “city” or “state”, would
the radius of a location change as well?

 ‧ Efficiency
1. Aggregation: User suggested that the
application should be able to support a
function to hide/show all the charts,
instead of clicking on each chart one
by one in order to hide/show it.

‧  Learnability
1. Different mental model: User
was unable navigate from the
home screen for the “Add John”
task since the user is expecting
an “Add friend +” button on the
home screen. User did not
expect to click on “My friends”
to add a new friend.

2. Lack of feedback:
User was expecting some
feedback would be provided
after adding John, things like
a successful or failure alert.

‧ Learnability
1. Different mental model: User
expected that upon clicking on
the little arrow below “0.4 mi”,
the map/direction to Star
Market would be provided
(since it was directly below
the distance).

2. Affordance: User tried to
click on the "Star" symbol to
see the offers but it was an
icon instead of a button.

‧ Visibility
1. User asked if the user was
not interested in utilizing any
offers right now, is it possible
to provide a way to hide it and
click on "My Deals" to view it
at a later point in time.

 

#3

 N/A

‧ Learnability
1. Different mental model: User attempted
 to click on his own profile picture to view
 how Bob could see about him rather
 than clicking on Bob’s page and choose
 “My LocaShare”. (Similar thing
 happened to user 1.)

2. Inconsistency: User asked why my profile
 picture shows up when viewing Bob’s
 information. It is externally inconsistent with
 other social apps because they would not
 show your pictures when viewing others page. 

3. Inconsistency: User might expect to have a 
profile page which can be accessible by clicking
on his/her own profile picture just like other
social apps.

‧ Efficiency
1. Aggregation: User asked “If I want to hide
my daily/weekly and monthly stats, do I have
to click "Hide" 3 times?”

‧ Visibiltiy
1. The search bar under the map is not salient.

2. The "neighborhood/city/state" did not
convey the look of radio buttons to the user.

‧ Learnability
1. Inconsistency: User found
the way to add a new friend is
externally inconsistent with the
way to add a new contact on
a mobile phone. On a mobile
phone (contact list), when you
want to add users, you “add”
them instead of “searching”
for them.

2. Unclear affordance: User
attempted to add a friend by
clicking on the “empty box” in
“friends near you”, since it is
intuitive to fill in an empty box
by adding something in it.

‧ Learnability
1. Jargon: The user mentioned
that “Select” sounded rather
ambiguous.

User asked “am I
adding Star
Market as one
of my friends?”

Findings:

  1. Paper-prototyping still has its constraints. It is very hard to create a button by using papers, even if we tried to use paper and transparency together and colored it with red, it is still not obvious for users, since the texture is similar to paper.
  2. Another limitation is that it is hard to tell whether a picture is clickable or not. In a computer, when users hover a clickable item, the mouse icon would change, but it is hard to create this effect in paper-prototyping.
  3. The other limitation is due to time constraint. One user would only spend 15 mins finishing all the tasks; therefore, they would not think very clearly about the UI design or the functionality of the application, but just follow their instinct. Therefore, new designs would hard to be noticed or appreciated since they are externally different from existing applications. We solve this problem by finding users outside of the class to test our second design, and had an one-hour interview with each of the user. 
  4. Our design is challenging in the sense that we want to make the option "how others view me" obvious and salient; however, this change might cause external inconsistency with other existing apps, since currently, they are not making this functionality easily accessible to users. (For example, in facebook, you need to click on a tiny widget icon in your profile page and click "View as". But the icon in nearly invisible and the word "View as" carries bad information scent.)

//- Adding users is currently not intuitive. All three users asked why they had to go to "My Friends" and "search" for Bob when Bob wasn't a friend.

//- Home screen is not conveying sufficient information for the tasks described. All three users tried clicking on Joe's photo on the home screen to view information that Joe's friend can see about him.

//- Navigation controls need some work. All users thought that "Friend" and "Deals" beside "LocaShare" (at the top of the screen) was clickable. None of them realized that "LocaShare" would lead them back to the home screen.

//- Viewing friend page could use some work. As User 1 pointed out, the buttons do not convey necessary/sufficient information to take an action.

- Editing preferences page could use some work. The "What" and "Where" seem to be contradictory as User 2 mentioned. Also, would the preferences erase the previous setting and create a brand new one? Or would Joe be able to edit the previous one and create a modified setting?

- User 3 asked if the "deals functionality" could be turned into a social experience ("I would like to share my deals with Bob").

Re-design:

After receiving the feedback in the first iteration, we made changes to our design.

Functionality changes

‧ Remove "Deals". Fully concentrate on how to share/view location information. 
‧ Assuming friends are already existed, this is a reasonable assumption because our project is not trying to solve how to add friends efficiently. Further, most of current apps has already had "Add friends" function.

Design changes

 

Home screen

Find Friends

Viewing what the friend 
can see about me

Editing preferences

Problems in
design 1

  1.  Home screen is not 
    conveying sufficient
    information for the
    tasks described. 
  2. All three users tried 
    clicking on Joe's photo 
    on the home screen 
    to view information 
    that Joe's friend can 
    see about him.
  1. All users thought that
    "Friend" and "Deals"
    beside "LocaShare"
    (at the top of the
    screen) was clickable.
  1.  The "My LocaShare"
    and "Bob's LocaShare"
    are confusing. First,
    users cannot recognize 
    it's a button. Second, the
    meaning of the arrow 
    direction is rather 
    confusing.
  2. Users have the mental
    model to click on his on
    picture to view how
    friends view me instead of
    clicking on my friend and 
    exchange the position.

Solutions for
design 2

  1.  Make home screen more
    interactive, carry more 
    affordance and
    information.
  2. Make Joe's photo 
    clickable.
  1.  Remove the
    confusing
    "Friend" on the
    navigation bar, since 
    it does carry any
    functionality but brings
    confusion to users.
  1.  Move this functionality to
    the profile picture in the 
    home screen. It brings user
    to a personal profile like
    page with a list of friends to
    choose from.

 

Phase 2

Following are the screenshots of the screens of LocaShare (phase 1):

Home

Friends Page

View Bob's information

View yourself as...

View yourself as Bob sees you


Permissions (1)

Permissions (2)

Permissions (3)

Permissions (confirmation)

Briefing:

LocaShare is an application that allows you to share your location data in ways that are different from existing services like Foursquare and Latitude.

  • place and time-based sharing: you can elect to share your location only when you arrive in certain places, or only during certain times of day or times of the week.
  • granular sharing: You can also choose to share more granular data -- such as what city you are in, but not where precisely.
  • data browsing / transparency: An important part of the interface is the part that lets you see both data that is shared with you and see the data that you are sharing with others.

Tasks:

Task 1:

View Bob's current location and identify the restaurant he visited most frequently last week.

Task 2:

Create a new locashare with Bob that allows Bob to see whenever you are in his neighborhood (Boston), but only during evening hours (7pm-9pm).

Task 3:

View and edit your information that Bob can view to hide your statistics information.

Observations:

User

 

 

 

 

 

#1

Learnability/Efficiency:
1. Multiple accessibility: Liked
that we provide two ways to
access to friends. One is
by clicking on friend’s
picture on the map in the
home screen and the
other way is by clicking
on “My friends.”

Learnability
1. Ambiguous wording:
The sentence "View me as Bob"
is confusing.
2. Different conceptual model:
User tried to click on Bob's 
profile page and find a way to
view how Bob sees me. (This
behavior is just the opposite
from what we faced in first
iteration).

Learnability
1. Different conceptual model:
I should be able to know all the
LocaShares that I have with Bob,
rather than hiding them and just
showing the aggregated sharing.
Efficiency
1. Too many button clicks:
User felt annoying when she
was informed that there is 
still one more button click 
to finish creating a 
new LocaShare. She 
suggested that the app
should just show the inform
without asking user to click 
on "ok".
 
2. Not speaking user's 
language:
"What" is ambiguous. She 
suggested that we should use
"History" or "Statistics" instead.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Briefing:

LocaShare is an application that allows you to share your location data in ways that are different from existing services like Foursquare and Latitude.

  • place and time-based sharing: you can elect to share your location only when you arrive in certain places, or only during certain times of day or times of the week.
  • granular sharing: You can also choose to share more granular data -- such as what city you are in, but not where precisely.
  • sharing for deals: Besides just social sharing, you can also share with companies in exchange for incentives that they offer. Deals can be offered based on your current location, and the app
  • data browsing / transparency: An important part of the interface is the part that lets you see both data that is shared with you and see the data that you are sharing with others.
  • localshare types: in order to avoid having to manually select every detail every time, LocalShare allows you to choose from templates. *
    • a Basic share shares your location all the time
    • a Neighborhood share shares your location only when you are in a certain neighborhood.
    • an Out & About share accepts a list of locations and will share whenever you are in any of them.

Task Scenarios:

Task 1:

Create a LocalShare that shares your location all the time with your friend Bob.

Task 2:

You live in Cambridge, but Bob lives in Jamaica Plain. Create a share that allows Bob to see whenever you are in his neighborhood, but only during evening hours.

Task 3:

Your mother Alice knows you're going on a ski trip, and wants to know that you've arrived safely there and safely home. Create a LocalShare that allows her to see what city you're in.

Task 4:

You like to eat in several places. Bob likes to come eat with you sometimes, and you would like to share what places you eat and how often you go to them. Choose two restaurants, and share with Bob information about when you go to those restaurants. 

Task 5:

You are at a shopping center and you view the deals that are available to you. Select one that looks attractive and opt-in. (REI 5 % off) Make sure you understand what you are sharing.

Task 1:

View Bob's current location and identify the restaurant he visited most frequently last week.

Task 2:

Create a new locashare with Bob that allows Bob to see whenever you are in his neighborhood (Boston), but only during evening hours (7pm-9pm).

Task 3:

View and edit your information that Bob can view to hide your statistics information.

User 1:

Task 1:

- There are multiple ways to get to Bob (click on map or click on "My Friends").

Task 2:

- Too many button clicks (there is one even for confirmation that a new locashare has been created!) efficiency

- Just inform the notification, instead of asking them to click. -- efficiency issue

- Daily stats - when/what? -- not speaking user's language

- "What" sounds ambiguous -- use "History" instead

- Would like to know what locashares Joe has with Bob.

- View Bob's locashare accessible by me.

- Can have multiple locashares (naming will be helpful, but should not be mandatory). 

- Name locashares as the placesnames (Cosi, Stata, Cambridge etc)

- Click on multiple friends for one location is intuitive.. but would like a "who" tab... should be already set with the list of friends that have been assigned to that locashare.

Task 3:

- The title "View me as Bob" is ambiguous

- To view my locashare, there are multiple paths -- my friends, my photo

- Edit relationship with Bob either way -- clicking on  Bob or on yourself (photo)

- Saved locashares -- lists/tabs of locashares - visibility issue

- Bob (my relationship with Bob) ..  same options should be given (list of locashares with Bob)

Suggestions:

- Option to "Duplicate" the locashares to create them for other people.

User 2:

Task 1:

- favorite restaurant doesn't make sense since there is no rating feedback given. Also, if Bob already went to PepperSky multiple times this week, he may not want to go there again.

- no preference info given.

Task 2:

- "Whenever in Boston" in the task is ambiguous. If a friend in UCLA is coming to visit, their purpose of being in Boston may be different from someone in Cambridge. Requesting to share whenever you're in SP between 7 and 9pm makes more sense.

- there should be only 1 chart and user should be able to select the frequency of update

- difference between timeframe and the frequency of update

- if you want to share, but only see at specific times.

- time is not displayed consistently. Military time vs normal time.

Task 3:

- History of share -- hide weekly? if they hide daily, they can infer this information when they view the weekly chart.

- number of times in the chart is ambiguous. Say they're at a restaurant and they get a phone call. So they exit the restaurant, complete their phone call and come back. Does that constitute two visits? Displaying the amount of time on the chart may be more useful.

- may be more intuitive to give the user an option of specifying how long they would like information to be stored (in number of days).

- sharing exact location (everywhere) with family members seems more intuitive. something along the lines of "During this time Bob can see me wherever I am"

- affordance is not there to view your info. seen by Bob (did not click on own photo).

show history (in "View me as Bob"):

Now ------|||---------- 7days ago (this will be filled in based on the permissions that Joe sets)

- would "poke around" to view the information Bob can see about Joe. However, better labels would be "Location", "Time", "History" (can be repetitive). speak the user's language

- show amount of time, not number of times. depends on the context though. Restaurants -- many times, Location Tracking -- amount of time

- #times visited = fav. place

- can have similar settings like facebook. selecting multiple friends .. lack of external consistency

- history for the whole group, multiple -- singel entries or is there 1 single one for group formation.

- "My Friend" vs "New Friend". How do I add a new friend? learnability issue

- Show different times for different locations? Right now all the times in the "When" tab map to all the locations in the "Where" tab.

- Easier to "Choose time", and notify when that person can see where I am.

- Have a "global function". During this time, I don't want to be seen by anybody. This will override all other locashares.

- Time I want to be seen is like Facebook chat with location. 

- Can you send a text message to that friend as well?

- Tell where you are right now vs track your locations.

- have an icon (like in MSN) below the photo to show an affordance of clicking. Right now, clicking on the photo is not easy to learn.

- What if there are 5 restaurants in one building? How would LocaShare identify that building as?

- Need to have a mechanism to self-identify the location (like Facebook Check-In) for labeling the locations. If only GPS location is more important, maybe not needd.

- Issue of privacy -- not at home/office can help someone break into my home and steal my stuff.

- I wouldn't use this app for social networking, but will use it for my family members for real-time location sharing.

- If users don't identify themselves, coming up with labels will be very difficult.

- May be interested in viewing historical information out of personal curiosity.

User 3:

Task 1:

Task 2:

Task 3:

- Sharing preference seems to be for future plans (sharing in the future). Mode is visible at that time. 

- Inconsistency in time display (military vs normal)

- Date -- is it this Sunday or the next? No option for setting dates.

- Did I already share Cosi and Stata with Bob? What do these markers mean?

- What does "View me as Bob" mean? Ambiguous not speaking the user's language

- 2 faces on ("View me as Bob") page. What are they for?

- Call "What" as "Past Statistics". Quite ambiguous. not speaking the user's language

- The home page has a bubble-like shape that looks like Joe is "saying" something. However, the internal model is that the nearby friends are the ones that are doing the "saying" (mentioning their location as being close to Joe).

- Past History. Current location. Mention the time.

- Didn't notice the option to delete time (the circle with "minus" symbol). 

- How do I add date to "When"?

- How to share with multiple friends at the same time?

- Location option. Will be helpful to show past statistics of locations I usually share with others (simplify the need to create new locations on the map). 

- New LocaShare --- map in "What" tab should be blank.

- Statistics is very ambiguous. Will be more useful to have a map that shows the route that Bob took in the past. Time is more important than frequency for the user.

- Can vary the size/shape of the markers on the map to indicate frequency (don't make the map messy)

- Specific group of people will be more helpful in the friends page. Divide by "Family" and "Friends". That way you can easily select all friends you want to be associated with that locashare.

- Associate "When" inside the markers on the map in "Where". When you click on a marker, a new window pops up and you can add it. Then you can add time and other details in that window. Should also be able to delete the markers (delete locashares).

- Existing locashare should not be editable. but should be shown when creating a new locashare.

- If Joe wants to notify Bob that he will be in Boston on Friday night, Bob has to to go view Joe's profile to view whether Joe is in Boston. It may already be too late. Having some kind of alert (using color or notification) will be helpful whenever a new locashare is created.

- exact location all day versus decide a location in advance.

- There are multiple ways to get to Bob (click on map or click on "My Friends").

- Multiple options for time. 

- Too many button clicks (there is one even for confirmation that a new locashare has been created!) efficiency

- To view my locashare, there are multiple paths -- my friends, my photo

- Edit relationship with Bob either way -- clicking on  Bob or on yourself (photo)

- The title "View me as Bob" is ambiguous

- Daily stats - when/what? -- not speaking user's language

- "What" sounds ambiguous -- use "History" instead

- Just inform the notification, instead of asking them to click. -- efficiency issue

- Would like to know what locashares Joe has with Bob.

- View Bob's locashare accessible by me.

- Can have multiple locashares (naming will be helpful, but should not be mandatory). 

- Name locashares as the placesnames (Cosi, Stata, Cambridge etc)

- My info opened to Bob

- Saved locashares -- lists/tabs of locashares - visibility issue

- Click on multiple friends for one location is intuitive.. but would like a "who" tab... should be already set with the list of friends that have been assigned to that locashare.

- Bob (my relationship with Bob) ..  same options should be given (list of locashares with Bob)

- Option to "Duplicate" the locashares to create them for other people.

User 2:

- favorite restaurant doesn't make sense since there is no rating feedback given. Also, if Bob already went to PepperSky multiple times this week, he may not want to go there again.

- no preference info given.

- "Whenever in Boston" in the task is ambiguous. If a friend in UCLA is coming to visit, their purpose of being in Boston may be different from someone in Cambridge. Requesting to share whenever you're in SP between 7 and 9pm makes more sense. 

- History of share -- hide weekly? if they hide daily, they can infer this information when they view the weekly chart. 

- there should be only 1 chart and user should be able to select the frequency of update

- difference between timeframe and the frequency of update

- if you want to share, but only see at specific times.

- number of times in the chart is ambiguous. Say they're at a restaurant and they get a phone call. So they exit the restaurant, complete their phone call and come back. Does that constitute two visits? Displaying the amount of time on the chart may be more useful.

- may be more intuitive to give the user an option of specifying how long they would like information to be stored (in number of days).

- sharing exact location (everywhere) with family members seems more intuitive. something along the lines of "During this time Bob can see me wherever I am"

- time is not displayed consistently. Military time vs normal time.

- affordance is not there to view your info. seen by Bob (did not click on own photo).

show history (in "View me as Bob"):

Now ------|||---------- 7days ago (this will be filled in based on the permissions that Joe sets)

- would "poke around" to view the information Bob can see about Joe.

- Better labels would be "Location", "Time", "History" (can be repetitive). speak the user's language

- show amount of time, not number of times. depends on the context though. Restaurants -- many times, Location Tracking -- amount of time

- #times visited = fav. place

- can have similar settings like facebook. selecting multiple friends .. lack of external consistency

- history for the whole group, multiple -- singel entries or is there 1 single one for group formation.

- "My Friend" vs "New Friend". How do I add a new friend? learnability issue

- Show different times for different locations? Right now all the times in the "When" tab map to all the locations in the "Where" tab.

- Easier to "Choose time", and notify when that person can see where I am.

- Have a "global function". During this time, I don't want to be seen by anybody. This will override all other locashares.

- Time I want to be seen is like Facebook chat with location. 

- Can you send a text message to that friend as well?

- Tell where you are right now vs track your locations.

- have an icon (like in MSN) below the photo to show an affordance of clicking. Right now, clicking on the photo is not easy to learn.

- What if there are 5 restaurants in one building? How would LocaShare identify that building as?

- Need to have a mechanism to self-identify the location (like Facebook Check-In) for labeling the locations. If only GPS location is more important, maybe not needd.

- Issue of privacy -- not at home/office can help someone break into my home and steal my stuff.

- I wouldn't use this app for social networking, but will use it for my family members for real-time location sharing.

- If users don't identify themselves, coming up with labels will be very difficult.

- May be interested in viewing historical information out of personal curiosity.

User 3:

- Sharing preference seems to be for future plans (sharing in the future). Mode is visible at that time. 

- Inconsistency in time display (military vs normal)

- Date -- is it this Sunday or the next? No option for setting dates.

- Did I already share Cosi and Stata with Bob? What do these markers mean?

- What does "View me as Bob" mean? Ambiguous not speaking the user's language

- 2 faces on ("View me as Bob") page. What are they for?

- Call "What" as "Past Statistics". Quite ambiguous. not speaking the user's language

- The home page has a bubble-like shape that looks like Joe is "saying" something. However, the internal model is that the nearby friends are the ones that are doing the "saying" (mentioning their location as being close to Joe).

- Past History. Current location. Mention the time.

- Didn't notice the option to delete time (the circle with "minus" symbol). 

- How do I add date to "When"?

- How to share with multiple friends at the same time?

- Location option. Will be helpful to show past statistics of locations I usually share with others (simplify the need to create new locations on the map). 

- New LocaShare --- map in "What" tab should be blank.

- Statistics is very ambiguous. Will be more useful to have a map that shows the route that Bob took in the past. Time is more important than frequency for the user.

- Can vary the size/shape of the markers on the map to indicate frequency (don't make the map messy)

- Specific group of people will be more helpful in the friends page. Divide by "Family" and "Friends". That way you can easily select all friends you want to be associated with that locashare.

- Associate "When" inside the markers on the map in "Where". When you click on a marker, a new window pops up and you can add it. Then you can add time and other details in that window. Should also be able to delete the markers (delete locashares).

- Existing locashare should not be editable. but should be shown when creating a new locashare.

- If Joe wants to notify Bob that he will be in Boston on Friday night, Bob has to to go view Joe's profile to view whether Joe is in Boston. It may already be too late. Having some kind of alert (using color or notification) will be helpful whenever a new locashare is created.

- exact location all day versus decide a location in advance.

  • No labels