Improved User Experience Initiative

One USDA eRecruit SME Team Briefing

October 9, 2014

AGENDA

• Improved User Experience Initiative

• Introducing the New Look

– Homepage

– Vacancy Dashboard

– New Position Request Workflow

– Applicant Card

• Tentative Deployment

• Q&A

IMPROVED USER EXPERIENCE

….through a new eRecruit user interface!

Easy and

intuitive to

use

Modern user

interface

Quick to

navigate

Shorter

learning time

Accessible on

mobiles and

tablets

Minimal change to existing functionality & capability

DESIGN PRINCIPLES

• Product should make user’s life easyUnderstand users

• Similar things should look and behave in the same way

• Don’t make me think!

Design for

consistency

• Make meaningful distinctions between information and

actionsBring in clarity

• Features must not compete with themselves – prioritize

themReduce distractions

• Product must be accessible across portable devicesThink about people

on the go

Paras AggarwalSenior UX Practitioner

• Human Factors International Certified Usability Analyst (CUA)

• Active member of professional UX communities

– Interaction Design Foundation and CUA Central

• Over 15 years experience

– User Research, Usability Engineering, UX Design, etc.

• Worked with Google to help define user experience strategy

– Android Applications, Google internal tools, Google Wave, and iGoogle apps

• Previously led a UX practice for a large IT organization in NC, USA

– Designed world class user experiences for customers across the globe:

McDonald’s Corporation (USA), Dixons Retail Group (UK),

US Foods, USA Government, Universal Music Group (UK),

Dr Peppers Snapple Group (USA), HP (USA), Canon (Europe),

United Health Group (India)

New Talent Driving NGA.NET User Experience

INTRODUCING THE NEW LOOK

Improved navigation with

better use of space

Modern, intuitive user experience

Intuitive call-to-actions

Easy access to recent items

Alerts, Warnings and

Hints section

Clear sorting indicators

`

Intuitive collapsible

sections

Floating Actions panel

scrolls with the screen

Distinction between

text and links

Collapsible menu

New workflow panel showing

complete, incomplete, current

and yet to be started steps

Redesigned page

layout

Persistent Actions panel

Vertical tabs to accommodate

more information

Defined candidate info area

Consolidated tabs area to

accommodate more tabs

UI adapts to the device & resolution

ADAPTIVE DESIGN

seamless user experience across devices...

TENTATIVE DEPLOYMENT

• Non-Production (TS) � week of Nov 10th

• Production � week of November 17th

Q&A