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

Compare with Current View Page History

« Previous Version 27 Next »

Design 2:

Home Screen

Storyboard

Visibility

Learnability

Efficiency

Safety


                   Home screen                      The list of social contacts (friends)
 
The list of commercial contacts (deals)

When Joe logs into the
LocaShare app, he sees
the home screen, which
only has two buttons.
By clicking on the "My
friends" button, he sees
the list of his friends
(social contacts),
and by clicking on the
"My deals" button he 
sees the list of his
deals
(commercial contacts).

Pros:
1. The friends and
deals buttons are huge
and this makes them
salient to users.
2. The icons for friends/
deals are presented by
pictures. Joe can easily
recognize his friends/deals.

Cons:
1. Search bar might be too
small to be noticed.(We
should test this in paper 
prototyping.)
 



Pros:
1. The user interface
    is externally 
    consistent with
    other social
    applications.
2. The user interface
    is internally consistent
    since the way to list
    friends and deals is
    similar.
 

Pros:
1. By providing the
search bar, Joe can 
find his friends easily,
and this prevents Joe
from scrolling down
on the long list in order
to find a specific
person or deal.

If Joe views the wrong
person,

  

Task 1: Add Social Contacts

Storyboard

Visibility

Learnability

Efficiency

Safety

 
               Home screen                            Find for friends by typing in the             Permission setting page of Joe
                                                                                 search bar                                                     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.)
 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, you can edit
        the place's radius and name,
        such as STATA or Boston.
   (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.

 

Pros:
1. The map provides
direct manipulation
which allows user to 
see

Pros:
1.
Cons:
1. It might be cumbersome
for users to set the 
permissions of each
social contact one by one.
Aggregation should be
used. (ex. group permission
settings.) Efficiency problem
can also be mitigated by
providing default
permission settings. 

 


Task 2: View real-time location of social contacts

 

 

 

 

     
                   Home screen                         Find existing friend by either typing        View Bob's location information 
                                                                                     or browsing

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

 

 

 

 

 

      
Mail box notifies Joe that there are     Click on the mail box to view the        View Rei's offer by clicking on Rei
             offers available                                       list of  available offers                          

Joe sees the mail box when
there are offers available to
him. 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.

 

 

 

 


Task 4: View aggregate information of social contacts

 

 

 

 

 

 

 

 

 


Task 5: Edit social contacts

 

 

 

 

 

     
Bob's page and his location info.       The location info. Joe is sharing with      Permission setting of Joe for Bob              
                                                                                               Bob

Joe enters Bob's page as in Task 2.
In addition to viewing Bob's shared
location with Joe, Joe can view how
Bob sees his location information by
clicking on the " < My LocaShare" 
button.

Joe modifies Bob's permission by
clicking on the "Edit" button at the
bottom and enters the permission
setting. The permission setting page
is the same as the on in Task 1.

 

 

 

 



Task 6: Edit commercial contacts

 

 

 

 

 

   
      The list of commercial contacts                           Rei's coupon                      The amount of location information Joe
                                                                                                                              has share with Rei in exchange for the coupon

To edit a commercial contact. 
Joe clicks on "My deals" on the 
home screen and clicks on Rei.
The screen shows Rei's
offer for Bob, that is, 10%
discount in the scenario.
Bob can view how the amount
of location information he has
provided to Rei by clicking
on the "My LocaShare" button. 
Joe decides to terminate this
relationship by clicking on the
"Terminate" button.

 

 

 

 

  • No labels