View Source

{section:border=false}
{column}
*de-sign col-lec-tion \[dəˈzīn kəˈlek sh ən\]*
noun
A collection of designs and prototypes produced or being worked on by CIUX.

We have completed the designs for Release 2 and are proud to provide you with access to all our design materials. These take the form of illustrations - intended to help you understand what the design will look like and how it will behave - and specifications - technical instructions that detail exactly how it is to be built. While the design should still be considered a plan, we have exposed it both to users and programmers to ensure that it will work for the former and can be built by the latter. Nonetheless, there will be adjustments and changes as it is fully implemented. So, we continue to welcome your feedback and comments on what you see.

You can reach us in a variety of ways:
* Using the Confluence commenting facilities
* [By email|mailto:ux@oceanobservatories.org]
* Via the online commenting and markup service [ProofHQ|#proofhq] for the mockups for which we are actively soliciting input
** _At present we are updating the full set of mockups for consistency and accuracy. We will be posting them shortly_
{column}
{column:width=225px}
{panel:title=Quick Links|borderStyle=dashed|borderColor=#003366|titleBGColor=#afb9cd|bgColor=#eeeeee}

* [R2 Workflows and User Stories|Attachments^CIUX_R2_Workflows_CI_2012-03-09_v1-00.pdf]
** [Storyboards|ux:R2 Storyboards]
* [R2.0 Functional Design Specification|Attachments^CIUX_R2.0_Functional_Design_Specification_CI_2012-03-09_v1-00.pdf]
* [R2.0 Detailed Design Specification|^CIUX_R2.0_Detailed_Design_Specification_CI_2012-03-09_v0-01.pdf]
** [CIUX Specifications Database|http://ooici-mini.ucsd.edu:81/fmi/iwp/cgi?-db=CIUX%20Specifications&-startsession]
* [CIUX Mockups|https://userexperience.oceanobservatories.org]
* [R2.0 Storyboards|ux:R2 Storyboards]

{panel}
{column}
{section}

{excerpt}
{column}
{section}
{excerpt}


h1. Release 2.0 Design Materials

* [R2 Workflows and User Stories|Attachments^CIUX_R2_Workflows_CI_2012-03-09_v1-00.pdf] ([PDF|Attachments^CIUX_R2_Workflows_CI_2012-03-09_v1-00.pdf], [Word|Attachments^CIUX_R2_Workflows_CI_2012-03-09_v1-00.docx])
Outlines and diagrams of workflow sequences with associated user stories and screen flows
** [Related storyboards|ux:R2 Storyboards]

* [R2.0 Functional Design Specification|Attachments^CIUX_R2.0_Functional_Design_Specification_CI_2012-03-09_v1-00.pdf] ([PDF|Attachments^CIUX_R2.0_Functional_Design_Specification_CI_2012-03-09_v1-00.pdf], [Word|Attachments^CIUX_R2.0_Functional_Design_Specification_CI_2012-03-09_v1-00.docx])
High-level specification of principles of organization and interaction underlying the design

* R2.0 Detailed Design Specification ([.pdf|^CIUX_R2.0_Detailed_Design_Specification_CI_2012-03-09_v0-01.pdf]/[CIUX Specifications Database|http://ooicimini.ucsd.edu:81/fmi/iwp/cgi?-db=CIUX%20Specifications&-startsession])
Detailed specification of specific information groupings, layouts and interactions

* R2.0 Design Illustrations and Visual Specifications ([CIUX Illustrations|https://userexperience.oceanobservatories.org]/.pdf/ProofHQ)
Pixel-perfect and low-fidelity mockups of screens and panels, animated illustrations of specialized visual behaviors and interactions

h1. Release 2 Interim Materials

* [Design Notebook|ux:UX R2 Design Notebook]
* [Preparatory Materials|ux:R2 Preparatory Materials]


{anchor:R1}


h1. Release 1 Materials

* [R1.0 UX Scope|https://alfresco.oceanobservatories.org/alfresco/webdav/OOI/2000/WORKING/CI%20User%20Experience%20Team/Management%20and%20Planning/R1/R1.0_scope_110223.pdf]
* [R1.0 Functional Design Specification|https://alfresco.oceanobservatories.org/alfresco/webdav/OOI/2000/WORKING/CI%20User%20Experience%20Team/Design%20Collection/R1/Functional%20Specification/CIUX_Functional_Spec%20R1.0_v1-3.pdf]
* [R1 Functional Detail Specification|https://alfresco.oceanobservatories.org/alfresco/webdav/OOI/2000/WORKING/CI%20User%20Experience%20Team/Design%20Collection/R1/Functional%20Specification/CIUX_Functional_Detail_Spec%20R1_2011-04-12.pdf]

h2. Assets

| *Asset type* | *Specification file* | *Image folder* | *Prefix* |
| CIUX Assets database | [CIUX Assets|http://ooicimini.ucsd.edu:81/fmi/iwp/cgi?-db=CIUX%20Assets&-startsession] | --- | \--\- \\ |
| Workflow | [Specifications (.graffle|https://alfresco.oceanobservatories.org/alfresco/webdav/OOI/2000/WORKING/CI%20User%20Experience%20Team/Design%20Collection/R1/Workflows/CIUX_R1_Workflows_CI_2011-01-01_ver_2-00.GRAFFLE]) | [Visuals|https://alfresco.oceanobservatories.org/alfresco/webdav/OOI/2000/WORKING/CI%20User%20Experience%20Team/Design%20Collection/R1/Workflows] | W |
| Screen | [Specifications (.pptx)|https://alfresco.oceanobservatories.org/alfresco/webdav/OOI/2000/WORKING/CI%20User%20Experience%20Team/Design%20Collection/R1/Screens/CIUX_R1_Screens_CI_2011-01-15_ver_3-00.pptx] | [Visuals |https://alfresco.oceanobservatories.org/alfresco/webdav/OOI/2000/WORKING/CI%20User%20Experience%20Team/Design%20Collection/R1/Screens] | S |
| Panel | [Specifications (.ai)|https://alfresco.oceanobservatories.org/alfresco/webdav/OOI/2000/WORKING/CI%20User%20Experience%20Team/Design%20Collection/R1/Panels/CIUX_R1_Panels_CI_2010-11-30_ver_2-10.ai] | [Visuals |https://alfresco.oceanobservatories.org/alfresco/webdav/OOI/2000/WORKING/CI%20User%20Experience%20Team/Design%20Collection/R1/Panels] | P |
| Icon | Specifications (same as [visuals|https://alfresco.oceanobservatories.org/alfresco/webdav/OOI/2000/WORKING/CI%20User%20Experience%20Team/Design%20Collection/R1/Assets/R1_icons]) | [Visuals |https://alfresco.oceanobservatories.org/alfresco/webdav/OOI/2000/WORKING/CI%20User%20Experience%20Team/Design%20Collection/R1/Assets/Icons] | I |
| Graphic | Specifications (same as [visuals|https://alfresco.oceanobservatories.org/alfresco/webdav/OOI/2000/WORKING/CI%20User%20Experience%20Team/Design%20Collection/R1/Assets/R1_graphics]) | [Visuals |https://alfresco.oceanobservatories.org/alfresco/webdav/OOI/2000/WORKING/CI%20User%20Experience%20Team/Design%20Collection/R1/Assets/Graphics] | G |
| Visual Treatments | Specifications (same as [visuals|https://alfresco.oceanobservatories.org/alfresco/webdav/OOI/2000/WORKING/CI%20User%20Experience%20Team/Design%20Collection/R1/Visual%20Treatments]) | [Visuals|https://alfresco.oceanobservatories.org/alfresco/webdav/OOI/2000/WORKING/CI%20User%20Experience%20Team/Design%20Collection/R1/Visual%20Treatments] | --- |