Responsive Web Design - Oracle

1y ago
27 Views
2 Downloads
3.78 MB
29 Pages
Last View : 1m ago
Last Download : 3m ago
Upload by : Kamden Hassan
Transcription

Responsive Web DesignSiebel Open UIUma Welingkar and Darshan KumarSenior Director, Oracle DevelopmentAndy StevensDirector, Box FusionOctober 7, 2014Copyright 2014, Oracle and/or its affiliates. All rights reserved.

Safe Harbor StatementThe following is intended to outline our general product direction. It is intended forinformation purposes only, and may not be incorporated into any contract. It is not acommitment to deliver any material, code, or functionality, and should not be relied uponin making purchasing decisions. The development, release, and timing of any features orfunctionality described for Oracle’s products remains at the sole discretion of Oracle.Copyright 2014, Oracle and/or its affiliates. All rights reserved.

Program Agenda1User Experience Evolution2Travel through Siebel UI Evolution3Responsive Web Design with IP-2013 and Box Fusion4Looking ahead to the future with Open UI5IP-2014 Highlights demoCopyright 2014, Oracle and/or its affiliates. All rights reserved.

User Experience EvolutionCopyright 2014, Oracle and/or its affiliates. All rights reserved.

What is Usability?“User experience (UX) focuses on having a deep understanding of users, what they need, what theyvalue, their abilities, and also their limitations” User friendly experience Role / Persona based functional design Accessible anywhere Simplified and intuitiveCopyright 2014, Oracle and/or its affiliates. All rights reserved. Oracle Confidential – Restricted6

User Interface Evolution Desktop interfaces of the past Enterprise applications based on list and forms Focused to repeatable tasks Mobile and Social change the way we use applications Millennials expect modern, social, user experiences Easy to read, simplified, rapid, consumable interfacesCopyright 2014, Oracle and/or its affiliates. All rights reserved. Oracle Confidential – Restricted7

Travel through Siebel UI EvolutionCopyright 2014, Oracle and/or its affiliates. All rights reserved. Oracle Confidential – Restricted8

Siebel UI EvolutionClient ServerInsightWeb ArchitectureAny BrowserAny DeviceCopyright 2014, Oracle and/or its affiliates. All rights reserved. Oracle Confidential – Restricted9

Evolution of Open UIInnovation Pack 2012Innovation Pack 2013Open UI FrameworkProcess SimplificationConnected & Disconnected MobileCopyright 2014, Oracle and/or its affiliates. All rights reserved.

Open UI – By FeaturesIP-2012 and Spring 2013IP-2013RoadmapUsability and Productivity CTI, Email Response, Notifications Calendar –Daily, Weekly, Monthly completelyconfigurable 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 filteringUsability and Productivity Binocular Find and Search – single navigationparadigm Siebel Chat Promotion configuration and catalog for C/OM Dispatch board for agents Drag and Drop framework – integrated withshopping cart and calendar appts Partner Relationship Management Self-Service applications Redesigned Siebel Marketing and loyalty Function space diary for event management Self-Service RegistrationUsability 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 captureBusiness Agility – Runtime Configuration Change look and feel of applications based oncolor themes, navigation – tab versus menunavigation Set theme by user preferenceBusiness Agility – Runtime Configuration Change Look and feel of applets and views Ability to create application look and feel byRoles, Responsibilities and User groupsBusiness Agility – Runtime Configuration Responsive Web design Ability to create views once and deploy acrossdesktops and tabletsCopyright 2014, Oracle and/or its affiliates. All rights reserved.

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

New Navigation ParadigmCopyright 2014, Oracle and/or its affiliates. All rights reserved.

New Communications PanelCommunications Panel – SlimCommunications Panel – NormalSizeCopyright 2014, Oracle and/or its affiliates. All rights reserved.

New Communications Panel - UndockedCopyright 2014, Oracle and/or its affiliates. All rights reserved.

New Communications Panel - UndockedCopyright 2014, Oracle and/or its affiliates. All rights reserved.

New Communications Panel - UndockedCopyright 2014, Oracle and/or its affiliates. All rights reserved.

Siebel ReportsCopyright 2014, Oracle and/or its affiliates. All rights reserved.

Account SummaryDesktopTabletCopyright 2014, Oracle and/or its affiliates. All rights reserved.

Tile RenderingCopyright 2014, Oracle and/or its affiliates. All rights reserved.

List ViewCopyright 2014, Oracle and/or its affiliates. All rights reserved.

Looking ahead to the FutureIP-2014 and beyondCopyright 2014, Oracle and/or its affiliates. All rights reserved. Oracle Confidential – Restricted22

