Responsive Web Design
Siebel Open UI
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
Uma Welingkar and Darshan Kumar
Senior Director, Oracle Development
Andy Stevens
Director, Box Fusion
October 7, 2014
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
Safe Harbor Statement
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.
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
Program Agenda
User Experience Evolution
Travel through Siebel UI Evolution
Responsive Web Design with IP-2013 and Box Fusion
Looking ahead to the future with Open UI
IP-2014 Highlights demo
1
2
3
4
5
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
User Experience Evolution
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
What is Usability?
6Oracle Confidential – Restricted
“User experience (UX) focuses on having a deep understanding of users, what they need, what they
value, their abilities, and also their limitations”
 User friendly experience
 Role / Persona based functional design
 Accessible anywhere
 Simplified and intuitive
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
User Interface Evolution
7Oracle Confidential – Restricted
 Mobile and Social change the way we use applications
 Millennials expect modern, social, user experiences
 Easy to read, simplified, rapid, consumable interfaces
 Desktop interfaces of the past
 Enterprise applications based on list and forms
 Focused to repeatable tasks
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
Travel through Siebel UI Evolution
Oracle Confidential – Restricted 8
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
Siebel UI Evolution
9Oracle Confidential – Restricted
Client Server Insight Web Architecture Any Browser Any Device
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
Evolution of Open UI
Innovation Pack 2012 Innovation Pack 2013
Open UI Framework
Process Simplification
Connected & Disconnected Mobile
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
Open UI – By Features
Usability and Productivity
•CTI, Email Response, Notifications
•Calendar –Daily, Weekly, Monthly completely
configurable
•Siebel Search
•Chart and Reports
•Product Configurator, MVGs, Textboxes
•Smart Script, TBUI
•File attachments with drag and drop capabilities
•Currency, datetime controls
•Customer Dashboard
•Accessibility
•SiteMap filtering
Business Agility – Runtime Configuration
•Change look and feel of applications based on
color themes, navigation – tab versus menu
navigation
•Set theme by user preference
IP-2012 and Spring 2013
Usability and Productivity
•Binocular Find and Search – single navigation
paradigm
•Siebel Chat
•Promotion configuration and catalog for C/OM
•Dispatch board for agents
•Drag and Drop framework – integrated with
shopping cart and calendar appts
•Partner Relationship Management
•Self-Service applications
•Redesigned Siebel Marketing and loyalty
•Function space diary for event management
•Self-Service Registration
Business Agility – Runtime Configuration
•Change Look and feel of applets and views
•Ability to create application look and feel by
Roles, Responsibilities and User groups
IP-2013
Usability and Productivity
•iHelp
•Gantt Chart and Resource Scheduler
•Hierarchy View for Account, Contact & org chart
•Organizational Analysis View
•Inline editing for attachments & Correspondence
•Barcode scanning with global search
•Product Configurator administration
•Notifications for Universal Inbox
•Quote and Order Home Pages
•Smartscript designer
•Marketing Program Designer
•Print and email Invoice and Signature capture
Business Agility – Runtime Configuration
•Responsive Web design
•Ability to create views once and deploy across
desktops and tablets
Roadmap
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
iHelp
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
New Navigation Paradigm
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
New Communications Panel
Communications Panel – Slim
Communications Panel – Normal
Size
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
New Communications Panel - Undocked
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
New Communications Panel - Undocked
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
New Communications Panel - Undocked
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
Siebel Reports
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
Account Summary
Desktop
Tablet
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
Tile Rendering
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
List View
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
Looking ahead to the Future
IP-2014 and beyond
Oracle Confidential – Restricted 22
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
Driving Force for Future of Open UI
23
 Wireframe design based on user roles (day in the life
scenarios)
 Fresh and minimalist
 Laser focused user interface context
 Context sensitive navigation
 Collapsible content
 Content chunking
 Consistency across devices
