Page Comparison

h1. User Interface Design: Wireframes

* Sample Design Patterns:
** {link-window:http://www.mockupstogo.net|scrollbars=true|menubar=true|location=true|statusbar=true|resizable=true|width=800|height=600|icon=false}http://www.mockupstogo.net{link-window}
* Below require [Balsamiq |OLE:User Interface Design Templates]for use in prototyping mockups.

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 
!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.