...
Prototype | Storyboard | Learnability | Efficiency | Safety |
|---|---|---|---|---|
Timeline Screen |
View Screen Edit Screen
...
...
...
...
| At the top of the timeline screen is a map with dots at all of the locations of the visible
posts below. The map will automatically resize to emcompass them all with as much detail
as possible. There is an arrow across the screen showing the direction of travel, using
the locations of the visible posts as points to fit a curve for the arrow to follow.
At the bottom of the timeline screen is a list of posts from the earliest at the top to
the latest at the bottom. Only a few (in the drawing, four) posts are visible in the list
at a time. By default the list shows the most recent posts.
Posts are separated by headings with the month and year corresponding to the
posts under the heading. The line for each post is designated by a date and time, as well
as the first few words (if any) and a small icon to indicate the presence of a picture (if any).
This bottom section is vertically scrollable by swiping a finger up to see later entries
and down to see earlier ones. At the bottom of the list is a button to create a new entry. This
will bring the user to the edit screen with the current time and location filled in by default.
The user may press and hold a finger on an entry to see the options to share, edit, or
delete the entry. Just tapping once on an entry will bring the user to the view screen for
that entry.
The view screen shows the user first the time and location of the post, then any pictures,
then any contacts, and finally any text in the post. This screen is scrollable in the same
manner as the list in the timeline screen. The user can get to the edit screen
by pressing and holding on the screen or by using the phone's menu button.
The edit screen looks similar to the view screen, with the addition of a few buttons and
visual cues which let the user know she can edit the post. The time and location are underlined,
there are buttons to add photos and contacts, and the textbox has a border and a cursor.
In addition, there is a "save" button in the lower right hand corner, which will save any changes
and bring the user back to the timeline screen. To delete a photo
or contact from the post, the user must press and hold over the item they wish to remove
and select "delete". | | | |
Design 3
Prototype | Storyboard | Learnability | Efficiency | Safety |
|---|---|---|---|---|
Timeline Screen View Screen | The timeline screen in this | Pros: | Pros: | Pros: |
