crux (crud meets ux) case study: building a modern applications user experience with oracle adf and...
DESCRIPTION
(This slidedeck was presented at the AUSOUG 2013 Perth conference) Are you looking to wow your employees with a user interface that is simple, modern, and compelling? Learn how Oracle’s drive toward enhancing productivity helps you achieve value from your applications investment. We’ll show you how you can exceed your employees’ desire for enterprise data -- delivered on any device, and then explain how to reduce the cost of your user interface customizations, configurations, and extensions. Simplify your user experience. Lower implementation costs. Increase productivity. Delight your users. These are the core principles behind Oracle’s User Experience strategy across our applications. Learn how Oracle meets your needs in each of these areas with our complete user experience strategy. Thanks to Ultan O'Broin and Grant Ronald at Oracle Corporation for sharing the original slidedeck.TRANSCRIPT
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.1
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.2
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
CRUX (CRUD Meets UX)
Where User Experience reinvents legacy Create, Read, Update and Delete applications
Chris MuirSenior Principal Product Management, Oracle ADF
Click icon to add picture
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.4
Agenda
User Experience Science 101 for Developers
CRUX: CRUD* User Interface meets UX Design Patterns
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.5
User Experience Science 101 for Developers
"Tell me more about that"
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.6
User Interface versus User Experience
User InterfaceThe look and feel of an application, including the layout and interaction model.
User ExperienceThe complete experience for a user around accomplishing a task, including across traditional applications boundaries.
• Start by observing users at work• In their actual environment• How & who they collaborate
with in their department• How information flows across
the organization• Post it notes!
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.7
Product Usability: Learning from Users“Tell Me More About That”
Ethnographic studies
Observe real end users doing real work
Interruptions, noise levels, platforms, work-arounds, collaboration
Context of use drives design
Insights for mobile: cameras, SMS, social media, personal and business apps, location, voice
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.8
Stories from the Wild: Credit ManagementWriting on the Wall
Credit analysts and managers use Microsoft Excel with graphs for accounts information
Posted on physical management boards for daily meetings
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.9
Stories from the Wild: Time EntryHand in Glove on the Construction Site
Construction company use of mobile devices for entering and reporting time
Mandatory health and safety requires workers wear gloveson construction sites
Unable to use touch-based mobiledevices as first assumed
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.10
Product Usability: Appliance of ScienceNext Frontier of User Research: Continuing Our Work
Not science future, science now
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.11
Product Usability: Appliance of ScienceNext Frontier of User Research: Continuing Our Work
Not science future, science now Eye-tracking non-intrusive, data-
collection method for visual attention and action
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.12
Product Usability: Appliance of ScienceNext Frontier of User Research: Continuing Our Work
Not science future, science now Eye-tracking non-intrusive, data-
collection method for visual attention and action
Facial gesture analysis to understand emotions users experience in use
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.13
Product Usability: Appliance of ScienceNext Frontier of User Research: Continuing Our Work
Not science future, science now Eye-tracking non-intrusive, data-
collection method for visual attention and action
Facial gesture analysis to understand emotions users experience in use
We’re looking forward at the science of users
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.14
Fusion Apps UX: What Users Need To Know
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.15
Fusion Apps UX: What Users Need To Do
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.16
Fusion Apps UX: Who Users Need to Know
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.17
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.18
Fusion Apps UX: Usability is Easy for Developers
Expectations from consumer applications
Deep understanding of Oracle Fusion Middleware
Best of Oracle applications
Proven scientific usability
Design pattern website on OTN
Implemented by apps developers in Oracle toolkit
Consistent, high-quality user experience solution when developing and tailoring
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.19
UX Design Patterns Propositions For Oracle ADF Developers
– Proven usability solutions and best practices
– Share in Oracle UX insight and investment
– Immediate uptake, no special resources
– Satisfaction for users
– Higher levels of productivity and efficiency for entire business
– More kudos, more business
– Beyond functionality
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.20
Accessing UX Design Patterns on OTN
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.21
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.22
UX Patterns Mean Productivity for DevelopersEfficiency Through Built-In Usability
Tasks pane
Quick search
Create in form
Create in table
Applications UI Shell
Applications table
Applications panel
Global area Contextual area
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.23
CRUX: CRUD* Meets UX
Building modern, great-looking usable apps on Oracle ADF with UX Design Patterns
* Create, Read, Update, and Delete
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.24
Project: UX Design Patterns & Oracle ADF in Action
‘Fusionizing’ a Forms Application in Oracle ADF
– What UX design patterns were invoked
– Improving the user experience and how
– Roadmap using Oracle ADF and UX design patterns for continued apps ROI
Caveats
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.25
Forms: Maintaining Customers
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.26
Forms: Maintaining Orders
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.27
Forms: View Stock for a Selected Order Item
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.28
ADF: Maintaining Customers
Ratings Web 2.0 feature
UI Shell for consistency
Table and toolbar actions for productivity
Dynamic tabs for multi-tasking
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.29
ADF: Maintaining CustomersTasks pane quick create, quick search, location visual
Show More/Less details on demand for contextual information management
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.30
ADF: Maintaining Orders
Export for desktop workers
Date picker for speedy entry
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.31
ADF: Maintaining OrdersSave model consumer icons and language and page actions
Contextual action for collaboration
Single currency GBP treatment for for flexibility
Tagging for discovery
Contextual area visual insight
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.32
ADF: View Stock for a Selected Order Item
Fit and finish true-up for cleaner UI
Analytics for intelligence
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.33
Classic CRUD Meets UX: CRUXHeads Down Productivity and Satisfaction in Oracle Fusion Apps
Know the user and their tasks Apply proven UX patterns, guidelines and best of technology
The result? Up to a
60%Increase in user productivity that benefits businesses
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.34
Your CRUX References
Grant Ronald: Ten Years Younger: The Oracle Forms Makeover Grant Ronald and Lucas Jellema:
The Future of Forms is – Forms (and some friends) Oracle Applications User Experience: Usable Apps Events Oracle ADF Mobile Oracle Fusion Applications User Experience Design Patterns and Guidelines Oracle Applications User Experience:
Get It Done Fast, Get It Done Right: The Oracle Fusion Financials User Experience Shay Shmeltzer:
ADF Mobile – Update Through Web Service (with ADF Business Components) Stephen Johnson: ADF EMG Podcasts # 6 and 8
User Experience and Application Development Framework Resources
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.35
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.36