1

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Safe Harbor
The following is intended to outline our general product
direction. It is intended for information purposes on...
CRUX (CRUD Meets UX)
Where User Experience reinvents legacy
Create, Read, Update and Delete
applications
Chris Muir
Senior...
Agenda

 User Experience Science 101 for Developers

 CRUX: CRUD* User Interface meets UX Design Patterns

4

Copyright ...
User Experience Science
101 for Developers

"Tell me more about that"
5

Copyright © 2012, Oracle and/or its affiliates. A...
User Interface versus User Experience
User Experience
The complete experience
for
User Interface a user around accomplishi...
Product Usability: Learning from Users
“Tell Me More About That”
 Ethnographic studies
 Observe real end users doing rea...
Stories from the Wild: Credit Management
Writing on the Wall
 Credit analysts and managers use Microsoft Excel with graph...
Stories from the Wild: Time Entry
Hand in Glove on the Construction Site
 Construction company use of

mobile devices for...
Product Usability: Appliance of Science
Next Frontier of User Research: Continuing Our Work
 Not science future, science ...
Product Usability: Appliance of Science
Next Frontier of User Research: Continuing Our Work
 Not science future, science ...
Product Usability: Appliance of Science
Next Frontier of User Research: Continuing Our Work
 Not science future, science ...
Product Usability: Appliance of Science
Next Frontier of User Research: Continuing Our Work
 Not science future, science ...
Fusion Apps UX: What Users Need To Know

14

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Fusion Apps UX: What Users Need To Do

15

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Fusion Apps UX: Who Users Need to Know

16

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

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Fusion Apps UX: Usability is Easy for Developers
Best of Oracle
applications

Proven scientific
usability

Expectations fr...
UX Design Patterns Propositions
 For Oracle ADF Developers
– Proven usability solutions and best

practices
– Share in Or...
Accessing UX Design Patterns on OTN

20

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

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
UX Patterns Mean Productivity for Developers
Efficiency Through Built-In Usability
Contextual area

Global area
Tasks pane...
CRUX: CRUD* Meets UX
Building modern, great-looking usable
apps on Oracle ADF with UX Design
Patterns
* Create, Read, Upda...
Project: UX Design Patterns & Oracle ADF in Action

 „Fusionizing‟ a Forms Application in

Oracle ADF
– What UX design pa...
Forms: Maintaining Customers

25

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Forms: Maintaining Orders

26

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Forms: View Stock for a Selected Order Item

27

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
ADF: Maintaining Customers

UI Shell for
consistency

Dynamic tabs for
multi-tasking
Ratings Web
2.0 feature

Table and
to...
ADF: Maintaining Customers
Tasks pane
quick create,
quick search,
location
visual

Show More/Less
details on
demand for
co...
ADF: Maintaining Orders
Date picker for
speedy entry

Export for
desktop workers

30

Copyright © 2012, Oracle and/or its ...
ADF: Maintaining Orders
Save model consumer icons and
language and page actions

Tagging for
discovery
Contextual action
f...
ADF: View Stock for a Selected Order Item

Fit and finish true-up
for cleaner UI

Analytics for
intelligence

32

Copyrigh...
Classic CRUD Meets UX: CRUX
Heads Down Productivity and Satisfaction in Oracle Fusion Apps
Know the user and their tasks

...
Your CRUX References
User Experience and Application Development Framework Resources
 Grant Ronald: Ten Years Younger: Th...
35

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

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Upcoming SlideShare
Loading in …5
×

CRUX (CRUD meets UX) Case Study: Building a Modern Applications User Experience with Oracle ADF and UX Design Patterns

4,837 views

Published on