Oracle Confidential – Restricted 23Oracle Confidential – Restricted
Concept to Reality
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
Responsive Web Design
Device Friendly Design
 Single Open UI framework for both Touch and
Non-Touch devices
 Any application can now to run on desktops,
laptops & tablets
 Responsive applications that adjusts to Screen
Form Factors and Device Capabilities
 Enhancements to Open UI Configuration
capabilities to build once and use in multiple
form factors
 New UI theme that is responsive and modern
 New Navigation option with enhancements to
support default navigation option for an
application, position, responsibility & user.
24Oracle Confidential – Restricted
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
Customer 360 Views
25Oracle Confidential – Restricted
• Intuitive workspace for
the agent
• Dashboard style
customer snapshot with
key information
• Easily digested view of
the customer’s history
• Recommendations to
promote up-sell or cross-
sell opportunities or
targeted messages
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
OpenUI Evolution
26Oracle Confidential – Restricted
Web applications evolve and users now expect access from anywhere and with a seamless user experience
2012
OpenUI Framework Introduced
Any Browser, flexible deployment
Enhanced User Experience
Advanced Standards, use common skills
Templates to create your own UX quickly
Simplified Integration, reduce TCO
Leverage existing Siebel investments
2013
Mobile Applications
Any Device, choose your platform
Look and Feel, native device features
No Additional Hardware, low TCO
Configurable and Extendable
Online/Offline Support, Maximize
Productivity
Device Recognition, Automatic Device
Rendering
2014
Enhanced User Experience
Enhanced Mobile Applications
Responsive Web Design
framework
Persona Driven UI
Redesign of OOTB user
interfaces
Industry Specific Mobility
Solutions
2015
Feature Rich OpenUI
Server side Responsive Web
Design for rapid development
Open Interface framework for
cloud integrations
New industry portals enriched
with functionality
Disconnected mobile
framework enhancements
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
Safe Harbor Statement
The preceding 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.
Copyright © 2014, Oracle and/or its affiliates. All rights reserved. |
2014 oow open_ui

