Mockups, Wireframes, and other design documents
Designs for 3 August 2006 Review
Mark and I have put together a Usability Plan for everyone's review.
Here is an Add Item page with three additional fields: one for Full Text, Related Web Site and Custom. In the custom field label, you can select either "full text", "related web site" or "other..." If you select "other", you can write over the field label "custom" and add your own term.
Add Item page with custom fields
Designs for 27 July 2006 Review.
Here are three possible versions of the "Read Only View" of the citations. We had talked about adding links for URLs and PDFs that a professor might want to link to above and beyond the "Find It!" open URL link. I used the terms "Related Web Page" and "PDF version" only as fillers. We could use whatever phrases most make sense to folks. Also, I added a thin border as it was looking a little squished with the added action links.
All action links in right hand column
All action links in the body of the citation
All action links in the body of the citation with no border
Split action links: some in column, some under citation
Designs for 13 July 2006 Review.
Notes from the phone conference are in italics below.
Here are some wireframes, taking ideas from Sharon and Gaurav (and others). I didn't pay a whole lot of attention to font sizes and other style things in these wireframes.
Library Resources Search
The first one uses Gaurav's idea of combining search and the search results in the same window rather than making a wizard of it.
Notes/Questions:
- Some slight demarcation between citations would be nice, if it's subtle as in Gaurav's example. Leave this up to each school's skinning.
- The checkbox at the top of the list, next to the word "Citations", does a select all/ deselect all toggle. Presumably this just works on the visible items. If I go to the next page of results, the toggle has no impact on the selection state of items on the first page of results. check boxes apply even if they're not visible; adding citations shouldn't close the window, and we'll try to update the citation list window real time when we add; give clear indication of # selected and # added; change "Citations" to "Search results".
Editing the Citation List
This next one shows what the create/edit citation list page looks like after it has some search results stowed in it.
The Edit Citation Page, post-search
Notes/Questions:
- The layout of the buttons in the middle part of the page is a bit ugly. Improvement suggestions welcome, as long as inexperienced users will still be able to figure out what to do. What do we show below the fold before there is a list? Having buttons within English sentences isn't good for i18n. Separate them. Would be nice to have the rich text editor only appear if requested.
- Does anyone know if we're stuck with using the Sakai peculiar diction, such as "revise" instead of "edit"? And what about delete vs. remove? Use "Finish" instead of Apply.
Viewing a Citation List
Here's the student (or other non-editor) view of the same list.
The Read-only View of a Citation List
Notes/Questions:
- What if I want to export all 19 citations? I just toggle the checkbox at the top of list, but then I have to go to the second page and do the same; otherwise, I'll just get 10 of the 19 citations--not good. But having the global toggle do the whole list might also be dangerous, because it's acting on things you can't see. under export, allow export of all citations, not just selected; maybe call it just Export instead of Export selected...
- What's the best way to copy selected citations to a new list? I could use the "duplicate" functionality in the Resource Manager to make a duplicate list, and then delete the items I don't want. But that doesn't provide a way to combine lists. There could be a "Copy selected to Clipboard" action, and then a paste (from clipboard) button as well. Ideas? beyond phase one, so don't worry about it now