Versions Compared

Key

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

...

Home Screen

Storyboard

Learnability

Efficiency

Safety

Visibility


                   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).
Also, clicking on the
"LocaShare" button on
the upper left corner 
leads Joe to the home
screen.

Pros: 
1. The user interface is 
externally consistent 
with other social applications. 
2. The user interface is 
internally consistent since 
the ways to list friends and 
deals are similar. 
3. The UI conveys itself to the 
user by using the texts Immediate 
feedback is also provided 
when user clicks on the buttons.
4.The UI speaks in the user's
language. (Instead of using
social/commercial contacts, it uses
my friends and my deals.)
 



Pros: 
1. Users can find friends
easily by using the search
bar. It also prevents user  
from scrolling down 
on the long list in order 
to find a specific 
person or deal.

Errors can result by clicking
 If  wants If user wants to view deals   deals
but mistakenly clicks on 
the "My friends" button. 
He can easily resolve 
this problem by going 
back to the main screen.

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.It provides good
information scent.

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

...

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.

Pros:
  1.

 

 

 


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

Errors can result by
 clicking "Accept" or
"Cancel" too quickly.
However, this can be
easily resolved by
providing an alert
menu to confirm with
user again. Besides, 
user can always
terminate this offer by
going to the "My deals"
page.

The mail box animation 
provides high visibility.

...