Versions Compared

Key

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

Design 2:

Home Screen

Storyboard

Visibility

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 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 is 
externally consistent 
with other social applications. 
2. The user interface is is 
internally consistent since  since 
the ways to list friends and friends and 
deals are similar. 
3. The UI conveys itself to the to the 
Joe by using the texts Immediate 
feedback is  is also provided provided 
when Joe clicks on the buttons.
 



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

If Joe wants to view deals  deals  
but mistakenly clicks on on 
the "My friends" button. 
He can easily resolve resolve 
this problem by going 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. 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.)

  

Task 1: Add Social Contacts

Storyboard

Visibility

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.)
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. The clock and map are salient
to Joe.

Pros: 
1. The clock widget makes makes 
very easy to select the time. 
It is also also consistent with other  with other 
time widget. 
2. The map provides provides 
direct manipulation 
which allows user to  to  
choose the locations locations 
3. When Joe chooses a location location 
on the map. It provides  provides  
immediate feedback feedback 
   

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

 

The clock and map are salient 
to Joe.


Task 2: View real-time location of social contacts

Storyboard

Visibility

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.

 

 

 

 

...