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

Compare with Current View Page History

« Previous Version 42 Next »

R3 - Paper Prototyping

Prototype Photos


1. Home Screen


2. Friend List


3. Finding a Friend


4. Viewing Friend Profile


 5. Friend Req. Notification


6. Create event
(Chong take another shot
fr this one as well, cover the
no against "Closed event"
so that it shows just the
default "Yes")


7. Select Participants


8. twp participants selected


9. Setting time
(Chong can u take a picture
of this page again, with
ticker placed over the
filter options?)


delete this image ...
 its same as 14.


10. Pins(red) drop on 3
Suggested locations, black 
dots represent friends
and Blue dot represent users
Location.

Chong can u put the dots
for friends in this and 12.
picture?u can just use
paint brush


11. Browsing through the 
available meeting places in 
a Building.


12. confirmation pop up at 
the bottom of Set Location
Page


13. RSVP page.


14. View Event Location 
shows Friends connected
to the event location by 
colored lines representing 
their RSVPs (red green
and gray) Currently
showing red and green
 only

Briefing

Discover.Me is a mobile phone application which we are developing. Its aim is to allow a user, such as yourself, to be able to find and locate an approved list of friends so as to be able to be up-to-date with their real-time location. The application will subsequently allow you to, based on the proximity of you and your friends, quickly and easily create an event; specify its time and select a location from the suggested list created by app based on your preference, and send invitations out to friends whom you'd like to meet with. The application will thus allow all participants to have a better knowledge about the geographical location of the event and facilities available over there, as well as easily view who the invitees and what their responses are (i.e. are they coming or not). Ultimately, we aim to make spontaneous, closely-located based events amongst friends fast to create, easy to disseminate and clear to invitees what the responses are.

Scenario Tasks

Finding a friend in your friend's list

Adding a friend to your friend list

Creating and Inviting Friends to an Event

Creating and Inviting Friends to a Closed Event  (With Application Suggesting Locations)
* Introduced in Round #3 only

Responding to an Invitation by Proposing a Change In Time

Responding to an Invitation by Proposing a Change in Location

Imagine that you are an individual named Alice, currently using Discover.Me. 
You would like to find out if your friend, Zoey Zeta, is currently in your list of friends

Imagine that you are an individual named Alice, currently using Discover.Me.
You know that a friend of yours, Zoey Zeta, is not currently in your list of friends. You would like to add her as a friend in the application.

Imagine that you are an individual named Alice, currently using Discover.Me. 
It is currently 4:30 P.M. in the afternoon, and you would like to invite your friends Zoey and Christine for Coffee at Building 26.

Imagine that you are an individual named Alice, currently using Discover.Me.
It is currently 4.30 P.M. in the afternoon, and you would like to invite only your friends Zoey and Christine for Coffee at a location close-by to all 3 of you.

Imagine that you are Zoey, currently using Discover.Me.
You have received a notification from Alice, who has invited you to an event. You know that you are only free at 6:00 P.M. You would like to propose a change to the event time to meet at 6:00 P.M. instead.

Imagine that you are Zoey, currently using Discover.Me.
You have received a notification from Alice, who has invited you to an event. You know that would only want to attend an event if it's held in Building 11. You would like to propose a change to the event location to meet at Building 11 instead.

Observations

Prototyping Round #1

Overview of Usability Issues Observed

Finding a Friend in your Friend List

Adding an Individual into your Friend List

Creating and Inviting Friends to an Event

Responding to an Invitation by Proposing a Change In Time

Responding to an Invitation by Proposing a Change in Location

General Comments

 

 

 

 

 

 

Detailed Observations

User

Finding a friend in your Friend List

Adding an individual into your Friend List

Creating and Inviting Friends to an Event

Responding to an Invitation by Proposing a Change in Time

Responding to an Invitation by Proposing a Change in Location

