You are viewing an old version of this page. View the current version.
Compare with Current
View Page History
« Previous
Version 26
Next »
R3 - Paper Prototyping
Prototype Photos
1. Home Screen |
2. Friend List |
3. Finding a Friend |
4. Viewing Friend Profile |
5. Friend Req. Notification |
|
|
|
|
|
|
|
|
|
|
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 |
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 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
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="01993459-ae35-47ce-a15f-e8c19cb59a7e"><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="ceb8e750-0371-4669-b392-9ef9efd44dff"><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="b269d36d-389b-41f2-b9d1-d856ce29aeb5"><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="13414f43-0b4c-4189-9d31-90500300dc26"><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="00552651-4c8b-4f29-938b-d4e30c23e7dd"><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="22564766-2c88-4b6d-bae1-584d2fb9581a"><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="1386ec45-f95e-45cb-9d6e-f61429a61a89"><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="ef630a3e-4ac0-4dbc-9761-8da963fb584f"><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="4a7a61c4-4c9f-44eb-8b0c-735315199ff9"><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="f89ff54f-9867-4791-9966-d10147ea543a"><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="da5ba66a-bb66-427b-bda5-95c8ad5027bc"><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="101bd480-45ae-4d4a-af49-f7d3cbaccbad"><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="60e89129-4780-4868-8a92-c9ab15e0c857"><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="40e08685-c4e7-405f-add3-8c28b44f9447"><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="227a922b-0c1a-4845-9753-bfde4bd0caa4"><ac:plain-text-body><![CDATA[ |
2 |
|
|
[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="3b828d02-ed1e-4c99-a069-b44b582242de"><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="2ca31ee8-b901-4cd6-8d34-4bc81596ada5"><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="adcefc2c-6201-4f96-900e-19158ff094fd"><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="d1e2cb22-9f85-426a-a4a3-70d7c1a91c2a"><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: 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
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="d4858dfa-c227-41b2-88c9-b20ed59db8a7"><ac:plain-text-body><![CDATA[ |
1 |
|
[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="dc4ddfc4-a04a-4115-a1e5-d52249b53a01"><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="1f62a77c-690d-48ea-97a9-531a36dbf3c8"><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="bfd34979-fa0c-4fb5-80f0-cfd05cf3c79d"><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="3bfebb0d-dac9-472d-8ebf-8d01cfea763e"><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="1ffe45f0-aa05-4786-a9b2-b7c1549c4f39"><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="57d74279-f9bc-4500-91ca-d7921ad32312"><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="4a8ec39f-2694-45ae-beb6-225eef92c618"><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="0214c57c-2198-4dc8-ade1-0750c15567ef"><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="15e7d3f4-5588-444a-9e6a-ae3388bc305b"><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="053c25c3-17ff-480b-975e-266fd9d2c0df"><ac:plain-text-body><![CDATA[Would like a pop up notification that fades away informing them that the invite was sent.
|
|
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="a55c2a0e-b3b3-4ea8-bf2e-848e28b71ee7"><ac:plain-text-body><![CDATA[ |
2 |
|
[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="2634c099-0766-4b12-9034-b21ea9800d7e"><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.
|
|
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="0da47cf2-133c-4e69-9fc8-b5e6c0802246"><ac:plain-text-body><![CDATA[ |
3 |
|
|
[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="6b45a67f-ca8b-4cc3-a1ac-53a717a5eaec"><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="b44275c7-82ee-4d9a-b78c-de24271d2ff8"><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="cbcbfe4b-ee4c-4353-a7d8-b226697cda30"><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="45357b0f-7a5f-4758-95f9-efbfc37528bf"><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.
|
Prototype Iteration
Design |
First Iteration |
Second Iteration |
Third Iteration |
Action Icons/buttons on home page |
Action icons were of the same color as action bar but in darker shade |
Action icons are replaced by prominent and easy to locate buttons |
Actions buttons are retained |
Extra buttons on home page |
Extra buttons did not have any functionality attached to them at that time. |
These buttons were removed. |
in the "select location" page inside "create event" work flow now has a button on top right corner labeled "filter".
this button is used to modify the filters for location suggestions generated by application. |
Search bar on home page |
The search bar on home page is empty has a search button and a span button. |
Search button is removed. the bar now performs incremental adaptive search. |
Retained from the previous iteration design. |
Default text inside Search Bars. |
All the search bars had "Search" as their fragile default text. |
There is Help text as fragile default texts in each search bar.
Home Page Search bar says "Search for Friend by Name"
Add a Friend search bar says "Search by Name or MIT Account ID"
Select Location search bar says "Search by Building Number" |
Default texts are retained from previous iteration design. |
Confirmation dialog after adding a friend |
a Dialogue box pops up when user adds a friend, asking whether they are sure or not. |
Confirmation message appears that friend is added and fades away in 10 seconds. |
Retained from the previous iteration design. |
Adding a friend takes you back to ...? |
Takes you back to home page. |
Takes you back to search for a new friend page. |
Takes you back to friend list. |
Event page |
Contains fields for data entry for:
- Title
- Start Time
- End Time
- Time Zone
- Participants
- Location
|
Simplified and now contains fewer data entry fields.
- Title
- Start Time
- Participants
- 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 was automatically inserted, and could be changed using the numeric keypad |
Ticker was introduced.
End time is omitted. |
Ticker is retained, but now it has a button "done" which when pressed will hide the ticker.
Start time is by default set to one hour later, and has the affordance of a click/tap, and when tap will bring up the ticker. |
Time zone in Create Event page. |
For consistency with other smart phone application "Time zone" field was there in "Create Event" page. It was 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 while creating event. |
Location can be typed or selected on map |
Location can only be selected on map showing all the invited friends |
Location selection retained from previous design.
Filter can be set by user to tune the suggestions made by application. A button labeled "Filter" is displayed on the "Select 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.
this detail will go on the "Prototype Photos" sections.
The "Location" field in "Create Event" page is affordance for click/tap, and when tapped it takes user to a map. Map shows
- Location of friends selected as participants.
- Three Pins drops from the top on 3 suggested locations on map.
- A "Filter" pop up opened up on the right side which enlists important considerations user might have while selecting a place for meeting. user can check the check boxes against it and tap the hide button on top right of the pop up. By default the first option "near all the participants" is selected.
When user taps on a building, a list of meeting spaces available in that building will show up, sorted by the count of filter criteria each place meets, with icons against each place showing which selection criteria it meets.
user can click "other" to type in a location name which will then be added in the list.
tapping an item 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 confirmation page |
contains 2 buttons "accept" "decline"
in case user made any change in the event plan, "accept" button is replaced by "propose changes" button.
|
Confirmation page is omitted. |
Confirmation page is omitted. |
rsvp page |
Contains event details only. |
Contains event details and rsvp response buttons on the same simplified page |
response page is simplified and affordances showing that user can edit event details and propose changes are added.
"+" button against "Participants" field is disabled if the event creator specified the event as "Closed"
a "revert changes" button is initially disabled, but if user change something, it is enabled so that in case user realize that they made an error they can undo. |