You are viewing an old version of this page. View the current version.
Compare with Current
View Page History
« Previous
Version 18
Next »
R3 - Paper Prototyping
Prototype Photos
|
There are no images attached to this page. |
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="07e96e90-228c-4c05-98ed-0c12d232d77d"><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="f346baff-d256-40fc-9323-5bf2a04287cf"><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="2ecc4bc9-6118-43e6-be43-51bb2eea2cb9"><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="3296c91b-fdd4-4166-adc5-c1bb3e7ce0ec"><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="f69c0ca0-397a-458f-a447-4de3c060f2f2"><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="845bfd50-7db4-4236-a959-889b661a71b9"><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="bd7cfabe-1371-4a28-8bed-ab8b75ceaf21"><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="b2f291c9-dc6d-4bae-97e4-2348d904b182"><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="fa12f2cd-f490-4316-8043-806d26fa21c1"><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="23bcc6ce-50e1-489c-bd0e-058d6ffa5e7b"><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="f12815d9-a12d-4897-a48a-1b0b9e45f6bd"><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="f7228654-0b5a-4bdc-b99c-5a7e848cd1b0"><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="610d8890-0964-488f-b0de-d1dc8deac696"><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="920b3f08-b272-47a7-85da-5fedaaaa0f83"><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="b8f4fa48-f889-40cd-be0e-e37c95b54999"><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="4e813abb-2240-4fe2-bed6-e6d503adada4"><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="173af4b2-1416-471f-b5d6-62a02f4210b5"><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="80d714cc-0b09-4673-845e-33ee5c0a2efd"><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="68faa4be-fc5d-4a01-8ff5-583422139349"><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="3d4caf75-048b-49cc-b42e-dbc846f97d95"><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="27856fcc-53d1-4db9-b4cb-6520147f1d55"><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="cb0e6a64-80af-427d-8bc3-29c8dc562d76"><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="6974354d-aef7-4e69-b46a-1d367634b228"><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="7bca9d1a-de65-4f45-bc2b-5072c0ee2253"><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="d75f8538-e75f-41a5-9e1e-f06470e87822"><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="41cd5d5f-936a-4491-9cc6-455a18677b27"><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="f0c98cdb-dcdd-46f2-8ed0-7a9d39a9e985"><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="17349014-c7d5-4435-a4d0-d4ae5f12bd0b"><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="7e30f6b4-19d8-4aac-9816-16b036bd315e"><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="0407deba-365b-4b71-83ef-85014dd62a61"><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="82347f5e-ca8d-4c03-bb4f-b9274272124b"><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="51c5e4da-8a75-4660-9315-91d63a9b23ac"><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="28ec4753-0060-4833-8fd7-e2e8f5446351"><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="c1be3911-8f73-4d1c-89fc-42e301b6042b"><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="589d9cb1-098f-44d1-b624-edcaa25e17f5"><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="21e07612-f396-4128-a402-d69bdf540cc2"><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="8c9f8ef2-6ed7-4d43-a30c-5d80800684cc"><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
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 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. |
help text as default text in search fields of
home page and add friends page |
All the search bars had "Search" as their fragile default text. |
the new fragile default texts are Home Page Search bar "Search for Friend by Name"
Add a Friend: "Search by Name of MIT Account ID"
Select Location: "Search by Building Number" |
default texts retained from earlier iteration. |
close buttons on pop up opened on tapping the action buttons |
Pop up menu can be closed by tapping the same button that was used to open it. |
Pop can also be closed using the "x" button on top left corner of the pop up menu. |
retained from earlier 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 box is dropped. |
retained from the earlier design. |
adding a friend takes you back to home page or search for a new person to add page ? |
takes you pack to home page. |
takes you back to search for a new friend page |
takes you back to friend list |
event page |
more fields for data entry |
simplified |
closed /open event option added |
setting time of event |
time was automatically inserted, adn could be change using the numeric keypad |
ticker was introduced, end time is set by default to one hour after the start time |
ticker retained, but now it has a button "done" which when pressed will hide the ticker.
end time is omitted |
time zone |
|
dropped |
dropped |
setting location |
location can be typed or selected on map |
location can only be selected on map showing all the invited friends |
user can important considerations in selecting the location. app will highlight the suggested buildings on map. user can tap on building to see the details of meeting place options available in that building in a list sorted on the bases of facilities selected by user as important considerations. user can also browse through the un-highlighted buildings on the map check what facilities are available there. user can then select a meeting place and confirm to set it as "event location" |
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 box is omitted |
confirmation box is omitted |
rsvp page |
contains event details only |
contains event details and rsvp responses on the same simplified page |
response page is simplified and affordances showing that user can edit event details and propose changes are added.
a "revert changes" button is presented to user so that in case user realize that they made an error they can undo. |