(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.

Published in: Technology
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total views
4,837
On SlideShare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
44
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

CRUX (CRUD meets UX) Case Study: Building a Modern Applications User Experience with Oracle ADF and UX Design Patterns

  1. 1. 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  2. 2. Safe Harbor 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. 2 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  3. 3. CRUX (CRUD Meets UX) Where User Experience reinvents legacy Create, Read, Update and Delete applications Chris Muir Senior Principal Product Management, Oracle ADF
  4. 4. Agenda  User Experience Science 101 for Developers  CRUX: CRUD* User Interface meets UX Design Patterns 4 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  5. 5. User Experience Science 101 for Developers "Tell me more about that" 5 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  6. 6. User Interface versus User Experience User Experience The complete experience for User Interface a user around accomplishing a The look and feel oftask, including across traditional an applications boundaries. application, including the layout and interaction model. • 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! 6 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  7. 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 7 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  8. 8. Stories from the Wild: Credit Management Writing on the Wall  Credit analysts and managers use Microsoft Excel with graphs for accounts information  Posted on physical management boards for daily meetings 8 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  9. 9. Stories from the Wild: Time Entry Hand in Glove on the Construction Site  Construction company use of mobile devices for entering and reporting time  Mandatory health and safety requires workers wear gloves on construction sites  Unable to use touch-based mobile devices as first assumed 9 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  10. 10. Product Usability: Appliance of Science Next Frontier of User Research: Continuing Our Work  Not science future, science now 10 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  11. 11. Product Usability: Appliance of Science Next Frontier of User Research: Continuing Our Work  Not science future, science now  Eye-tracking non-intrusive, data- collection method for visual attention and action 11 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  12. 12. Product Usability: Appliance of Science Next 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 12 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  13. 13. Product Usability: Appliance of Science Next 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 13 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  14. 14. Fusion Apps UX: What Users Need To Know 14 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  15. 15. Fusion Apps UX: What Users Need To Do 15 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  16. 16. Fusion Apps UX: Who Users Need to Know 16 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  17. 17. 17 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  18. 18. Fusion Apps UX: Usability is Easy for Developers Best of Oracle applications Proven scientific usability Expectations from consumer applications 18 Design pattern website on OTN Deep understanding of Oracle Fusion Middleware Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Implemented by apps developers in Oracle toolkit Consistent, high-quality user experience solution when developing and tailoring
  19. 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 19 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  20. 20. Accessing UX Design Patterns on OTN 20 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  21. 21. 21 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  22. 22. UX Patterns Mean Productivity for Developers Efficiency Through Built-In Usability Contextual area Global area Tasks pane Applications UI Shell Applications panel Create in form Quick search Create in table Applications table 22 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  23. 23. CRUX: CRUD* Meets UX Building modern, great-looking usable apps on Oracle ADF with UX Design Patterns * Create, Read, Update, and Delete 23 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  24. 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 24 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  25. 25. Forms: Maintaining Customers 25 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  26. 26. Forms: Maintaining Orders 26 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  27. 27. Forms: View Stock for a Selected Order Item 27 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  28. 28. ADF: Maintaining Customers UI Shell for consistency Dynamic tabs for multi-tasking Ratings Web 2.0 feature Table and toolbar actions for productivity 28 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  29. 29. ADF: Maintaining Customers Tasks pane quick create, quick search, location visual Show More/Less details on demand for contextual information management 29 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  30. 30. ADF: Maintaining Orders Date picker for speedy entry Export for desktop workers 30 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  31. 31. ADF: Maintaining Orders Save model consumer icons and language and page actions Tagging for discovery Contextual action for collaboration Contextual area visual insight Single currency GBP treatment for for flexibility 31 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  32. 32. ADF: View Stock for a Selected Order Item Fit and finish true-up for cleaner UI Analytics for intelligence 32 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  33. 33. Classic CRUD Meets UX: CRUX Heads Down Productivity and Satisfaction in Oracle Fusion Apps Know the user and their tasks The result? Apply proven UX patterns, guidelines and best of technology Up to a 60% Increase in user productivity that benefits businesses 33 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  34. 34. Your CRUX References User Experience and Application Development Framework Resources  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 34 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  35. 35. 35 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
  36. 36. 36 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.

×