UX-plosive stuff - user experience to come first (ADF Enterprise Mobility Conference May 2014)

Lucas Jellema

ADF Enterprise to Mobility conference - 21-23 May 2014 – AMIS, The Netherlands

UX-plosive Stuff – User Experience to come first

Overview

• UX trends• Enterprise challenges• Oracle Applications => UX • Simplicity, Mobility, Extensibility• Next steps & how to get started

3

UX trends

Data

Business

Interface

4

5

UX trends

• Many different devices• Various interaction styles:

sound/voice, image/video, movement, location• Mobilization:

24/7, anywhere & anyone, brief interactions

• Real time, context sensitiveAdapt app behavior, provide recommendations

• Self service style – enterprise system access provided to the masses

6

Enterprise Challenges

• Consumer experiences set enterprise expectations

7

Enterprise Challenge

• To Enable a User

• To Perform his or her Responsibilities

• Correctly and Completely

• In a Timely, Efficient,

Convenient Manner

8

Enterprise Challenges

• The User Experience revolves around the user and her tasks & responsibilities– Hide internal organization structure or technical architecture of application!

• One size does not fit all• CRUD is not user friendly• Advanced UI does not mean exploiting every technical trick in the book

and every last pixel on the page– Or at least that is not what makes the user productive, quick, happy

• Rapid evolution and frequent updates are expected– By agile business and by eager users

9

10

Enterprise Challenges

• ISVs and SaaS vendors: – You have one chance for a first impression– UX is essential to handle competitive

pressure and even gain a competitive edge

User Experience

• Oracle Browser Look And Feel (BLAF)

wants to lead

Oracle Cloud Applications: User Experience Strategy

13 Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

14 Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

15 Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

16 Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Simplicity

17 Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

SimplicityMobility

18 Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Simplicity

Mobility

19 Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

MobilityExtensibility

Simplicity

20 Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Simplicity

Extensibility

Mobility

Oracle User Experience Strategy

SimplicityEasily access essential information and actions to support your work.

MobilityTake advantage of UIs that are optimized for wherever and however you work.

ExtensibilityCustomize and extend the user experience to best map to your company’s identity and fit your business processes.

Simplicity: Tasks That Enable Productivity

• Surfacing frequently performed tasks

• 10% of the tasks

• 90% of the users are doing

• 90% of the time

10/90/90

23

Simplified UI in HCM R8

24

Simplified, Wizard-style Record Creation

25

Infographic-inspired, tablet-friendly, and interactive Analytics

26

Glance, Scan, Commit

27

Glance – Scan – Commit in UX

• Glance: Quick overview dashboard style– Very “visual” – easy to process with highlighted

calls-to-attention/action

• Scan: Zoom in on an aspect that stands out, perhaps make small, rapid adjustments or take instant decisions– Easy to access, quickly available, smooth & intuitive experience, simple manipulation

• Commit: Do a serious drill-down, roll up your sleeves and spend several minutes on a situation– The Power UI: advanced analysis and data manipulation, may require more time and

concentration from end user (it is worth it, she is committed)

Oracle User Experience Strategy

SimplicityEasily access essential information and actions to support your work.

MobilityTake advantage of UIs that are optimized for wherever and however you work.

ExtensibilityCustomize and extend the user experience to best map to your company’s identity and fit your business processes.

Mobility: Optimized UIs for Mobile Workers

• Tablet-first approach

Power-user UIs where needed

Most common, mobile tasks

Specifically targeted smartphone UIs

Oracle User Experience Strategy

SimplicityEasily access essential information and actions to support your work.

MobilityTake advantage of UIs that are optimized for wherever and however you work.

ExtensibilityCustomize and extend the user experience to best map to your company’s identity and fit your business processes.

Extensibility: Extending and Customizing

• Make changes in the public cloud or private cloud

Tweak what you have out of-the-box using composers

Build a custom app or a custom integration using UX design patterns and JDeveloper

Oracle’s Fusion Terminology

Configuration Setup step made by customers to alter the applications in a way that has been pre-defined by the base product.

Customization All changes to existing artifacts.

Extension All creations of new artifacts.

Personalization Changes made by self-service users at run-time that only affect that user.

Can be made to new or changed artifacts.

