Page Comparison

h1. User Interface Design: Wireframes

* Sample Design Patterns: {html}
* * <A href="{link-window:http://www.mockupstogo.net" mce_href="}http://www.mockupstogo.net" target="_Blank">http://www.mockupstogo.net</A>
* {html{link-window}
* Below require&nbsp; [Balsamiq |OLE:User Interface Design Templates]for use in prototyping mockups.&nbsp;

h2. OLE Wireframes for download

| !Blank-OLE.png|thumbnail,border=1!\\ | [^Blank-OLE.bmml]\\ | !eDoc-OLE.png|thumbnail,border=1!
{anchor:edoc}\\ | [^eDoc-OLE.bmml]\\ |
| | | | |
| !Blank_LeftMenu-OLE.png|thumbnail,border=1!\\ | [^Blank_LeftMenu-OLE.bmml]\\ | !KNS_Search-OLE.png|thumbnail,border=1! | [^KNS_Search-OLE.bmml] |
| | | |
|
| !FederatedSearch-OLE.png|thumbnail,border=1! | [^FederatedSearch-OLE.bmml] | !FederatedSearch_Results-OLE.png|thumbnail,border=1! | [^FederatedSearch_Results-OLE.bmml] |
| | | | | | !OLE-wireframe symbols.png|thumbnail,border=1! | [^OLE-wireframe symbols.bmml] | !Maintenance Doc-OLE.png|thumbnail,border=1! | [^Maintenance Doc-OLE.bmml] |

*Optional:* Download all of above examples in single zip file of [OLE Wireframes|^OLE-wireframes.zip].


h2. OLE SAMPLES\ - using Balsamiq

h6. Example: OLE Ingest/Load Records
!uploadFileForNovember.png|border=1!
!processingRepor2t.png|border=1!

h6. Example: OLE Bib Editor&nbsp;
!wireframe-sample-Editor550.jpg|border=1!

\\h6. Example: Receiving Search Queue
!MockupOLEReceiveSearch-500.png|border=1!

*Additional Examples:* [Download OLE Mockups-Balsamiq/zip file|^OLE_samples_balsamiq.zip] on above OLE past examples that can be used as additional templates for UX design and annotation.