GR2: Design
Scenario
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 |
|
|
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 |
|
|
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 |
|
|
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 |
|
|
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 |
|
|
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 |
|
|
|
|
|
Adding an Event |
|
|
|
|
|
Inviting Friends |
|
|
|
|
|
Receiving Event Notifications |
|
|
|
|
|
Accepting a Changed 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 |
|
|
|
|
|