...
- Users seem to always have trouble finding where to add media until we make it clear the icons are paper clips
- Clicked "link" tab instead of "video" when trying to add a video
- No other issues with the tasks
...
Changes between prototypes
As a result of the first round of testing, we decided to increase the visibility of the interface, underscoring the difference between editable, boilerplate text (in light pencil) and the dark, already entered text. We also added visual feedback on the hover (which we indicated to the user as they were moving their hand over the paper). Finally, we increased the size of some of the icons to increase their visibility. We found that these changes reduced the confusion that users had with the initial tasks.
We also provided clearer instructions and feedback (in the form of the facilitator), which helped us get better feedback.
Pictures of Prototype (Iteration 2)
Picture | Description |
|---|---|
| Edit page. Grey text corresponds to something metaphorically pencilled in and needing edit, as opposed to the black text that does not need editing. |
| The user has inputted some contact information, now in Black as it will show up publicly. |
| Mousing over an editable section prompts a change in background color, and appearance of a click to edit notification. |
| User has entered college info and connected a video. |
| Modal dialogue for retrieving a public link and marking as public. |
