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

Compare with Current View Page History

« Previous Version 12 Next »

GR2: Design

Scenario

Alice, Bob, and Christine are doing a research project together at MIT. They have a research paper submission in a week. After several days of struggling to get arrange meetings and failing to get the whole group together, they decide to take advantage of an app that they have, called Discover.Me, that can better facilitate their meetings.

Alice:

She volunteered to setup the meeting using Discover.Me. Unfortunately, she is currently not friends with Bob on Discover.Me.
She:* Opens the application

  • Navigates to the “Search For Friends” screen
  • Types “Bob” into the search bar and sees a list of similar names from the MIT directory

After Bob accepts the request, she decides to create the event.
She:* Navigates to the “New Event” page

  • Types in “Project Meeting!!!” into the event name field
  • Sets the meeting to take place that afternoon from 2pm-4pm
  • Navigates to the “Invite Friends” page
  • Types in Bob's name in the search bar
  • Sees a list of her friends, narrowed down to names similar to “Bob”, and selects Bob
  • Repeats this process with Christine

While doing some reading, she is distracted by her phone lighting up.
She:* Sees a notification that Christine updated the event time

  • Accepts the updated event

Bob

During a short study break he checks his phone for any new notifications.
He:* Opens the application

  • Sees a notification for a pending friend request
  • Navigates to the “Pending Friend Request” page
  • Sees that the request is from Alice and accepts her request

Later, he checks again for the event invite.
He:* Navigates to the “Pending Event Request” page

  • Sees the invite from Alice
  • Accepts the invite, since he knows he is available
  • Receives updated invitation
  • Accepts updated event

Christine

Having just woken up from a nap, she decides to see if she has any notifications.
She:* Opens the application

  • Sees a notification for a pending event request
  • Navigates to the “Pending Event Request” page
  • Sees that she has been invited to “Project Meeting!!!”
  • Navigates to her Events page to see if she is free then
  • Sees a list of events she replied to
  • Sees that she had accepted the invite to another project meeting, marked in green, at the same time
  • Edits Alice's invite, suggesting to change the times to take place 4pm-6pm
  • Receives updated invitation
  • Accepts updated event

Designs

Design #1

Task

Sketch

Description

Learnability

Efficiency

Safety

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Design #2

Task

Sketch

Description

Learnability

Efficiency

Safety

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Design #3

Subtask

Sketch

Description

Learnability

Efficiency

Safety

Entering the Home Screen

 

  1. Alice opens Discover.Me.
  2. Alice immediately sees list of friends.
  3. Alice can search for friends by tapping on the text bar near the top.
  4. On the bottom row are four buttons:* Friends (Home Screen): brings up the current homepage with a list of friends.* Events: shows the events that Alice has been invited to or will be attending.* Search: immediately pulls up the text box to search for friends.* Invites: shows the people that have invited Alice to be their friend.

The screen presents few details to Alice. She sees some of her Friends and quickly realizes that she can find more friends by scrolling down the list or by using the Search text bar.

Alice can immediately search for her friends by tapping the Search text bar near the top of the screen. She has one-tap access to a listing of her Events and Friend Invitations.

Buttons and selections are made large so that Alice can tap the right targets on the screen. Alice may accidentally hit the Exit button when she taps on the Search text bar.

Searching for friends

 

  1. Alice taps on the text search bar near the top of the screen.
  2. A keyboard pops up from the bottom of the screen allowing Alice to type her entry.

The Keyboard automatically appears telling Alice to begin typing. Alice is familiar with this feature from using other apps.

It isn't clear whether there are other option for Alice to find her friends besides searching for their names.

The keyboard is rather compact and Alice may find herself accidentally hitting the wrong key.

Finding and Adding Friends

 

  1. Alice types "Bob" in the search bar.
  2. The Friends list updates to show friend names closely matching Alice's entry.* The list contains a directory of people (e.g. the MIT directory).            3.   Alice views the updated list of people. Next to their names are indicators:* Friend: indicates the person is already a friend.* Pending: indicates that Alice has invited the person to be her friend.
  • Add: allows Alice to invite the person to be her friend.                4.   Alice adds Bob as her friend.
        5.   Bob quickly accepts Alice as a friend.

