Skip to end of metadata
Go to start of metadata

de-sign note-book [dəˈzīn ˈnōtˌbo͝ok]
noun
A collection of sketches, notes and thoughts, produced in the process of getting to detailed user interface designs.

The UX Design Notebook is the repository for the working designs, sketches, notes, and issues for discussion captured during the process of design.  It is, quite literally, a working notebook, our notes to ourselves.  Its primary purpose is to support the design process and nothing in it should be interpreted as “final” designs or recommendations (those will be delivered separately.  Rather, this is where we capture thoughts and ideas  – good or bad, well-formed or nescient – as we work day by day, so over time is will trace the arch of the R2 design process.

Each week we will make the latest version of the UX Design Notebook available. We will do little to clean it up or format it, with the possible exception of adding a summary paragraph of the weeks work and updating it with the current wireframe designs and sketches.  The notes and sketches in it may not be self explanatory without discussion. That is the nature of working notes.  Please use them as intended, as a window into the design process and progress and as an invitation to discussion.

You can see images of all the mockups posted on Confluence in the Mockup Gallery, but be warned: this is just a collection of images with little explanatory text. The table below gives you an idea of where we are at in the plan for developing the mockups to support the design.

Notebook Entries



Mockup Plan

The design comprises five main screens or View types and three Custom screens. Any Resource (information object) in the system can be viewed in any of the four critical screens, and details of some aspect of a resource can be shown in the fifth, the Detail Drill-Down view. The Custom screens are just that: screens intended for a particular purpose and not intended to display information from an arbitrary resource.

To make sure that the visual layout and information representations of the main screens will work for all the variations of actual information content that different resources present, we are producing a set of low- and high-fidelity mockups and wireframes. This table shows what mockups we are planning and which we have posted on Confluence, so far.

Note that exemplar screens only are shown. The total count of each type of screen is in (parens). All of the screens can be found at:

All Screens

Resource Single Object Composite Object Status Dashboard Associated Resources View Detail Drill-Down Views
Template descriptions
Instrument High-fidelity

Low-fidelity (3)

Pixel-perfect (6)
High-fidelity

Low-fidelity ()
High-fidelity
Low-fidelity (2)
High-fidelity
Low-fidelity (2)
High-fidelity
Low-fidelity ()
Platform High-fidelity

Low-fidelity (1)
High-fidelity

Low-fidelity (1)
Low-fidelity (7)

High-fidelity (2)
High-fidelity
Low-fidelity (2)
High-fidelity
Low-fidelity ()
Observatory Low-fidelity (12)
Low-fidelity () High-fidelity
Low-fidelity (1)
High-fidelity
Low-fidelity (4)

Pixel-perfect (4)
High-fidelity ()
Low-fidelity ()
Deployment
(Deprecated in favor of being treated as different types of Associations)
High-fidelity
Low-fidelity ()
High-fidelity
Low-fidelity ()
High-fidelity

Low-fidelity ()
Pixel-perfect ()
High-fidelity
High-fidelity
Low-fidelity ()
Data Set (including OOI data products) Low-fidelity (2)
High-fidelity
Low-fidelity (2)
Low-fidelity (1)

Pixel-perfect
Low-fidelity (5)
High-fidelity
Low-fidelity (1)
Data Transform (including data visualizations)
  • High-fidelity
  • Low-fidelity
   
  • Low-fidelity
High-fidelity
Low-fidelity ()
Data Process Definition Low-fidelity (1)
   
  • Low-fidelity
 
Notification-Subscription     Low-fidelity Low-fidelity High-fidelity
Low-fidelity ()
Collection   High-fidelity
Low-fidelity (11)

Pixel-perfect
   
[ION Administration]   Low-fidelity Low-fidelity    
[Any ION Resource]     Low-fidelity High-fidelity
Low-fidelity ()

Custom Screens

Landing Page Pixel-perfect (10)
Register Source
  • Low-fidelity
Direct command
  • Low-fidelity
Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.