User's General Comments

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="b843cce4-0a71-4940-afa0-83a79f0621b3"><ac:plain-text-body><![CDATA[

1

  • [Learnability: Different Conceptual Model] 
    ]]></ac:plain-text-body></ac:structured-macro>
    When the user first attempted to find Zoey in their contacts, they attempted to type in the search bar rather than going to the friends icon. 
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="d3a2a8e7-942e-4fdf-8df5-d052bccbec51"><ac:plain-text-body><![CDATA[

  • [Efficiency] 
    ]]></ac:plain-text-body></ac:structured-macro>
    Consider implementing a bulk add, there are currently a lot of steps per friend request which will make adding a lot of people annoying.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="03f29805-db42-42de-9a0b-01e724673e9f"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Lack of Affordance\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    The buttons look grayed out and are hard to notice.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="31485ce5-a230-4bde-ae6a-f6105d65081c"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Information Scent, Feedback\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    User would like a way to confirm the person, some way of identifying that the result in the friend search was the correct person.  At the time the user had typed and the single result was Zoey.
    
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="72f3c09a-4203-42ca-8e5f-632d65962131"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Lack of Affordance\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    When the user clicked the “Show On Map” button on Zoey’s profile, they were unsure whether this represented Zoey’s current location or her office.  Suggested renaming the button to something like “Where is Zoey?”  

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="b02a7e1f-7d68-422c-ba9d-78ec5b8f08b5"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Lacking Internal Consistency,\* \\\]]></ac:plain-text-body></ac:structured-macro>
     Safety: Non-reversible action]
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="2381ac14-c4ba-46f8-8993-82f84b63f788"><ac:plain-text-body><![CDATA[User tapped on the dot representing Zoey’s location and her info came up.  When he pressed back it returned to the home page.  The user expected it to return to the map with Zoey on it.

  • [Learnability: Different Conceptual Model]
    ]]></ac:plain-text-body></ac:structured-macro>
    The user clicked on the friends icon, figuring they would be able to contact them through there.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="ca6c0f4a-1047-4097-9bfb-832478bebb4b"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Different Conceptual Model, External Consistency\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    The user was uncomfortable with a calendar for impromptu meetings since they felt that a calendar event wasn’t needed for an event in 30 minutes.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="d388c4e7-7585-43d4-a6db-739c5bad623d"><ac:plain-text-body><![CDATA[* *\[Efficiency\]* \\]]></ac:plain-text-body></ac:structured-macro>
    Felt that there was a lot to type in the event information screen.  Decided to skip putting a title to the event.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="6f9dce13-7846-4bc1-a97c-4094c65bad27"><ac:plain-text-body><![CDATA[* *\[Efficiency, Safety\]* \\]]></ac:plain-text-body></ac:structured-macro>
    Suggested an add and invite button when inviting people to an event.  Eg: Was inviting Christine and Zoey to coffee when remembered they wanted to invite Miranda to coffee as well but had forgotten to add her.  Would have to back out of this menu, step through the process of adding Miranda as a friend, then recreate the event.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="ca7d148f-d97b-41da-a6ed-1c04d14392d5"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: External Consistency\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    After inviting people to the event and returning to the create event page, the invited field said “3”.  User was confused as to what this meant.  Was this three people including the user as well or were there three other people invited.  Suggested Facebook style listing: list a few guests by name then say “and X others”.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="c286afe5-0a0e-4170-84ee-849fc0d5e25c"><ac:plain-text-body><![CDATA[* *\[*Learnability, Efficiency*\]\* \\]]></ac:plain-text-body></ac:structured-macro>
    Why is there a time zone?  

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="efe10a70-06f6-4983-bcb7-39e4540a3c00"><ac:plain-text-body><![CDATA[* *\[Efficiency\]* \\]]></ac:plain-text-body></ac:structured-macro>
    Wondered what the purpose of end time was for an event like coffee.  Use of end time will depend on what we expect people to do on the app.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="8d5c4224-2cf7-4fb3-8c85-1cc74cbbdb4b"><ac:plain-text-body><![CDATA[* *\[Safety, Efficiency\]* \\]]></ac:plain-text-body></ac:structured-macro>
    At the time, the confirm location popup covered the map.  Suggested this was bad as the user could no longer see the map.  If they looked away for a second they no longer knew the location of the event.  Proceeded to tap back to examine the location.  Location was deleted when he merely wanted to double check it.

 User was not presented this task.

