enterprise ui: transforming enterprise application into engaging experience

ENTERPRISE UI/ UXHOW MAJOR TECH ENTERPRISE COMPANIES TRANSFORMING APPLICATIONS INTO ENGAGING EXPERIENCE

SAP Fiori UI: Overview

May 2013

DATE OF LAUNCH DESIGN PHILOSOPHY

Sapphire Now conference, Orlando

TECHNOLOGY

SAPUI5A JavaScript-based (JQuery) UI library which is designed to build cross-platform business applications that is optimized for consumption of SAP data. An open-source version of the library is released as OpenUI5

Role-basedDesigned for you, your needs and how you work.

Supports how and where you work, at any time. Responsive

SimpleFocuses on the important.

Provides on fluid, seamless experience..Coherent

DelightfulMakes an emotional connection.

SAP Fiori UI: Launchpad

SAP Fiori UI: Others

October 2014


Oracle OpenWorld San Francisco

TECHNOLOGY

JavaAjax-enabled JavaServer Faces, HTML5, Java Mobile

Mobile FirstFit layouts within a 1024px display width and allows them to flow vertically while avoiding vertically stretching layouts, to permit responsive design

Design layouts that open up space between page elements with fewer elements on a page

Simple & Uncluttered

Visually EngagedData visualizations and simplified info graphics to emphasize dynamic content while making use of animated transitions to improve focus and context awareness

Oracle Alta UI: Overview

Oracle Alta UI: Dashboard

Marketplace Grid View

ICS Dashboard

Oracle Alta UI: Others

April 2013


TECHNOLOGY

HTML5Designed by an internal design agency, Hoop & Loop

NaturalApplications should be intuitive, fluid, and natural to use; it shouldn't take a lot of work to make it work.

Applications should tailor experiences to deliver exactly what a user needs, right when they need it, to enable faster, better decision-making.

Meaningful

EnjoyableApplications should push past the functional, and create emotionally powerful experiences that inspire.

Inforum 2013

Infor Soho UI: Overview

Infor Soho UI: Dashboard

Infor Soho UI: Others

Designed to anticipate what users need and want to prepopulate forms using contextual data

Darker backgrounds (to address lack of contrast in SoHo) and several 508-compliant modes

Gramercy Park: Infor UI refresh

April 2014


TECHNOLOGY

Visual Design LanguagePatent-pending proprietary language

Consumer GradeAn intuitive and fully integrated employee and employer experience – one that drives employee engagement and frees HR staff to focus on business priorities

Best-in-class experience consistent with how employees interact with technology in their personal lives

Intuitive

Visually EngagedPrioritized content to be surfaced sooner and represented in graphics

ADP’s Meeting of the Minds

ADP UI: Overview

ADP UI: Dashboard

ADP UI: Others

January 2014


Released with version 21

TECHNOLOGY

HTML5Migrated from Adobe Flex - as HTML5 is indicated as the way of the future as opposed to Flash

CleanFlat elements, ample whitespace, uncluttered navigation items with vibrant color palettes

Incorporate a tablet-first design by taking visual cues from mobile OS (Android, iOS) eg. function links are depicted as app icons

Consumer Driven

ConsolidatedAn overall shift to a single-page application view along with several new features reduces the clicks for a user to navigate through a business process.

Workday UI: Overview

Workday UI: Dashboard / Home

A worker's email inbox and activity streams are accessed through buttons

Drop-down menus ease navigation and keep the homepage from being too cluttered

Much larger, more colorful icons for various Workday processes and modules

Workday UI: Dashboard / Home

Succession Planning

Goal Management

Retention Risk Dashboard

Workday UI: Others