“UX and ADF: Simple to Use, Simple to Build” - Oracleotn/documents/webcontent/... · • Coded page templates and other ... build these simplified UI page types ... • Edit page

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

- Architektur & Integration -“UX and ADF: Simple to Use,

Simple to Build”

Ultan O‘Broin (@usableapps)

Director of User Experience (UX), Oracle

E-Mail: [email protected]

+++ Bitte nutzen Sie zur Einwahl in die Telefonkonferenz die bevorzugte Tel.-Nr. 089/14302323 oder alternativ die 069/222216106. Anschließend geben

Sie die Konferenz-ID: 6528260 mit dem Sicherheitscode: 121212 ein!!! +++


Ultan O’Broin (@usableapps)Director, Partner Enablement

Oracle Applications User Experience

July 2014

Simple to Use, Simple to Build

Oracle Applications User Experience and

Oracle Application Development Framework


The following is intended to outline our general product direction. It is intended

for information purposes only, and may not be incorporated into any contract. It

is not a commitment to deliver any material, code, or functionality, and should

not be relied upon in making purchasing decisions.

The development, release, and timing of any features or functionality described

for Oracle’s products remains at the sole discretion of Oracle.

Safe Harbor


User InterfaceThe look and feel of an

application, including the

layout and interaction

model.

User Interface versus User Experience

User ExperienceContextual understanding

of everything that in the

user’s day of work.

People, places and things,

inside and outside, online

and offline.


Oracle Applications User Experience Complete

1Empathize

Observing real users working worldwide to understand the patterns and feelings that emerge.

2 ImagineSketching ideal experiences that resonate with users, refining final designs with their input.

3 InnovateStaying ahead of the curve with technologies, ready to deliver new levels of productivity and satisfaction in work.

4 CommunicateExplaining why UX matters in business and sharing insights and science to easily build great-looking, simple, and mobile apps.

5 Prove

Testing in our usability in labs and where users work and gather, before and after products are released.


Industry Innovators Media

How We’re Informed by the World Around Us


We Provide Practical Guidance

Oracle

developers

System

implementers

Independent

software

vendors

Tweak what we

deliver out of the box

using composers

Build a custom app or

integration using UX

design patterns and

templates


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.

Oracle User Experience Strategy


Optimized UIs for the Oracle CloudOracle Sales Cloud Data: Voice to Tablet to Watch


Simplified UI Design: Glance, Scan, Commit

Glance to see if anything

needs attention

Scan for more details

or take a small action

Commit to working

on a particular task


UX Consistency from the CloudDesign Patterns, Page Types, Component Guidelines

Free from tinyurl.com/SimplifiedUI in PDF, Kindle Mobi, and ePub formatFree from tinyurl.com/SimplifiedUI in PDF, Kindle Mobi, and ePub format


Oracle Research ToolsEye-tracking studies


The Oracle Apps UX Team


Oracle Usability Advisory Board

Worldwide

• 100+ Customers (EMEA Regional Board)

• Quarterly meetings in rotating geographic locations

• Meeting topics selected annually by customers

• Planning or implementing Cloud Apps co-existence or upgrades

• Participation in usability research and data collection activities

• Working groups hosting technical webinars throughout the year

• Customer Participation Confidentiality Agreement required

See www.oracle.com/usableapps for more information

Bringing usability to a whole new level through industry, government,

and university collaboration

http://www.oracle.com/usableapps


Oracle Applications UX Developer Outreach

www.oracle.com/usableapps


UX and ADF: Easy to Use; Easy to BuildThe Simplified UI: The Oracle Applications Cloud User Experience


What Does the Simplified UI Run On?

100% Oracle Application Development Frameworkin any modern browser


Introducing the UX SUI Rapid Development Kit

• Comprised of code samples from the Oracle

Platform Technology Solutions (PTS) Code

Accelerator Kit, OAUX coding, wireframe stencils

and examples, and user experience design patterns

and guidance

• Developed by the Oracle Applications User

Experience team

• Used to rapidly design and build Oracle Applications

Cloud simplified UI (SUI) pages

• Based on simplified UI Oracle ADF page types and

components for most use cases

Productivity for Oracle Applications Cloud developers


Rapid Development Kit Contents

• Simplified UX design pattern eBook of

page types, components, and

pattern sets and guidelines

• Wireframe stencils

• Example wireframe

• PTS Code Accelerator Kit

• Coded page templates and other

components

• Coding best practices

All you need to build simply


eBook

• Contents:

– Information architecture

– Patterns for these page types: view page, action page,

landing page, object overview page

– Patterns for these components: page tabs, tables,

panel drawers, headers, footers

– Design pattern sets: add to table, change view, context

switcher, list filter, view toggle

– Appendix of Oracle HCM Cloud and Oracle Sales

Cloud examples

• Register and download: Tinyurl.com/SimplifiedUI

• Available in PDF, Kindle, and Epub formats

Simple, short guidance


Wireframe Stencils

• For sketching use cases

• Formats:

– Microsoft Visio

– Balsamiq Mockups

• Stencils:

– Home page

– Landing page (tabs, no tabs, panel

drawer)

– Edit page

– Create page

Visual sketching of task flows


Example WireframeOracle Sales Cloud exemplar


PTS Code Accelerator Kit: What Is It?

• Designed to help you get started building

your own simplified UI

• Contents:

– Skin files (Javascript, CSS, images)

– Page templates

– Sample simplified UI launch page

– Sample task flows

– Sample page fragments

• “How to Use” doc with detailed info

Simplified UI code samples on OTN


Overview of ADF Components: What Is It?

• Presentation slides use animation to explain what

ADF components and templates are used to

build these simplified UI page types:

• Landing page

• Create page

• Edit page

• Embedded list (manage related objects in a

subtab of the main object)

• Search and select picker (search for a related

object from within a main object)

• Use this presentation in conjunction with the PTS

Code Accelerator Kit.

ADF component overlay


Coding Best Practices

• Overview presentation on

coding best practices for

building a simplified UI for

common use cases

• Tips and tricks

Coding tips for building a simplified UI


Your Oracle Apps UX Online Resources

• Oracle.com/UsableApps

• Blogs.oracle.com/VoX

• Blogs.oracle.com/UsableApps

• YouTube: http://www.youtube.com/user/oracleusableapps

• Twitter: @usableapps



Nächste Session am

12.9.2014:

Frank Nimphius,

ADF Spotlight

- Community -

„ADF BC models exposed

as REST Service“ @ADFCommunityDE

Oracle ADF Community

+++ Weitere Informationen bzgl. Webkonferenzdaten und Unterlagen finden Sie auf der OTN ADF Community Seite!!! +++

Documents

“UX and ADF: Simple to Use, Simple to Build” - Oracleotn/documents/webcontent/... · • Coded page templates and other ... build these simplified UI page types ... • Edit page