User was not presented this task.

  • Would like to see the current location of people.
  • Are the routes drawn by the map accurate?  This could be incorrect depending on when the last time the person was tracked, whether they had signal, or if there phone was on.

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="a5ae801d-91a7-4130-88ef-52d19a96ee49"><ac:plain-text-body><![CDATA[

2

  • [Learnability: Bad Affordances] 
    ]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="7ffbc108-b547-48f2-a18e-c0c1a9e50d24"><ac:plain-text-body><![CDATA[Was distracted by the other buttons other that the Friend List icon.

  • [Learnability: Internal & External Consistency] 
    ]]></ac:plain-text-body></ac:structured-macro>
    Would like consistency when searching for friends. Can you type their name? User name?  Consistency in the results.  Does the name come up or user name?
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="ee43f6b7-a804-458a-a4ed-154ccaddae64"><ac:plain-text-body><![CDATA[

  • [Learnability: Bad Affordances] 
    ]]></ac:plain-text-body></ac:structured-macro>
    Original bright buttons on top bar did nothing.
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="6e77cd2b-3b29-4dfc-9c2e-52ada2c3bbb1"><ac:plain-text-body><![CDATA[* *\[Learnability, Efficiency\]*  \\]]></ac:plain-text-body></ac:structured-macro>
    The pins on the map should say who that pin represents.

User was not presented this task.

User was not presented this task.

  • Consistency.  What is the user looking?  I.e the name issue
  • Maybe list name and user name in search, highlighting what matches the users input.  I.e if the user types in Rob, result shows Rob Miller rcm, where rcm is his username and Rob is highlighted.
  • The icons look grayed out.
  • Consistency.  Some menus had back buttons while others did not.
  • Not sure of the purpose of the search bar.  In the home map, is it to find a person or location.

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="a770cd3a-b511-489c-9a8d-cb713efb10af"><ac:plain-text-body><![CDATA[

3

  • [Learnability: Affordances] 
    ]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="e47ec6a3-97c7-4cb6-8481-67be16d5c947"><ac:plain-text-body><![CDATA[Did not exhibit difficulty in locating the Friend List icon, and picked it correctly on the first try.

  • [Learnability: Different Conceptual Model] 
    ]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="5c23bc6b-93bf-40ef-bc31-ee3e062b9255"><ac:plain-text-body><![CDATA[The user first checked the location of their friends before creating an event, otherwise the tasks were performed as expected with little comment.

  • [Learnability: Information Scent] 
    ]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="adf7cef9-0368-476c-905b-1f183b4d8a37"><ac:plain-text-body><![CDATA[User indicated that the menu for "Creating an Event" looked complicated.

  • [Learnability: Internal Consistency] 
    ]]></ac:plain-text-body></ac:structured-macro>
    Expressed surprise that after pressing "RSVP", that a confirmation dialog asking whether the user wanted to "Accept", "Reject" or "Propose Change".

User was not presented this task.

  • The system is pretty intuitive
  • Occasionally there were a few extra clicks, such as the confirmation boxes

Prototyping Round #2

Overview of Usability Issues Observed

Finding a Friend in your Friend List

Adding an Individual into your Friend List

Creating and Inviting Friends to an Event

Responding to an Invitation by Proposing a Change In Time

Responding to an Invitation by Proposing a Change in Location

General Comments

 

 

 

 

 

 

Detailed Observations

User

Finding a friend in your Friend List

Adding an individual into your Friend List

Creating and Inviting Friends to an Event

Responding to an Invitation by Proposing a Change in Time

Responding to an Invitation by Proposing a Change in Location

General Comments

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="9e9ea48d-af65-4783-9068-0d0eefefc8fa"><ac:plain-text-body><![CDATA[

1

  • [Learnability: Affordances]
    ]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="2586212a-a8b6-44cf-baba-a8650f45ce8c"><ac:plain-text-body><![CDATA[User did not exhibit difficulty in locating the Friend list Button. Picked it out correctly on the first try.

  • [Learnability: Misleading Affordance]
    ]]></ac:plain-text-body></ac:structured-macro>
    It looks like you can edit the users profile information.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="81554c56-789a-4e13-85fa-a3c4880d2ce4"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Lack of Feedback\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="630e8edb-3929-4f4f-be8c-79ce90e613ec"><ac:plain-text-body><![CDATA[After the request to Zoey was sent, the user expected the app to return to the friends list showing he had sent an invite to Zoey rather than returning to the home page.

  • [Learnability: Misleading Affordance]
    ]]></ac:plain-text-body></ac:structured-macro>
    The notifications button looks like a messenging button.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="61b56c40-e2c2-4068-a716-2089a9ad6e4d"><ac:plain-text-body><![CDATA[* *\[Efficiency\]* \\]]></ac:plain-text-body></ac:structured-macro>
    If you have this information of your friends, why not just text them to meet up?

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="647c2d05-69fd-47b3-becd-382b308dda18"><ac:plain-text-body><![CDATA[* *\[Efficiency\]* \\]]></ac:plain-text-body></ac:structured-macro>
    Liked the drop down windows for friends, events, and notifications.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="872cc9a7-dc83-482e-8935-cf051f1d2183"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Confusing the User\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    Thought there were too many fields in the create event page.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="3bf117b6-f905-4370-ab9d-48efe058c614"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Unclear Affordance\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    The user took a while to notice the check boxes in the invite friends page.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="6bb3bc84-18c0-4e4d-ae5f-fe73f4dd7c44"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Unclear Affordance\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    User was unaware how to get the time wheel off the screen.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="9eb81953-18e9-4a5a-99f6-bf096b5fa008"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Lack of Affordance, Different Conceptual Model\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    User would like to change the name of a location. When they clicked building 26, they wanted to change it to something that conveyed more information such as 26-204.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="d252b6e3-e710-4cf4-80b1-d0915f79132a"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Lack of Feedback\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="5d2de9bc-1975-41e8-8626-2f514795522c"><ac:plain-text-body><![CDATA[Would like a pop up notification that fades away informing them that the invite was sent.

  • [Safety]
    ]]></ac:plain-text-body></ac:structured-macro>
    Having an “Accept Without Changes” button seems error prone when changes are made.

User was not presented this task.

  • User liked the idea of being able to visualize the locations of his friends when creating the event.

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="a757e447-619b-43de-a8e1-41a8212b4458"><ac:plain-text-body><![CDATA[

2

  • [Learnability: Affordances]
    ]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="262216fb-9bed-4f01-8a90-08ab0a3fd1e9"><ac:plain-text-body><![CDATA[User did not exhibit difficulty in locating the Friend list Icon. Picked it out correctly on the first try.

  • [Efficiency, Learnability: Lack of Feedback]
    ]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="0ec87d72-a9d9-4135-9c19-17d5f477e205"><ac:plain-text-body><![CDATA[After sending the friend invite, the user would go to friends to see some confirmation that the invite was sent.

  • [Learnability: Unclear Affordance]
    ]]></ac:plain-text-body></ac:structured-macro>
    Unsure how to get the time wheel off the screen.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="caba3e2b-baeb-4a46-b3c7-ccd4745b9b13"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Confusing the User\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    Didn’t see much need in an end time.

User was not presented this task.

  • Clicked and dragged event pin rather than clicking on a new location.
  • Liked the lines connecting the people to the locations
  • It was not obvious that event proposals could be changed, only knew because it was a task.
  • Was not obvious that you could click the map to change the event location.
  • A “Propose Change” button might make it more obvious that you can change the details of the event.

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="82b32a35-28a0-4a43-b448-9a375a071515"><ac:plain-text-body><![CDATA[

3

  • [Learnability: Affordances]
    ]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="bd5ed05c-8c6a-4012-90e9-872ee62e1f46"><ac:plain-text-body><![CDATA[User did not exhibit difficulty in locating the Friend list Icon. Picked it out correctly on the first try.

  • [Safety]
    ]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="654e7bc1-6dd4-4a4c-9e12-b3f792bbfe62"><ac:plain-text-body><![CDATA[User didn’t bother to read Zoey’s profile.

  • [Learnability: Confusing the User]
    ]]></ac:plain-text-body></ac:structured-macro>
    Don’t need to have a time zone in the event page.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="3569392b-8c22-481b-835e-52c33e053a45"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Confusing the User\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    Need accurate text for the search bar on map, at the time it said to search for friend location.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="9d73812d-ea11-4dcc-8f58-9f591b7c9372"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Lacking Affordances\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="efacc5f8-e5b8-405b-9973-975199f7d699"><ac:plain-text-body><![CDATA[Can it show the distance of the people from the event?

User was not presented this task.

  • [Learnability: Unclear Affordances]
    ]]></ac:plain-text-body></ac:structured-macro>
    Couldn’t tell that you can change the event location by clicking the map.  Instead tried to click on the location field of the event notification.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="cd8b5df0-ec54-4178-83b9-4dc5713ffd9f"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Unclear Affordances, Confusing the User\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    When the user got to the map to change the location they said that it didn’t seem like you could.  Assumed you could drag and drop the location pin.

  • Allow people to invite their friends to an event.  Possibly use open/closed meetings.
  • When inviting friends to an event you could sort them by distance or by frequency of events you attend together.
  • The app is somewhere between informal and full contact management. The right way to do things may not be easy.
  • The tasks were intuitive but might want to reevaluate the tasks that we are aiming for so we can identify what we are missing or how to make the app better.
  • The app could possibly suggest places to meet or store personal defaults.

Prototyping Round #3

Overview of Usability Issues Observed

Finding a Friend in your Friend List

Adding an Individual into your Friend List

Creating and Inviting Friends to a Closed Event (With Application Suggesting Locations)

Responding to an Invitation by Proposing a Change in Location

Users no longer had problems identifying the top row of buttons as buttons they should be tapping on to launch sub-menus, indicating that they were providing better affordances as buttons. Users also were drawn to the search bar in order to identify if a friend was currently present in the Friend List. The idea that the search bar should be used to look for someone, and not simply check the Friend List indicated that the users had a different conceptual model as to how the system should be used. Some wanted the menu icons to perhaps have text, or better information scent, to make them confident that they were going into the right menu. The icons used were generally recognized as "Friends", "Calendar" and "Conversation", indicating that there was some external consistency in their usage. As a result, most users learnt by doing/exploring.

Most users had no difficulty identifying the ""-icon being the button that had to be used in order to begin adding a new friend. Their familiarity with the flow and usage of the menu indicated good +internal and external consistency.

While some users made use of the suggested locations for the meetings, some preferred to specify their own locations, and were unsure of whether the system would support their actions, indicating a lack of affordance, and confusing the user.

Users found the instructions on the menu useful in accomplishing their tasks, though they did spend time reading it. We suspect that expert users will not experience the same lack of efficiency. Some were unsure about the behavior that would occur in order to propose a change to the event location, but were assured when they found the word "Propose" used. The "Revert Change" button being greyed out confused some users, and one user commented that changing it to "Undo" might be clearer, indicating a slight lack in external consistency, because we were not speaking the user's language.

Detailed Observations

User

Finding a friend in your Friend List

Adding an individual into your Friend List

Creating and Inviting Friends to a Closed Event  (With Application Suggesting Locations)

Responding to an Invitation by Proposing a Change in Location

General Comments

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="6ccf4da2-be4c-40dc-9779-d8722b31a8d8"><ac:plain-text-body><![CDATA[

1

  • [Learnability: Affordances]
    ]]></ac:plain-text-body></ac:structured-macro>
    User mentioned that buttons at the top resembled buttons.
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="272414e0-93f6-46f3-9cc5-6c65cc157e99"><ac:plain-text-body><![CDATA[Did not exhibit difficulty locating the Friend List icon.

  • [Learnability: Information Scent]
    ]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="d3abb319-c763-4c43-8a05-1bf3e9086fc4"><ac:plain-text-body><![CDATA[Wondered aloud about what the "Pending" graphic meant.

  • [Learnability: Different Conceptual Model]
    ]]></ac:plain-text-body></ac:structured-macro>
    Attempted to look for Building 26 on the Home Screen first.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="6f05bedd-48f4-4c2a-b69c-2ff4acfb3bce"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Lack of External Consistency\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    Was unsure about how to dismiss the keyboard after typing in "Building 26" into the Search Bar on the Home Screen.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="e8d2ea9e-267a-41a8-86c1-30de943bb3ba"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Different Conceptual Model\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    Tapped on Building 26 to try to initiate event on it.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="48255b13-d954-4f73-b0ae-6022e1898112"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Unclear Affordance, Internal Consistency Lacking\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="541e4d2f-322f-48a2-a3fa-01db066fc872"><ac:plain-text-body><![CDATA[Wondered what the graphics indicating "Food", "Facilities", and "Quiet Area" meant.

  • [Learnability: Different Conceptual Model]
    ]]></ac:plain-text-body></ac:structured-macro>
    Wondered aloud about wanting to find a way to message the Organizer (Alice) about proposing a change in time.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="6d6bd614-7229-475d-93f9-1083f38b3c92"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Unclear Affordances\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    After opening up the "Propose a Change" menu, user click on "Cancel", because he was not aware that the fields were changeable by tapping.
     

  • Found some of the buttons unclear because they were hand-drawn.
  • User mentioned that was used to having a physical "Back" button on a device, a opposed to soft-buttons rendered by the application.

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="0b73c2cd-0e91-49ca-be71-9cee6fa0579c"><ac:plain-text-body><![CDATA[

2

  • [Learnability: Affordances]
    ]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="0637e093-888a-42eb-bad7-09e83a76d22e"><ac:plain-text-body><![CDATA[Did not exhibit difficulty locating the Friend List icon

  • [Learnability: Different Conceptual Model]
    ]]></ac:plain-text-body></ac:structured-macro>
    Didn't realize that it was searching a directory initially.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="b26bc644-7107-4ce7-b5b8-ad811e4361fd"><ac:plain-text-body><![CDATA[* After finding the user, the user didn't tap to view the profile and subsequently add "Zoey". Thought the task was completed.

  • [Safety]
    ]]></ac:plain-text-body></ac:structured-macro>
    Tapped on Done before selecting location.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="6866dea7-4896-4550-b41e-c7293c78dcd7"><ac:plain-text-body><![CDATA[* *\[Efficiency\]* \\]]></ac:plain-text-body></ac:structured-macro>
    Didn't like the confirmation boxes which were popping up. Found them to be doing too much second guessing.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="1b71449d-4a82-4126-9784-580c9563e544"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: External Consistency\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="af85c72e-fb67-472e-bcae-309566c803e3"><ac:plain-text-body><![CDATA[Mention that as an iPhone mobile user, found the flow to be intuitive.

  • [Efficiency]
    ]]></ac:plain-text-body></ac:structured-macro>
    Managed to find out what needed to be done after reading the instructions.

  •  Found the application interface intuitive.

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="17bced4d-ef17-40a1-8770-3e0fec450270"><ac:plain-text-body><![CDATA[

3

  • [Learnability: Different Conceptual Model]
    ]]></ac:plain-text-body></ac:structured-macro>
    Tapped on own location on the map initially to figure out what it was for.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="adfdd66d-07c6-4330-a049-e4f793723d69"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Different Conceptual Model\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    Tried searching for "Zoey Zeta" in the search bar.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="7a688e6f-b3d4-41de-98b5-52a8d7f6a75d"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Learning by Exploring\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="89517e8e-19b2-45a9-9f2c-6f9708f97588"><ac:plain-text-body><![CDATA[Went to Friends Icon in Action Bar after realizing that "Zoey Zeta" was not in Friend's List.

  • [Learnability: Unclear Affordances]
    ]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="238bac09-faf5-4438-a080-f0408a02ea28"><ac:plain-text-body><![CDATA[Did not see "+"-button to add participants. Tapped on the field instead.

  • [Learnability: Information Scent]
    ]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="9b46c81c-3d6d-4197-b5bc-94e787cc0793"><ac:plain-text-body><![CDATA[Switched between "Closed Event" to "Open Event" to understand the difference.

  • [Efficiency]
    ]]></ac:plain-text-body></ac:structured-macro>
    Managed to find out what needed to be done after reading the instructions.

  • Mentioned that clearer buttons would have been preferred.

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="0b6cf53b-f42a-442d-9f58-39a6d90b0ad9"><ac:plain-text-body><![CDATA[

4

  • [Learnability: Different Conceptual Model]
    ]]></ac:plain-text-body></ac:structured-macro>
    Tried searching for "Zoey Zeta" in the search bar.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="41270b18-5e0f-47d7-8aab-54895ad7c7d9"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: Learning by Exploring\\]\* \\\]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="e165fb06-2043-4919-bef8-e702a9464ccd"><ac:plain-text-body><![CDATA[Tapped on Notifications Icon first, then Events Icon, then Friends.

  • [Learnability: External Consistency] 
    ]]></ac:plain-text-body></ac:structured-macro>
    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="5c33ceb8-b96f-4a9a-9b09-bc206ad9c465"><ac:plain-text-body><![CDATA[Wondered aloud about what would occur if multiple "Zoey Zeta"s were in the directory.

  • [Learnability: Unclear Affordances]
    ]]></ac:plain-text-body></ac:structured-macro>
    When adding participants, didn't tap on Checkboxes, but on the arrows instead.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="e00a4f56-2002-4dc9-80f1-de4d2de73165"><ac:plain-text-body><![CDATA[\* \*\\[Learnability: External Consistency, Unclear Affordance\\]\*  \\\]]></ac:plain-text-body></ac:structured-macro>
    After entering the View Profile screen after tapping the arrow, was scanning for the Back button.

    <ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="42f6a173-8913-487e-8b07-bb84b71b1a8f"><ac:plain-text-body><![CDATA[* Picked location based on where his persona was located, ignoring suggested locations.

  • [Learnability: Confusing the User] 
    ]]></ac:plain-text-body></ac:structured-macro>
    Was not sure what "Revert" meant, said "Undo" would have been clearer.

  • Found some of the buttons unclear because they were hand-drawn.

Prototype Iteration

Design

First Iteration

Second Iteration

Third Iteration

Action Bar Icons/buttons on home page

Action bar contains icons for Friends, Events and Notifications. these Icons are of the same color as action bar but in darker shade and are outlined. 
There are few extra buttons on action bar.

Action Icons are replaced by prominent and easy to locate buttons. 
extra buttons are removed.

Action bar design retained from the previous iteration.

Default text Search bars to provide cue on what to search.

Search bar is location on the top of following pages:

  1. Home page
  2. Add a Friend page
  3. Select Participants for an Event
  4. Select Location for an Event
    All these search bars have the same default text "Search" in them. And the searches performed in this app are adaptive and incremental. 

Search bars now contains a Cue about what can be searched e.g. 

  Home page: "Search for Friend on Map by Name"

  Add a Friend : "Search for Person by Name or MIT account ID"

  Set Location : "Search for location by Building Number"


Default text retained from the previous iteration design.

Confirmation Dialogue/ Message

A Confirmation Dialogue window appears after these three user actions:

  1. user taps "add as friend" button on a Persons "Profile". 
  2. user taps "Send Invite" button "Create Event" page.
  3. user taps "send rsvp" button on "RSVP" page.

A Confirmation message appears for a short duration and fades away. 


Retained from the previous design iteration.

Completing a task takes user back to ... ?

Completing a  task such as "Adding a friend" or "Creating an event" or "Checking notification and accepting/declining an invitation" takes a user back to home page.

Completing a task takes user back to the relevant pop up menu. 
For example: 
Completing the task of "Adding  a friend" takes user back to Friend list pop up.
likewise "creating an event" takes user back to Event list pop up. and "sending RSVP response" takes user back to Notification pop up.

Retained from the previous iteration.

Event page

Contains fields for data entry for: 

  1. Title 
  2. Start Time 
  3. End Time 
  4. Time Zone
  5. Participants
  6. Location

Simplified and now contains fewer data entry fields. 

  1. Title 
  2. Start Time 
  3. Participants
  4. Location

A new options is added, to specify if the event is closed or not. 
invitees can add more participants if event is not "closed event" and the "+" button against participants in RSVP page is enabled.  

Setting time of Event

Time is by default set to one hour later and can be changed using the numeric keypad

Taping on "Start Time" field displays a Ticker.
End time is omitted.

Start time is by default set to one hour later, and has the affordance of a click/tap, and when tapped will bring up the ticker. 
Ticker now also have a button labeled "done" which when pressed will hide the ticker. 

Time zone in Create Event page.

For consistency with other smart phone application "Time zone" field is there in "Create Event" page. It is by default set the user's current time zone and is un-editable.

Time zone field is dropped

Time zone field is dropped

Setting location of Event.

Location can be typed in or selected on map

Location can only be selected on map.
Map displays the location of all the selected participants for that event.

The "Location" field in "Create event" page has affordance of tapping, and tapping it will bring out the map view. this map contains a point for all the friends listed in "Participants" field and 3 pins drops from the top on suggested buildings. 

Filter can be set by user to tune the suggestions made by application. A button labeled "Filter" is displayed on top right corner of the "Set Location" page. This button bring out a pop up with list of filter criteria and a hide button. this pop up is popped out by default for better visibility/learnability.

User can click on any building and tap on the enlisted meeting places available in that building to select it as location for their event and can also type in the meeting place name as "others". 

Selecting a location in list will bring user back to map view and a Confirmation Dialogue will show up at the bottom of the page with name of location on it.

RSVP work flow - View Event Details and Send RSVP  

A button on View Event Details page takes user to a separate Send RSVP page. which then contains three options "Accept" "Decline" "propose Changes".

Event details and RSVP response buttons are on the same simplified page. 

Event details have affordances showing that user can edit event details and propose changes are added.  

Until user modify any detail of the event the buttons on the bottom of the page are labeled "Accept" "Decline" and "Revert(Disabled)". 

Once user make a change these buttons are labeled "Propose Changes" "Decline" and "Revert (enabled)".   

Page design retained from the previous iteration.

"+" button against "Participants" field is disabled if the event creator specified the event as "Closed" 

  • No labels