...
Our first prototype was the Timeline screen of the second design mixed with the View/Edit screen of the first design. We After the first round of testing, we made a few big changes to improve the visibility of some features and to improve the learnability of our UI.:
Edit Mode:
- We added buttons above the text box for adding photos and contacts, with little icons to represent each. This visual cue not only informed users of the ability to add items other than text, it also made it much simpler for them to do so.
...
After testing with the second prototype, we decided to make a few more changes to our UI:
Timeline:
- We will change the arrow from solid to dotted or dashed to better convey the path on a map.
Edit Mode:
- When a photo is tapped once, we will move the cursor to right after the photo so that the user can more easily edit or delete the photo they tapped on.
- When a photo is double-tapped, we will give the user the option to delete it.
- We will attempt to implement drag-and-drop for photos to improve usability.
View Mode:
- Instead of appearing with scrolling, we will have the share/edit/delete buttons appear and disappear on a tap of the screen.