Oracle – Los Angeles County

Case Study

The Los Angeles County Office of the Assessor updated a 20 year old computer system in order to allow the office to move away from a paper-based record-keeping system and allow staff to be more efficient.

Our responsibility was to design a modern and intuitive search engine to search the county’s large data base and many business tools to be used by internal teams.

Global Design Strategy

While working in an agile environment, design sprints lasted 10 days. The main focus was on creating design standardization for the ecosystem of applications and components that were being developed by various teams.  Creating a living style guide was central to producing a quality product that was seamless throughout. Styles were defined and created for typography, fonts, logos and branding, two color schemes both which are ADA compliant with federal regulations, iconography, and interaction states.

Web Portal

There were a total of five different components that all came together in the web portal.  One of the main focuses was on the search box which allows the user to search based on different property types and filter through them based on other criteria.  Then we concentrated on search results page, and the search details page.

When designing the search box returning the most accurate and relevant information back to the user was first and foremost and then translating this design into the header and on to mobile devices.

iOS Application Design

The iPad application was a pilot project and was created to supplement the web portal.  The application allowed internal teams to complete tasks while in the field.  The design process went from low fidelity prototypes created in Adobe Illustrator to a high fidelity coded version. Below you will find images of the  prototype that was created.  The screens are organized progressively in order of the user flow.  The user views tasks, updates or edits, and then submit changes to be reviewed.

Qualifier Icons

An optionally clickable icon that accompanies page content. They are provided to only reinforce associated concepts on the page. In short, they are redundancy cues.  These icons were mainly used in the iOS application in order to provide design cues for the user.  They are also used in the web portal as well.

Achromatics Icons

These artifacts were used across multiple UI’s and provided consistency across multiple devices and technologies.  Icons are used to provide information in a visual way to users. Colors are used to provide groupings of related types of property.  Achromatic Icons fall under the qualifier type and their style is complimentary to the Mono Color Icons. What distinguishes these icons is that the palette is applied to the background instead of the icon. Achromatic Icons are white with NO stroke information applied to them.

Application Navigation Icons

Icons used to provide access to major application/functional modules different icons for the user interface of the mobile and web application.

Functional Icons

Icons used to provide access to major application/functional modules different icons for the user interface of the mobile and web application.  Functional Icons are primarily 16×16 pixel size icon with a label.

Interaction Design

Created different interaction states for UI elements including tabs, buttons, toggles, and alerts for a more intuitive design in a complex system.