2014 oow open_ui

  • 2.
    Responsive Web Design SiebelOpen UI Copyright © 2014, Oracle and/or its affiliates. All rights reserved. | Uma Welingkar and Darshan Kumar Senior Director, Oracle Development Andy Stevens Director, Box Fusion October 7, 2014
  • 3.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement 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.
  • 4.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | Program Agenda User Experience Evolution Travel through Siebel UI Evolution Responsive Web Design with IP-2013 and Box Fusion Looking ahead to the future with Open UI IP-2014 Highlights demo 1 2 3 4 5
  • 5.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | User Experience Evolution
  • 6.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | What is Usability? 6Oracle Confidential – Restricted “User experience (UX) focuses on having a deep understanding of users, what they need, what they value, their abilities, and also their limitations”  User friendly experience  Role / Persona based functional design  Accessible anywhere  Simplified and intuitive
  • 7.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | User Interface Evolution 7Oracle Confidential – Restricted  Mobile and Social change the way we use applications  Millennials expect modern, social, user experiences  Easy to read, simplified, rapid, consumable interfaces  Desktop interfaces of the past  Enterprise applications based on list and forms  Focused to repeatable tasks
  • 8.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | Travel through Siebel UI Evolution Oracle Confidential – Restricted 8
  • 9.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | Siebel UI Evolution 9Oracle Confidential – Restricted Client Server Insight Web Architecture Any Browser Any Device
  • 10.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | Evolution of Open UI Innovation Pack 2012 Innovation Pack 2013 Open UI Framework Process Simplification Connected & Disconnected Mobile
  • 11.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | Open UI – By Features Usability and Productivity •CTI, Email Response, Notifications •Calendar –Daily, Weekly, Monthly completely configurable •Siebel Search •Chart and Reports •Product Configurator, MVGs, Textboxes •Smart Script, TBUI •File attachments with drag and drop capabilities •Currency, datetime controls •Customer Dashboard •Accessibility •SiteMap filtering Business Agility – Runtime Configuration •Change look and feel of applications based on color themes, navigation – tab versus menu navigation •Set theme by user preference IP-2012 and Spring 2013 Usability and Productivity •Binocular Find and Search – single navigation paradigm •Siebel Chat •Promotion configuration and catalog for C/OM •Dispatch board for agents •Drag and Drop framework – integrated with shopping cart and calendar appts •Partner Relationship Management •Self-Service applications •Redesigned Siebel Marketing and loyalty •Function space diary for event management •Self-Service Registration Business Agility – Runtime Configuration •Change Look and feel of applets and views •Ability to create application look and feel by Roles, Responsibilities and User groups IP-2013 Usability and Productivity •iHelp •Gantt Chart and Resource Scheduler •Hierarchy View for Account, Contact & org chart •Organizational Analysis View •Inline editing for attachments & Correspondence •Barcode scanning with global search •Product Configurator administration •Notifications for Universal Inbox •Quote and Order Home Pages •Smartscript designer •Marketing Program Designer •Print and email Invoice and Signature capture Business Agility – Runtime Configuration •Responsive Web design •Ability to create views once and deploy across desktops and tablets Roadmap
  • 12.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | iHelp
  • 13.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | New Navigation Paradigm
  • 14.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | New Communications Panel Communications Panel – Slim Communications Panel – Normal Size
  • 15.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | New Communications Panel - Undocked
  • 16.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | New Communications Panel - Undocked
  • 17.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | New Communications Panel - Undocked
  • 18.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | Siebel Reports
  • 19.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | Account Summary Desktop Tablet
  • 20.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | Tile Rendering
  • 21.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | List View
  • 22.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | Looking ahead to the Future IP-2014 and beyond Oracle Confidential – Restricted 22
  • 23.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | Driving Force for Future of Open UI 23  Wireframe design based on user roles (day in the life scenarios)  Fresh and minimalist  Laser focused user interface context  Context sensitive navigation  Collapsible content  Content chunking  Consistency across devices Oracle Confidential – Restricted 23Oracle Confidential – Restricted Concept to Reality
  • 24.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | Responsive Web Design Device Friendly Design  Single Open UI framework for both Touch and Non-Touch devices  Any application can now to run on desktops, laptops & tablets  Responsive applications that adjusts to Screen Form Factors and Device Capabilities  Enhancements to Open UI Configuration capabilities to build once and use in multiple form factors  New UI theme that is responsive and modern  New Navigation option with enhancements to support default navigation option for an application, position, responsibility & user. 24Oracle Confidential – Restricted
  • 25.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | Customer 360 Views 25Oracle Confidential – Restricted • Intuitive workspace for the agent • Dashboard style customer snapshot with key information • Easily digested view of the customer’s history • Recommendations to promote up-sell or cross- sell opportunities or targeted messages
  • 26.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | OpenUI Evolution 26Oracle Confidential – Restricted Web applications evolve and users now expect access from anywhere and with a seamless user experience 2012 OpenUI Framework Introduced Any Browser, flexible deployment Enhanced User Experience Advanced Standards, use common skills Templates to create your own UX quickly Simplified Integration, reduce TCO Leverage existing Siebel investments 2013 Mobile Applications Any Device, choose your platform Look and Feel, native device features No Additional Hardware, low TCO Configurable and Extendable Online/Offline Support, Maximize Productivity Device Recognition, Automatic Device Rendering 2014 Enhanced User Experience Enhanced Mobile Applications Responsive Web Design framework Persona Driven UI Redesign of OOTB user interfaces Industry Specific Mobility Solutions 2015 Feature Rich OpenUI Server side Responsive Web Design for rapid development Open Interface framework for cloud integrations New industry portals enriched with functionality Disconnected mobile framework enhancements
  • 27.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The preceding 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.
  • 28.
    Copyright © 2014,Oracle and/or its affiliates. All rights reserved. |