...
R6 : User Testing
Design
Overall, we finished our design and implementation since GR4.
...
Screenshot | Description |
---|
| Our journal view. Note the color correspondences between the map markers and their entries. The markers appear and disappear you scroll through the entries in the list so that only the entries visible in the list are shown on the map. The color of entries changes as well: color corresponds to the list position of an entry on the screen.
We chose our colors according to aesthetics, good contrast, and to a lesser extent (but still considering) color blindness. The three main colors used are a perfect triad of purple, green, and blue.
The map is animated when scrolling to keep the zoom and positioning of the map consistent with the visible entries. The map is also interactive, with the expected drag controls (zoom controls also appear when the map is touched).
Shorthand icons highlight entries with photographs.
Swiping the list down causes the scrolling to build momentum and continue for a short while after the finger is lifted. This causes a super cool animation of the arrow |
| An entry example in view mode. You can add multiple pictures and textual descriptions. There is also a prediction for your location.
All photographs taken in the simulator result in the android icon. When testing on a real phone, real photographs are taken and inserted instead. |
| An entry example in edit mode. You can add/delete photos (via long press, consistent with everything else in android) and change the text.
You can also add/delete contacts imported from the address book.
The text field automatically expands to accommodate multiple lines or word-wrapped text. |
Image Added Image Removed
| To delete a photo, user can hold down on the photo to trigger the displayed context menunavigate between entries in view mode, swipe left or right. This is consistent with other content viewers on Android.
|
| To delete a photo, user can hold down on the photo to trigger the displayed context menu.
|
| The save button is accessible from the android context menu.
|
| You can also hold down on any entry in the journal view to trigger the context menu for sharing, viewing, editing, or deleting the entry.
|
| Pressing the menu button in view mode will open the menu for editing, sharing, and deleting the entry.
|
| This is the menu that shows up when you select "Share". This is consistent with sharing functionality elsewhere in Android (for example in the photo album). All applications that can send messages of one form or another (facebook, gmail, Goggles, etc) work with our app. |
![](/confluence/download/attachments/83083345/Anim.gif?version=1&modificationDate=1337274828000&api=v2)
We are proud of our Journal view, and feel that our mapping between items in a list and items on a map is innovative.
The animated arrow makes it look good, so we show off the animation as a gif.
Overall, we decided to focus on presentation of the timeline. The view and edit functions are functional, but we have not innovated in that area.
...