Pacific Science and Engineering

 In Research -, Standards and Processes -, UX Design -, Web and Application Design -


Pacific Science and Engineering


User Experience (UX) Designer and Human Factors Scientist

Location / Dates

San Diego, CA (Nov 2011 – May 2013)


Role Description

At Pacific Science and Engineering (PSE) I honed my skills in process, Human System Interaction (HSI), information architecture, design, and sketch art.  My main roles included:

  • Developing user interface designs
  • Constructing lo and high fidelity prototypes
    •  Balasmiq, Powerpoint, and Visio
  • Conducting user assessments
  • Implementing design specifications taking into account system requirements and human performance capabilities
  • Designing an interactive process website

Work Samples

***The following work, performed at Pacific Science and Engineering, does not contain proprietary information and has been approved for presentation.***

Interactive Process Website for PSE

The following design is a mockup for an interactive website that overlays PSE Human-System Interaction (HSI) products over the DoD Acquistion Lifecycle. This website would serve as an information and process document to send to vendors and potential clients.

The three tabs along the top represent the three different views of how this information can be presented. For this mockup set I focused on showing the HSI products view and the interactive features provided.

Interactive Site – Snapshot 1
In this view we see all the HSI domains presented within the “Material Soultion Analysis” Phase. Users can use the dropdown selection to changes phases, and use the checkboxes to dynamically display information. Users also are provided sizing tools in the bottom right corner.


Interactive Site – Snapshot 2
In this view we see the users has de-selected all but the “Human Factors Engineering” Products, minimizing the information provided on screen. The user has also turned on two overlays, including “Milestones”, which presents the red and green symbols below the products. When a user clicks on a symbol, a balloon will provide further information about the milestone requirements.


Interactive Site – Snapshot 3
A later interation of the design incoropates selection of products for further information. Provided initially are the DoD Acquisition documentation requirements the product fulfils, a little man signifying user involvement, a description of the product, the groups that the product affect, and the tasks that follow from the product.

When selected the users is additionally provided the PSE associated Work Package, what phase of HAW it is involved in (if applicable), the specific phase it’s needed in, the estimated duration of activity, what other domains the product links to, and active links to the associated documentation and groups.


NEPOc Samples

This project was to re-design the main website and online application that NEPOc use ona daily basis.  This meant optimizing the space and keeping the interactions lean.

Main Landing Page
Below is my mockup of the re-designed NEPOc login page.  I needed surface a lot of necessary information while users performed repetitive tasks.  Posted notes were used to communicate with the developers what added functionally and design choices we wanted made.

NEPOc Login 10May13

General Mission Search Page
Below is my mockup for the NEPOc location search function. This design would allow the users a number of features they already had, like type of selection tool and map tool, but includes new features, like the dynamic Geotag selection/de-selection and accordion sections for additional/non-required options.

NEPOC Search 10May13

Naval Metrology and Oceanography (METOC) Samples

Mission Impacts – Mission Manager
The following design allows users to configure a mission over a specific area, for a specific time, with products that are available within that time and AOI range.


METOC Task Manager

The below Task Manager has several tabs that allow the user to configure their products and missions however they like. The following is the sequence they would take if they were configuring a new mission from the beginning.

Define AOI – Select AOI
On this panel the user is able to select from pre-configured AOIs. When the user selects an AOI further information is dynamically displayed in the section below.


Define AOI – Configure New
If a user needs to configure a new AOI, they can select the next tab “Configure New”. This panel gives the user several options on how to select the AOI. Once the AOI is saved the user is returned to the “Select AOI” panel (above) to be able to select their AOI for use.


Define Products

This section allows users to select specific weather imaging data products to be associated with a particular mission and AOI. This way users can select which products to pull to produce the best weather models for the area.

Define Products – Select Products
This panel allows the user to see what product configurations have already been assigned to a specific AOI and what models are associated to a specific product configuration.

METOC Define Select

Define Products – Configure New
This panel allows the use to make a new product configuration. When the user select which server catalog to grab their models from, the “Model” box dynamically populates. On selection the next section in the series populates, until the user selects elevations, which populates the model selection table at the bottom.

METOC Define Configure

Define Products – Set Tau
In the navy, products are associated to specific taus (or units of time). Models don’t all come in at the same time, so for a specific tau there may be some models with missing or old data. The below table is created dynamically for a specific product configuration so that users can quickly visually see what state their data is in.

METOC Define Tau

Schedule Products

Below is a design for a new scheduler that would fetch weather grids based on user specifications.

Schedule Products – Set Basic
This panel is a basic setup in the sense that the user has limited options to set the schedule. If the user wants a more detailed schedule they can either select the provided button or select the “set schedule” link in the menu.

METOC Products Basic

Schedule Products – Set Schedule
Set Schedule allows the user to specify exactly when they want each of their products to be brought in. This allows the user to get their ideal conditions for when they start their shift.

METOC Products Set Sched

Schedule Products – Manage
An important addition to this section was the “Manage” screen, where at a glance, users can check which products came in correctly and which were corrupt. This can save users hours of going in and hand checking each file to find out which ones they can use.

METOC Products Manage


In addition to product tools, METOC users needed quick access to a number of different calculators. The following designs are meant to optimize space and make all calculators easily accessible.

Simple Conversion Tool
This simple conversion dynamically updates as the user selects which type of measurement they want to convert. The second input area is disabled so that the user must input “converting from” value first.

METOC Calc General

PADA Calculator
This calculator has several configuration options, depending on what information the users have and need. Results are provided in the yellow boxes and calculation submissions are only valid within a collapsible section.

METOC Calc Altitude

Recommended Posts

Leave a Comment

Contact Us

We're not around right now. But you can send us an email and we'll get back to you, asap.

Not readable? Change text. captcha txt