Page Comparison

h1. User Interface Design: Wireframes

Below are super simple starting patterns and mockups that can be used to start new mockups. These are not optimized, but provide starting points for notation and scribing UI requirements.

* 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 |UI Tools for Design]for use in prototyping mockups.

h2. OLE Wireframes for download



| !Blank_LeftMenu-OLE.png|align=center,thumbnail,border=1!\\
\\
[\BlankLeftMenu-OLE.bmml|^Blank_LeftMenu-OLE.bmml] | !Blank-OLE.png|align=center,thumbnail,border=1!\\
\\
[\BlankOLE.bmml|^Blank-OLE.bmml] | !KNS_Search-OLE.png|align=center,thumbnail,border=1!\\
\\
[\|KNSSearchOLE.bmml|^KNS_Search-OLE.bmml] | !FederatedSearch-OLE.png|align=center,thumbnail,border=1!\\
\\
 \file download |
| | !FederatedSearch_Results-OLE.png|align=center,thumbnail,border=1!\\
\\
 \file download | !eDoc-OLE.png|align=center,thumbnail,border=1!\\
\\
 \file download | !Maintenance Doc-OLE.png|align=center,thumbnail,border=1!\\
\\
 \file download |
*Optional:* Download all of above examples in single zip file of [OLE Wireframes|OLE Wireframe Templates^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 Wireframe Templates^OLE_samples_balsamiq.zip] on above OLE past examples that can be used as additional templates for UX design and annotation.