Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Task 1: Add Social Contacts

Storyboard

Learnability

Efficiency

Safety

Visibility


               Home screen                            Find for friends by typing in the
                                                                                 search bar          


   Permission setting page of Joe
                  for Bob

To add a new social contact,
Joe starts from his home
screen and clicks on "My
friends" button. He finds Bob
by typing his name in the
search bar (which is located
at the upper right corner.) Bob's
picture pops out and Joe clicks on
the "Add friend" button to add him.
 
Joe then sets the permissions
for Bob. For example, in this
scenario,
1. Adjust the time by manipulating
    the clock-like interface.
2. Choose the places that are
     available for Bob by clicking 
     on the map. 
  (a)  Click on a new place to 
        create a new one. At the 
        same time, Joe can edit
        the place's radius by
        manipulating a transparent
        circle around the location
        bubble. Joe can also edit
        the name of the location 
        such as STATA or Boston by
        typing in the location bubble. 
             
   (b) Clicking on an existing 
         place can either delete it
         or edit it.
    
3. Hide/show aggregated information
    by clicking on the chart and the 
    Hide/Show button. Click on the
    tab menu to choose different
    kinds of aggregated information
    (weekly or monthly).

Pros: 
1. Adding friends is done in a 
similar way as other social apps.
2. The clock widget makes 
very easy to select the time. 
It is also consistent with other 
time widget. 
3. The map provides direct
manipulation which allows
user to choose the locations.  
4. When Joe chooses a location 
on the map. It provides  
immediate feedback by creating
a bubble around the location.

Pros: 
1. Minimize the amount of
drop-down menu for permission
setting by using pictures and
maps.
 
Cons: 
1. It might be cumbersome 
for users to set the  
permissions of each 
social contact one by one. 
Aggregation * Aggregation *should be 
used. (ex. group permission 
settings.) Efficiency problem 
can also be mitigated by 
providing default 
permission settings.
2. It would be too much
work for 
Joe for Joe to type the
name of
location a location or the
address, auto-complete
complete should could be used here. 
   

Sources of potential
error in this interface
are that the user
enters the wrong
address, name of
location, or perhaps
enters a invalid time.

The auto-complete 
function should help
prevent incorrect
address. In addition,
the engine behind the
interface should 
provide hints to users
about the name/radius
of the location users
click on.

The clock and map widget,
map, and charts
are salient 
to Joe.


Task 2: View real-time location of social contacts

Storyboard

Learnability

Efficiency

Safety

Visibility

    
                   Home screen                     Find existing friend by either typing 
                                                                                     or browsing

    View Bob's location information

To view real-time location 
of a social contact, Joe 
starts from his home screen 
and clicks on "My friends". He 
can find his friends by either 
typing his name in the search 
bar of browsing through the 
list of friends. 

He then clicks on Bob's picture 
to view his location information.
In Bob's page, current location
is presented in the "Current"
area (White Mt. in this picture).

Browsing through past locations
can be achieved by swiping 
the current location map.

 

 

 

 

...

Task 3: View offers and opt-in to create commercial contacts

Storyboard

Learnability

Efficiency

Safety

Visibility

      
Mail box notifies Joe that there are        Click on the mail box to view the 
             offers available                                  list of  available offers


  View Rei's offer by clicking on Rei 

The mail box animation pops up
when there are offers available
to Joe. Upon clicking on the mail
box, Joe sees the list of offers.

To view Rei's offer, he clicks
on Rei's picture and sees the
location information that Rei 
wants from him in exchange
for the 10% discount.

In this scenario, Joe realizes the
information he will be exposed 
to Rei by his own example.
LocaShare mines for Joe's
past locations and visualizes
the information he is about to
share. Joe can choose to 
"Accept" the offer or "Cancel" it.

Pros:
1. Mail box animation is 
a good metaphor for 
receiving a notification.
Joe can easily understand
that there are things 
available to him.
2. Joe can easily learn the
information he will provide 
to the Rei by his historical 
location information. Learn
by example my own example
is an effective way to teach
user what will happen if I
accept the offer.
3. The ">" button on each of the
offer item is consistent with
other smart phone apps which
indicates that there are more
detailed information.

Cons:
1. It If the list of offers is long,
scrolling down the long list
might be cumbersome. 
Would be better to aggregate
the offers by grouping them
into various categories.
2.

 

The mail box animation 
is provides high visibility.


Task 4: View aggregate information of social contacts

 

 

 

 


 

 

 

 

...