Localization Changes to provide specific functionality for a given country or region.

Localizations are made by product development or as third-party extensions.

Oracle’s Fusion Terminology

Extension

Configuration

Customization

Personalization

Localization

Tailoring

34

Configuration of Appearance in Oracle Applications Cloud R8

35

Customization of structure in Oracle Applications Cloud R8

36

ADF Customization

ADF leverages MDS to provide: Multi-layer, context-sensitive customization – for

example location, role or user group, product category, day of week

Customization at Design Time (by developer) and Run Time (by application manager or end user)

Tailoring [on top] of a code base without compromising the link between the original and changed version

Storage and management of customizations in order to support upgrades / patches

Lifecycle support for tailoring of ADF Applications (customizations survive application upgrades)Oracle Code Base

Metadata Services (MDS)

37

Visualization

38

39

40

What we should be capable of

Data Processing

Business & Task Analysis

Graphical Capabilities

41

Visualization

• Starting from Data• Create a Presentation• Of Relevant, Correct, Complete, Timely Information• That allows

– Interpretation => Understanding => Insight => Wisdom/Vision

– Re-action– Pro-action

• To ensure the User carries out his or her Responsibilities

42

43

44

45

Visualization Design

• What are the User’s responsibilities?• What actions/decisions may have to be taken?• What information is required to perform an action?• Which information determines if an action should be taken?• How should the user be informed about

an action that needs taking?– What shape does the call-to-action take?

• How should be the information requiredto start an action or make decision be presented?

• What data is the information derived from [and how]?

46

Audience Challenge

47

Audience Challenge – 1/2

48

Audience Challenge – 2/2

49

Power of Graphical Visualization

• Activates our Associative Brain– Connections– Memories– Unconscious/background processing

• Multi-dimensional– Color– Size– Shapes/ Font– Story/Atmosphere– Icons– Sound– Animation– 3D presentation– Interact (drill down, roll up, pivot)

50

The visualization that prevents feuds and fights

;-)

51

Gamification

• Use game mechanics to drive engagement in traditionally non-gaming products– And in addition to engagement, stimulate

desired behavior

• Competition:Points, Leaderboards, Achievements, Ribbons, Levels, Unbroken Strings

• Rewards: new features, additional levels,nicer graphics

52

Gamification

53

Gamification – Enterprise environment

54

Getting started with UX

• Make User Experience core element of the creation process for new applications– Identify User and Tasks– Leverage design patterns– Sketch Wire Frames– Visual Design– Feedback sessions– Iterate

• Create Simplified UI ‘wrapper’ aroundexisting applications– Just as Oracle did

• Use resources offered by Oracle Usable Apps team

UX Direct

• UX best-practices

• Templates / Posters / Checklists

• Tools

www.oracle.com/uxdirect

User Interface vs. User Experience

User InterfaceThe look and feel of an application, including the layout and interaction model.

User ExperienceA complete contextual experience—an understanding of everything that makes up an experience for a user who works with an application: technologies, tools, business processes and flows, tasks, interactions with others, physical and cultural work environments.

How Oracle Builds the Apps User Experience

1Observe

In field studies around the world, we observe users where they actually work. 2 Analyze

We look for patterns across users.

3 Design

We design what we determine are the ideal experiences that will resonate with our users.

We refine these designs with customers that we draw from our more than 3,800 design partners.

4 Prototype

We build these designs into prototypes, which we refine with customers in one of our eight mobile usability labs.

5 Build and Measure

After the prototypes are built, we revisit the designs in one of our 20 usability labs worldwide to measure how well the designs stack up to user needs.

Accelerating UX Productively via Design Patterns

Use Oracle’s design patterns to build solutions and win business

Informed by consumer expectations

Deep understanding of Oracle tool kit

Best of Oracle applications

Proven scientific usability

Design patterns published on OTN website

Productivity for applications developers

Result: Consistent, high-quality user experience built by ADF enterprise community using OTN

59

eBook on UX Design Patterns & ADF based implementation

• eBook: tinyurl.com/SimplifiedUI

Summary

• UX trends• Enterprise challenges• User Experience according to Oracle

– Simplicity, Mobility, Extensibility

• Next steps & how to get started