Driving Force for Future of Open UIConcept to Reality Wireframe design based on user roles (day in the lifescenarios) Fresh and minimalist Laser focused user interface context Context sensitive navigationCollapsible contentContent chunkingConsistency across devicesCopyright 2014, Oracle and/or its affiliates. All rights reserved. Oracle Confidential – Restricted23

Responsive Web DesignDevice Friendly Design Single Open UI framework for both Touch andNon-Touch devices Any application can now to run on desktops,laptops & tablets Responsive applications that adjusts to ScreenForm Factors and Device Capabilities Enhancements to Open UI Configurationcapabilities to build once and use in multipleform factors New UI theme that is responsive and modern New Navigation option with enhancements tosupport default navigation option for anapplication, position, responsibility & user.Copyright 2014, Oracle and/or its affiliates. All rights reserved. Oracle Confidential – Restricted24

Customer 360 Views Intuitive workspace forthe agent Dashboard stylecustomer snapshot withkey information Easily digested view ofthe customer’s history Recommendations topromote up-sell or crosssell opportunities ortargeted messagesCopyright 2014, Oracle and/or its affiliates. All rights reserved. Oracle Confidential – Restricted25

OpenUI EvolutionWeb applications evolve and users now expect access from anywhere and with a seamless user experience2015201420132012OpenUI 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 investmentsMobile Applications Any Device, choose your platform Look and Feel, native device features No Additional Hardware, low TCO Configurable and Extendable Online/Offline Support, MaximizeProductivity Device Recognition, Automatic DeviceRenderingEnhanced User Experience Enhanced Mobile Applications Responsive Web Designframework Persona Driven UI Redesign of OOTB userinterfaces Industry Specific MobilitySolutionsCopyright 2014, Oracle and/or its affiliates. All rights reserved. Feature Rich OpenUI Server side Responsive WebDesign for rapid development Open Interface framework forcloud integrations New industry portals enrichedwith functionality Disconnected mobileframework enhancementsOracle Confidential – Restricted26

Safe Harbor StatementThe preceding is intended to outline our general product direction. It is intended forinformation purposes only, and may not be incorporated into any contract. It is not acommitment to deliver any material, code, or functionality, and should not be relied uponin making purchasing decisions. The development, release, and timing of any features orfunctionality described for Oracle’s products remains at the sole discretion of Oracle.Copyright 2014, Oracle and/or its affiliates. All rights reserved.

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

Related Documents:

Oracle e-Commerce Gateway, Oracle Business Intelligence System, Oracle Financial Analyzer, Oracle Reports, Oracle Strategic Enterprise Management, Oracle Financials, Oracle Internet Procurement, Oracle Supply Chain, Oracle Call Center, Oracle e-Commerce, Oracle Integration Products & Technologies, Oracle Marketing, Oracle Service,

alization, visualization authoring, and responsive web design. Responsive Web Design While responsive visualization is still a nascent area, respon-sive web design has received more attention. Patterns and principles of responsive web design have been studied [15, 16]. HTML5 and CSS3 are popular standards to implement responsive designs [9].

alization, visualization authoring, and responsive web design. Responsive Web Design While responsive visualization is still a nascent area, respon-sive web design has received more attention. Patterns and principles of responsive web design have been studied [15, 16]. HTML5 and CSS3 are popular standards to implement responsive designs [9].

Oracle is a registered trademark and Designer/2000, Developer/2000, Oracle7, Oracle8, Oracle Application Object Library, Oracle Applications, Oracle Alert, Oracle Financials, Oracle Workflow, SQL*Forms, SQL*Plus, SQL*Report, Oracle Data Browser, Oracle Forms, Oracle General Ledger, Oracle Human Resources, Oracle Manufacturing, Oracle Reports,

that’s what responsive web design is: a possible solution, a way to more fully design for the web’s inherent flexibility. If we’re willing to research the needs of our users, and apply those ingredients carefully, then responsive web design is a powerful approach indeed. Ethan Marcotte, “Responsive Web Design”

Responsive Web Design Ethan Marcottecoined the term responsive web design and . Responsive Web Design (RWD) is a Web design approach aimed at crafting sites to provide an optimal viewing experience, easy reading and navigation with a minimum of resizing, panning, and scrolling, across a wide range of screen sizes and devices.

7 Messaging Server Oracle Oracle Communications suite Oracle 8 Mail Server Oracle Oracle Communications suite Oracle 9 IDAM Oracle Oracle Access Management Suite Plus / Oracle Identity Manager Connectors Pack / Oracle Identity Governance Suite Oracle 10 Business Intelligence

Advanced Replication Option, Database Server, Enabling the Information Age, Oracle Call Interface, Oracle EDI Gateway, Oracle Enterprise Manager, Oracle Expert, Oracle Expert Option, Oracle Forms, Oracle Parallel Server [or, Oracle7 Parallel Server], Oracle Procedural Gateway, Oracle Replication Services, Oracle Reports, Oracle