Alice sees the same list of friends as she saw on the home screen, so she is familiar with the user interface. The buttons to add a friend are colored brightly so that Alice knows she can perform an action by tapping the button.

As Alice types "Bob," the list updates to show close matches to her entry. For longer names, this could allow Alice to find her friend without typing in his entire name.

Alice may want to add Bob as a friend but accidentally hits Borat's "Add" button. We can ask Alice to confirm when she taps to add a friend, but this will increase the number of steps she has to perform.

Viewing Friend's Location

 

  1. Now that Alice and Bob are friends, they can view each other's locations on a map.
  2. Alice taps on Bob's name on the friends list.
  3. Bob's location is selected and a pop-up balloon shows the selected "dot" is Bob.
  4. Alice can also view her own location as a blue dot on the map.

Once Alice selects her friend, a map shows Bob's current location. Furthermore, a blue dot shows Alice's current location. Alice is familiar with the blue dot representing her location, since it is also used in the iPhone's Map app.

Depending on the level of zoom, Alice may need to further zoom in or zoom out of the map. There is a tradeoff between presenting a large map including most her friends' locations, or showing a detailed and smaller map.

If Alice "flicks" her finger past the screen, there is danger that the current map view will be lost. It will take her some steps recreate the map screen showing her and Bob's location.

Viewing Friend's Profile

 

  1. Alice clicks on the balloon with Bob's name to open Bob's profile.
  2. Bob's profile screen displays his email, phone number, and other details.* Alice can directly call or email Bob by selecting the contact info in Bob's profile.

Bob's profile includes his phone number and email appearing in blue with underlines. This provides Alice with an affordance to click these entries.

By selecting Bob on the map view, Alice immediately sees Bob's profile. She can click on Bob's email or phone number to contact Bob.

If Alice accidentally taps Bob's phone number, then she will begin making a call to him. We can ask Alice to confirm the call, although this will require her to make more selections to accomplish her tasks.

Viewing the Events Screen

 

  1. Alice sees a list of events she has been invited to or will be attending.
  2. Each event is colored green to indicate that she will attend.
  3. Other events awaiting her RSVP are colored yellow.
  4. Events are arranged so that upcoming events appear first in the list.
  5. On the top right, Alice can adjust the time range of events she wishes to display.* 1 day, 3 days, 1 week, or Custom setting.         6.  Alice enters the location of the event. 
        7.  Alice taps the Add an Event bar near the bottom of the list.

 

 

 

Adding an Event

 

  1. A New Event page opens allowing Alice to create a new event and invite friends.
  2. Alice types in the Event Name
  3. She selects the Start and End Time.
  4. Alice taps the Search button in the Invite Friends field.

 

 

 

Inviting Friends

 

  1. Alice taps the Search text bar at the top of the Invite Friends page.
  2. She types in Bob's name.
  3. The Friends list updates to show friend names closely matching Alice's entry.
  4. Alice views the updated list of people. Next to their names are indicators:* Accepted: Friend has accepted invite.* Pending: Friend has been invited and Alice is waiting for their response.* Invite: Friend has not been invited. You can invite them by clicking this button.     5.  Alice invites Bob and Christine by tapping on the invite button next to their names.

 

 

 

Receiving Event Notifications

 

  1. Christine, whom Alice invited, received the invite and wishes to change the event to a later time.
  2. A pop up note appears on Alice's screen telling her that Christine has proposed a change to the event.* This notification appears even if Alice is not viewing the Discover.Me app.* If Alice has turned off her phone's screen, then the phone will vibrate or sound an alert. The screen will turn on briefly to show the notification.

 

 

 

Accepting a Changed Event

 


  1. Alice sees the updated event info, including the time, location, and other details.* The updated entries are highlighted making it easier for Alice to see Christine's proposed changes.         2.  Alice accepts the updated event.

 

 

 

 

 

A pop-up box appears telling Alice that she has accepted the changes and that updated invitations will be sent to all people she originally invited.

 

 

 

Viewing Event Status

 


  1. Alice can scroll down the event list to see the list of friends she has invited.
  2. The list of friends indicates whether a person has accepted the invite.

 

 

 

  • No labels