...
First Iteration | Second Iteration | Reason |
---|---|---|
The edit buttons (highlight, add notes, etc.) appear when clicking on the page. | All hyperlinks on the original webpage are disabled when it's loaded to show in our app. | Clicking may result in redirecting (or at least create the confusion that it may redirect) if the clicked area is a hyperlink. The edit buttons appear when some text is highlighted by cursor or when an image is clicked on. |
There is no way to delete the made annotations. | Clicking on the annotation makes the delete button appear. | This was a bug in the first iteration. |
The edit buttons are icons with no tooltips. | All edit buttons display tooltips during mouse over. | Users have different understandings of what the buttons will do. It is helpful to clarify them by words. |
An address bar is displayed at the top showing the URL of the current webpage the user is editing. It also accepts a new URL that will bring up a new page for the user to annotate on. | The address bar is removed. A +New Page button is added. | It gives WebAnnotator an unintended resemblance to a web browser. The address bar is confusing over its behavior: would the current page being edited go away if the user types in a new address? When user sees an address bar, they are tempted to think that it behaves like it does in a web browser: that the new page will open possibly overriding the current page, and that there should be 'back', 'forward' and 'refresh' functionality, none of which are what we are trying to support. |
The button at the top that allows user to go to their dashboard (which shows all the saved pages) is labeled with the username of the user. | The label is changed to '<username>'s Saved Pages'. | Some users tested on the paper prototype are not sure about what the button is for. |
The 'Share' dialog box contains one text area for emails/usernames with a radio button choice of either 'publish' or 'collaborate'. | It now contains two text areas, one for each type of access control rights (prototype photo 7). And the names of the two access control types are changed to 'View' and 'Edit'. It also displays the current status that the user set for access control. (i.e. the previous setting is shown in the two text areas.) This allows the user to change the access control rights later by opening the dialog box again. | One user was not sure about what the original names mean. There was no way for them to disallow a given access control to others once set. |
No showing of other users who are currently viewing or editing the page. | This information is displayed on the left hand side of the top bar. | It gives user feedback, especially in the collaborative editing mode about the state of the world. |