Examples of Side Panels In Use
These side panels will remain side panels, with some small formatting adjustments.
Adoption Lifecycle
Admin
Recommendation: Shrink the Width of the Side Panel
By limiting when and where side panels are used, the remaining side panels are ones currently with a lot of white space. Shrinking the width creates a more efficient use of space for the average side panel and improves text line length.
576px (recommendation)
800px (current side panel size)
Recommendation: Side Panels should reach the top of the page.
By reaching the top of the page, not just below the header, we save on vertical space. We also avoid strange formatting that may take place when scrolling outside of the side panel.
Impact
The new template has enabled the design and development of a variety of new features in the application that are of top priority to our users such as licensing, subscriptions, and orders.
←
ROVE
Before 2018, the 328 land and sea ports in the United States each staffed CBP officers in call centers to manage incoming travelers entering and exiting the U.S. via land or sea.
My digital solution, ROVE, reduced the staff needed per port from an average of 30 to just one.
Role: Research, UX Lead
Travelers inputted their information on their mobile device and submitted it to CBP, where it would be processed via the ROVE application.
Travelers cited ease of use and a simplified process flow.
Original Design
A temporary digital solution had been developed by another designer for a Miami port, but needed refining in order to be used across all ports.
Through a series of interviews with five total officers, the following issues were discovered and addressed:
Research & Design Changes
This design was developed and put into production in 2018, and was then implemented at all 328 ports.
