This whitepaper provides understanding of Responsive Design principles (RDP) and how they apply to your Oracle Content Management system. It also introduces the basic principles of Information Architecture and User Experience Management and shows real world examples of the impact of implementing the RDP.
It’s here to help Oracle professionals to quickly identify areas of sub-standard performance and sub-par user experience in their WebCenter implementation and provide practical recommendations to designers and administrators on boosting user productivity.
Beyond the Desktop: Sites and Apps for Phones and TabletsWebvanta
How to design mobile sites and apps without getting buried in technology. Choosing what platforms to support, tradeoffs between mobile sites and native apps, design considerations for small screens and touchscreens.
Agenda for first meeting of Web Developers Group at Idaho State University. Offers general guidelines and suggestions to improve coordination of university web work between central WebComm office and "embedded" web developers throughout campus.
A design talk geared towards designers who are new to the world of web design. I’ll cover items such as: how web design is unique from other kinds of design (such as print), how to leverage research and analytics to create data informed designs, steps to become a proficient web designer and how to choose and work with developers. If there are folks in the room using Illustrator or PSD, I'll show you how to set up Illustrator files for web design and prep files for a developer.
Beyond the Desktop: Sites and Apps for Phones and TabletsWebvanta
How to design mobile sites and apps without getting buried in technology. Choosing what platforms to support, tradeoffs between mobile sites and native apps, design considerations for small screens and touchscreens.
Agenda for first meeting of Web Developers Group at Idaho State University. Offers general guidelines and suggestions to improve coordination of university web work between central WebComm office and "embedded" web developers throughout campus.
A design talk geared towards designers who are new to the world of web design. I’ll cover items such as: how web design is unique from other kinds of design (such as print), how to leverage research and analytics to create data informed designs, steps to become a proficient web designer and how to choose and work with developers. If there are folks in the room using Illustrator or PSD, I'll show you how to set up Illustrator files for web design and prep files for a developer.
A presentation about how WordPress.Com can provide a basic website for individuals or organizations, and step-by-step tips on how to plan and implement a WordPress.Com site.
Designing and Theming Drupal for Mobile DevicesDavid Lanier
Have you noticed how a site can look great on your computer, but when viewing it on a mobile device it's unreadable, ugly, and takes forever to load?
Maybe you're designing a site, or you already have one or more sites. Now is the time to make it friendlier for mobile devices such as iPhone, Android, and others.
This session covers design considerations if you are still in the design phase, as well as demonstrate techniques for adding a mobile interface for your existing sites.
Join us for a presentation and a roundtable discussion about the strategic and practical aspects of Responsive Web Design.
Responsive Web Design (RWD) is the shiny new toy of 2013. At first glance, RWD appears to be the silver bullet that every organization hopes will solve their multi-channel challenges, but will it? RWD for Foodies will breakdown the pros and cons of the philosophy in an easily "digestible" way for eBusiness, Strategy and Marketing professionals.
David Ip is a mobile veteran across the entire strategy, marketing, advertising, sales & implementation cycle in a large enterprise and startup environment.
David is also a 3 time Digital Marketing & Product award winner:
- 2013 StartupBus Finalist for "MyBestRx.com"
- 2013 SxSW American Airlines Travel Hack winner for "MokiiCo"
- 2012 SxSW AT&T Developer Grand Prize winner for "BoogieUp"
Accreditations:
David was accepted into the Founder Institute in 2013 and certified by DePaul University Kellstadt College in Interactive Marketing in 2012.
David works in the innovation group at BlueCross BlueShield of Illinois (BCBSIL) and the founder of MyBestRx.com. Prior to BCBSIL, David was the Regional Director for AOL Mobile Advertising, a Mobile Marketing Evangelist at Arc Worldwide / Leo Burnett and an Account Manager at Vibes Media.
David was also on the Board of Directors at CIMA, a founding member of the Heartland Mobile Council, a member of MoMo Chicago and the Mobile Marketing Association.
Fundamentals of Design. Improve the visual competency of any website or application by keeping design in mind. Learn the fundamental design principles of typography, color, and layout.
Mobuz Solutions provide the guidelines like things to remember when designing your website. These creative information helps you to design your website easily.
A presentation about how WordPress.Com can provide a basic website for individuals or organizations, and step-by-step tips on how to plan and implement a WordPress.Com site.
Designing and Theming Drupal for Mobile DevicesDavid Lanier
Have you noticed how a site can look great on your computer, but when viewing it on a mobile device it's unreadable, ugly, and takes forever to load?
Maybe you're designing a site, or you already have one or more sites. Now is the time to make it friendlier for mobile devices such as iPhone, Android, and others.
This session covers design considerations if you are still in the design phase, as well as demonstrate techniques for adding a mobile interface for your existing sites.
Join us for a presentation and a roundtable discussion about the strategic and practical aspects of Responsive Web Design.
Responsive Web Design (RWD) is the shiny new toy of 2013. At first glance, RWD appears to be the silver bullet that every organization hopes will solve their multi-channel challenges, but will it? RWD for Foodies will breakdown the pros and cons of the philosophy in an easily "digestible" way for eBusiness, Strategy and Marketing professionals.
David Ip is a mobile veteran across the entire strategy, marketing, advertising, sales & implementation cycle in a large enterprise and startup environment.
David is also a 3 time Digital Marketing & Product award winner:
- 2013 StartupBus Finalist for "MyBestRx.com"
- 2013 SxSW American Airlines Travel Hack winner for "MokiiCo"
- 2012 SxSW AT&T Developer Grand Prize winner for "BoogieUp"
Accreditations:
David was accepted into the Founder Institute in 2013 and certified by DePaul University Kellstadt College in Interactive Marketing in 2012.
David works in the innovation group at BlueCross BlueShield of Illinois (BCBSIL) and the founder of MyBestRx.com. Prior to BCBSIL, David was the Regional Director for AOL Mobile Advertising, a Mobile Marketing Evangelist at Arc Worldwide / Leo Burnett and an Account Manager at Vibes Media.
David was also on the Board of Directors at CIMA, a founding member of the Heartland Mobile Council, a member of MoMo Chicago and the Mobile Marketing Association.
Fundamentals of Design. Improve the visual competency of any website or application by keeping design in mind. Learn the fundamental design principles of typography, color, and layout.
Mobuz Solutions provide the guidelines like things to remember when designing your website. These creative information helps you to design your website easily.
Mobile Website or Responsive Design? The Answer is NEITHER.TWG
By Derek Watson, Senior Developer at The Working Group
Reviews the two most popular strategies for creating mobile web properties (separate mobile-specific sites vs. responsive css), the pros and cons of each, and a little known third technique that marries the best of both worlds.
Building Vibrant Communities - Erfolgreiche Einführung von Enterprise 2.0Peter H. Reiser
Datum: Freitag, 24.6.2011
Ort: FHNW, Riggenbachstrasse 16, CH-4600 Olten
http://www.fhnw.ch/kontakt/lageplan/fhnw_hw-ortsplaene.pdf
Raum: wird am Display in der Eingangshalle angezeigt
Moderation: Daniel Ebneter, Carpathia Consulting, Zürich
Programm ( jeweils 60‘ Vortrag, 30‘ Diskussion):
08:45-10:15 Thomas Lang, Geschäftsführer, Carpathia Consulting, Zürich
Trends im E-Commerce und Chancen für Schweizer Anbieter
10:45-12:15 Peter Reiser, Principal Architect, Oracle
Building Vibrant Communities - Erfolgreiche Einführung von Enterprise 2.0
13:15-14:45 Marcus Beyer, Archtitect Security Awareness, iSPIN, Zürich
Awareness schaffen – ohne Waffen
15:15-16:45 Robin Unger, Managing Partner – Consulting, Gartner, Dietikon
Reimagining IT: The 2011 CIO Agenda
Improving Data for Decision-Making: Leveraging Data Quality Audits in Haryana...HFG Project
Resource Type: Report
Authors: Gajinder Pal Singh, Jordan Tuchman, and Michael P. Rodriguez
Published: May 31, 2014
Resource Description:
The Government of India has prioritized 184 of the 640 districts in the country for focused maternal and child health interventions under an integrated program called the Reproductive, Maternal, Neonatal, Child and Adolescent Health (RMNCH+A) initiative. A key factor in the success of this initiative is the ability of the government to effectively track health outcomes through the routine collection of data from service delivery points across the high-priority districts.
The National Rural Health Mission (NRHM)1 is responsible for monitoring RMNCH+A indicators across the country and has leveraged the rollout of a web-based national health management information (HMIS) for this purpose. In several states, another information system – the web-based District Health Information System (DHIS) 2.0 – is used. A number of reviews of the data produced through the national HMIS have indicated that there are data quality issues. However, there are limited reviews of data quality taking place across the NRHM facilities and no systematic assessment mechanism is currently in place.
To address these issues, the Haryana State NRHM partnered with the HFG Project to conduct a data quality audit (DQA) across four of the state’s high-priority districts. The DQA exercise took place in December 2013, beginning with a presentation of the methodology to a cadre of Haryana NRHM Program Managers, HMIS Officers, and District Monitoring and Evaluation (M&E) Officers. Presented here is a brief summary of the findings and recommendations, sorted by the five domains evaluated in the DQA exercise.
Presented enterprise applications capacity planning methodology providing estimate of utilization of hardware resources
as well as transaction response times
Institute of Electrical and Electronic Engineers (IEEE);
History of creation of IEEE;
Distinguished memebers of IEEE;
IEEE Societies;
Benefits of IEEE Membership;
IEEE Boumerdes University Student Branch;
This presentation provides an overview of OpenStand (www.open-stand.org), a multifaceted initiative that began with the drafting and joint affirmation of the OpenStand principles in August of 2012. Find out how OpenStand principles do more than align standards organizations – they lay out a new paradigm for technology development that is open, inclusive and market-driven from the bottom up. Find out how open standards benefit people, industry, markets, nations and the world.
This session will first discuss basic analysis of a Linux system with pre-installed tools. You will learn several commands to help you understand Linux issues better.
In the second step, you will learn how to fix a broken Linux system. The session will teach some major troubleshooting techniques and will be filled with lots of demos that will show you how to fix real problems on real broken systems.
Beyond responsive design - UI for the modern web applicationPete Smith
Applications written for the modern web are being consumed not just on desktop browsers, but also on a myriad of other devices... even watches and glasses. If you design your application with a pc screen in mind, at worst you're either cutting your userbase in half or setting yourself up for an expensive redesign.
In this talk I'll introduce you to some modern web design constructs, and the technologies that bring them to life. Learn how to create apps that work just as well on phone, mobile and desktop with no extra effort, and without restrictive layout frameworks. Who knows... you may even even see things that begin to rival native apps!
5 Simple Actions to Make a Measurable Impact on Your Responsive Site5th Finger
Our President, Patrick Collins, presented at eTail East 2013 in Philadelphia, PA, on 5 Simple Actions to Make a Measurable Impact on Your Responsive Site. Listen to what he had to say, and contact him with any questions or comments at patrick.collins@5thfinger.com.
PSEWEB 2013 - Make it responsive - TERMINALFOURTerminalfour
TERMINALFOUR Presentation by David Miller on the challenges of implementing responsive web sites - presented at the PSEWEB event in Vancouver - June 2013 www.pseweb.ca, www.terminalfour.com
Pearls and Must-Have Tools for the Modern Web / .NET DeveloperOfer Zelig
We are all flooded with information: blogs, videos, millions of open source projects. In this presentation I share my insights: what are the must-know and must-have tools, frameworks and techniques you can use today (or at least know about) in order to be up-to-date.
In this session, we will explore the how the recent explosion of devices has disrupted the process of designing a website that we've crafted over the past decade.
When designers only have one instance of website (i.e., desktop) to design, the layout is uniform. The header, content area, sidebar, and footer all remain static. Furthermore, the elements are relatively uniform as well. Buttons, navigation, typography, and images are all basically the same across across the various pages. But if you are designing a responsive website – one whose look and feel adapts depending whether you're using a phone, laptop, or tablet – then these elements and especially the layout begin to diverge.
After this session, you should leave with the confidence to argue the importance of responsive design to your client or boss – and that the with the proper strategy, the extra effort and costs can be justified (and hopefully minimized).
Beyond responsive design - UI for the modern web application - Pete Smith - C...Codemotion
Codemotion Rome 2015 - Applications written for the modern web are being consumed not just on desktops, but also on a myriad of other devices... even watches and glasses. If you design your application with a pc screen in mind, you're either cutting your userbase in half or setting yourself up for an expensive redesign. In this talk I'll introduce you to some modern web design constructs, and the technologies that bring them to life. Learn how to create apps for phone, mobile and desktop with no extra effort, and without restrictive layout frameworks. Web has finally caught up with native apps... the future is now!
Be a Web Design Professional with the Right Skills.ACCHITABAJPAI
The top training provider for students, CETPA InfoTech Pvt Ltd, offers 100% Placement Assistance. In a single year, CETPA places more than 5000 students in the best MNCs. All students receive training from CETPA that is career-focused, and they are placed in jobs as soon as they graduate. The training programmes are created by CETPA to help students effortlessly reach their objectives.
For More Information: -
https://www.cetpainfotech.com/technology/web-designing
Choices for Responsive Redesign: Ground-up or Responsive RetrofitCantina
Every major brand has a web presence that may include product sites, a corporate site, apps and social media. As their customers and constituents transition to mobile consumption of brand assets organizations find they need to rebuild their web sites to be more usable, or responsive, in a variety of contexts.
The two main approaches to achieve this are to either redevelop the site and architecture from the ground up, or to responsively retrofit the site over time. Each approach has benefits and drawbacks. This webinar will explain the features and benefits of each and make contingent recommendations for choosing between the two.
Topics to be covered include:
• Understanding Responsive Design
• The Customer’s Multi-device Experience
• Ground Up Responsive Redesign: Process and Benefits
• Responsive Retrofitting: Process and Benefits
• How to decide between ground-up and responsive retrofitting
Choices for Responsive Redesign: Ground-up or Responsive RetrofitCantina
Every major brand has a web presence that may include product sites, a corporate site, apps and social media. As their customers and constituents transition to mobile consumption of brand assets organizations find they need to rebuild their web sites to be more usable, or responsive, in a variety of contexts.
The two main approaches to achieve this are to either redevelop the site and architecture from the ground up, or to responsively retrofit the site over time. Each approach has benefits and drawbacks. This webinar will explain the features and benefits of each and make contingent recommendations for choosing between the two. Examples from Cantina’s responsive site evaluation research project will be included.
• Topics to be covered include:
• Understanding Responsive Design
• The Customer’s Multi-device Experience
• Ground Up Responsive Redesign: Process and Benefits
• Responsive Retrofitting: Process and Benefits
• How to decide between ground-up and responsive retrofitting
Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, online workshops and loves solving complex performance problems in large companies.
Similar to Responsive Design and Information Architecture with Oracle Web Center Content - Introduction and Best Practices (20)
How Recreation Management Software Can Streamline Your Operations.pptxwottaspaceseo
Recreation management software streamlines operations by automating key tasks such as scheduling, registration, and payment processing, reducing manual workload and errors. It provides centralized management of facilities, classes, and events, ensuring efficient resource allocation and facility usage. The software offers user-friendly online portals for easy access to bookings and program information, enhancing customer experience. Real-time reporting and data analytics deliver insights into attendance and preferences, aiding in strategic decision-making. Additionally, effective communication tools keep participants and staff informed with timely updates. Overall, recreation management software enhances efficiency, improves service delivery, and boosts customer satisfaction.
We describe the deployment and use of Globus Compute for remote computation. This content is aimed at researchers who wish to compute on remote resources using a unified programming interface, as well as system administrators who will deploy and operate Globus Compute services on their research computing infrastructure.
How to Position Your Globus Data Portal for Success Ten Good PracticesGlobus
Science gateways allow science and engineering communities to access shared data, software, computing services, and instruments. Science gateways have gained a lot of traction in the last twenty years, as evidenced by projects such as the Science Gateways Community Institute (SGCI) and the Center of Excellence on Science Gateways (SGX3) in the US, The Australian Research Data Commons (ARDC) and its platforms in Australia, and the projects around Virtual Research Environments in Europe. A few mature frameworks have evolved with their different strengths and foci and have been taken up by a larger community such as the Globus Data Portal, Hubzero, Tapis, and Galaxy. However, even when gateways are built on successful frameworks, they continue to face the challenges of ongoing maintenance costs and how to meet the ever-expanding needs of the community they serve with enhanced features. It is not uncommon that gateways with compelling use cases are nonetheless unable to get past the prototype phase and become a full production service, or if they do, they don't survive more than a couple of years. While there is no guaranteed pathway to success, it seems likely that for any gateway there is a need for a strong community and/or solid funding streams to create and sustain its success. With over twenty years of examples to draw from, this presentation goes into detail for ten factors common to successful and enduring gateways that effectively serve as best practices for any new or developing gateway.
Custom Healthcare Software for Managing Chronic Conditions and Remote Patient...Mind IT Systems
Healthcare providers often struggle with the complexities of chronic conditions and remote patient monitoring, as each patient requires personalized care and ongoing monitoring. Off-the-shelf solutions may not meet these diverse needs, leading to inefficiencies and gaps in care. It’s here, custom healthcare software offers a tailored solution, ensuring improved care and effectiveness.
In software engineering, the right architecture is essential for robust, scalable platforms. Wix has undergone a pivotal shift from event sourcing to a CRUD-based model for its microservices. This talk will chart the course of this pivotal journey.
Event sourcing, which records state changes as immutable events, provided robust auditing and "time travel" debugging for Wix Stores' microservices. Despite its benefits, the complexity it introduced in state management slowed development. Wix responded by adopting a simpler, unified CRUD model. This talk will explore the challenges of event sourcing and the advantages of Wix's new "CRUD on steroids" approach, which streamlines API integration and domain event management while preserving data integrity and system resilience.
Participants will gain valuable insights into Wix's strategies for ensuring atomicity in database updates and event production, as well as caching, materialization, and performance optimization techniques within a distributed system.
Join us to discover how Wix has mastered the art of balancing simplicity and extensibility, and learn how the re-adoption of the modest CRUD has turbocharged their development velocity, resilience, and scalability in a high-growth environment.
May Marketo Masterclass, London MUG May 22 2024.pdfAdele Miller
Can't make Adobe Summit in Vegas? No sweat because the EMEA Marketo Engage Champions are coming to London to share their Summit sessions, insights and more!
This is a MUG with a twist you don't want to miss.
Navigating the Metaverse: A Journey into Virtual Evolution"Donna Lenk
Join us for an exploration of the Metaverse's evolution, where innovation meets imagination. Discover new dimensions of virtual events, engage with thought-provoking discussions, and witness the transformative power of digital realms."
Enhancing Research Orchestration Capabilities at ORNL.pdfGlobus
Cross-facility research orchestration comes with ever-changing constraints regarding the availability and suitability of various compute and data resources. In short, a flexible data and processing fabric is needed to enable the dynamic redirection of data and compute tasks throughout the lifecycle of an experiment. In this talk, we illustrate how we easily leveraged Globus services to instrument the ACE research testbed at the Oak Ridge Leadership Computing Facility with flexible data and task orchestration capabilities.
AI Pilot Review: The World’s First Virtual Assistant Marketing SuiteGoogle
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
👉👉 Click Here To Get More Info 👇👇
https://sumonreview.com/ai-pilot-review/
AI Pilot Review: Key Features
✅Deploy AI expert bots in Any Niche With Just A Click
✅With one keyword, generate complete funnels, websites, landing pages, and more.
✅More than 85 AI features are included in the AI pilot.
✅No setup or configuration; use your voice (like Siri) to do whatever you want.
✅You Can Use AI Pilot To Create your version of AI Pilot And Charge People For It…
✅ZERO Manual Work With AI Pilot. Never write, Design, Or Code Again.
✅ZERO Limits On Features Or Usages
✅Use Our AI-powered Traffic To Get Hundreds Of Customers
✅No Complicated Setup: Get Up And Running In 2 Minutes
✅99.99% Up-Time Guaranteed
✅30 Days Money-Back Guarantee
✅ZERO Upfront Cost
See My Other Reviews Article:
(1) TubeTrivia AI Review: https://sumonreview.com/tubetrivia-ai-review
(2) SocioWave Review: https://sumonreview.com/sociowave-review
(3) AI Partner & Profit Review: https://sumonreview.com/ai-partner-profit-review
(4) AI Ebook Suite Review: https://sumonreview.com/ai-ebook-suite-review
Innovating Inference - Remote Triggering of Large Language Models on HPC Clus...Globus
Large Language Models (LLMs) are currently the center of attention in the tech world, particularly for their potential to advance research. In this presentation, we'll explore a straightforward and effective method for quickly initiating inference runs on supercomputers using the vLLM tool with Globus Compute, specifically on the Polaris system at ALCF. We'll begin by briefly discussing the popularity and applications of LLMs in various fields. Following this, we will introduce the vLLM tool, and explain how it integrates with Globus Compute to efficiently manage LLM operations on Polaris. Attendees will learn the practical aspects of setting up and remotely triggering LLMs from local machines, focusing on ease of use and efficiency. This talk is ideal for researchers and practitioners looking to leverage the power of LLMs in their work, offering a clear guide to harnessing supercomputing resources for quick and effective LLM inference.
Enterprise Resource Planning System includes various modules that reduce any business's workload. Additionally, it organizes the workflows, which drives towards enhancing productivity. Here are a detailed explanation of the ERP modules. Going through the points will help you understand how the software is changing the work dynamics.
To know more details here: https://blogs.nyggs.com/nyggs/enterprise-resource-planning-erp-system-modules/
Exploring Innovations in Data Repository Solutions - Insights from the U.S. G...Globus
The U.S. Geological Survey (USGS) has made substantial investments in meeting evolving scientific, technical, and policy driven demands on storing, managing, and delivering data. As these demands continue to grow in complexity and scale, the USGS must continue to explore innovative solutions to improve its management, curation, sharing, delivering, and preservation approaches for large-scale research data. Supporting these needs, the USGS has partnered with the University of Chicago-Globus to research and develop advanced repository components and workflows leveraging its current investment in Globus. The primary outcome of this partnership includes the development of a prototype enterprise repository, driven by USGS Data Release requirements, through exploration and implementation of the entire suite of the Globus platform offerings, including Globus Flow, Globus Auth, Globus Transfer, and Globus Search. This presentation will provide insights into this research partnership, introduce the unique requirements and challenges being addressed and provide relevant project progress.
Understanding Globus Data Transfers with NetSageGlobus
NetSage is an open privacy-aware network measurement, analysis, and visualization service designed to help end-users visualize and reason about large data transfers. NetSage traditionally has used a combination of passive measurements, including SNMP and flow data, as well as active measurements, mainly perfSONAR, to provide longitudinal network performance data visualization. It has been deployed by dozens of networks world wide, and is supported domestically by the Engagement and Performance Operations Center (EPOC), NSF #2328479. We have recently expanded the NetSage data sources to include logs for Globus data transfers, following the same privacy-preserving approach as for Flow data. Using the logs for the Texas Advanced Computing Center (TACC) as an example, this talk will walk through several different example use cases that NetSage can answer, including: Who is using Globus to share data with my institution, and what kind of performance are they able to achieve? How many transfers has Globus supported for us? Which sites are we sharing the most data with, and how is that changing over time? How is my site using Globus to move data internally, and what kind of performance do we see for those transfers? What percentage of data transfers at my institution used Globus, and how did the overall data transfer performance compare to the Globus users?
Listen to the keynote address and hear about the latest developments from Rachana Ananthakrishnan and Ian Foster who review the updates to the Globus Platform and Service, and the relevance of Globus to the scientific community as an automation platform to accelerate scientific discovery.
Developing Distributed High-performance Computing Capabilities of an Open Sci...Globus
COVID-19 had an unprecedented impact on scientific collaboration. The pandemic and its broad response from the scientific community has forged new relationships among public health practitioners, mathematical modelers, and scientific computing specialists, while revealing critical gaps in exploiting advanced computing systems to support urgent decision making. Informed by our team’s work in applying high-performance computing in support of public health decision makers during the COVID-19 pandemic, we present how Globus technologies are enabling the development of an open science platform for robust epidemic analysis, with the goal of collaborative, secure, distributed, on-demand, and fast time-to-solution analyses to support public health.
Developing Distributed High-performance Computing Capabilities of an Open Sci...
Responsive Design and Information Architecture with Oracle Web Center Content - Introduction and Best Practices
1. REMINDER
Check in on the COLLABORATE
mobile app
RESPONSIVE DESIGN
Dmitri Khanine
Sr. Architect
ECM Solutions
http://ECMSolutions.ca
Achieving peak user productivity,
scalability and awesome response
time in Web Center Content
2. Welcome to Session 606!
■ Responsive Design
▪ What is it
▪ Principles
▪ How to use with WebCenter
■ Information Architecture
▪ What is it
▪ Principles
▪ How to use with WebCenter
■ User Experience
▪ Case Study
3. Responsive Design
■ What does it mean?
▪ Is this the design that responds to user needs?
▪ Or it assures fast response times?
▪ Or it‘s a variant of Ajax?
4. What is Responsive Design?
■ It‘s an approach to designing HTML apps that work well on a
variety of different screens
5. Responsive Design - Introduction
■ It‘s an approach, not a technology
■ Also known as ―Responsive Design Principles or RDP‖
■ Ever growing number of implementations
■ Makes Sense!
■ Often contrasted to Adaptive Web Design
6. Adaptive vs. Responsive
■ Adaptive = mobile + desktop
▪ Browser Detection is key
▪ Mobile site fits mobile
▪ Desktop site fits desktop
■ Responsive = one site that responds to it‘s environment
▪ Screen Size is key
▪ Works well on all devices
11. Browser as the reason for the design
■ ―Stop Thinking in Pages. Start Thinking in Systems.‖
Jeremy Keith
▪ Start with the needs of each browser
— Mobile
— Tablet
— Desktop
▪ Factor in connection speeds and scripting abilities
12. ‘Mobile First’ principle
■ Why?
▪ 28% of all traffic in 2013 was mobile
■ Design your mobile experience first
■ Add new elements as capabilities increase
13. Progressive Enhancement Principle
■ Start with ‗Mobile First‘
■ Add features and elements as capabilities increase
■ Think ‗Break Points‘ – screen sizes where you add
functionality
14. Break Points Example
■ Jyske Bank‘ Site
▪ Product Buttons are replaced by the product shelf at 450px
▪ Left feature on the top is added at 500px
▪ Search box replaces the search button at 750 px,
▪ Feature image is added at 850 px,
▪ Full top menu replaces a menu button at 550px,
▪ Two lines of Product Shelf joins into one at 1000 px
16. Graceful Degradation Principle
■ Opposite of Progressive Enhancement
■ Starts with your Desktop Site and takes away features to
make it work on smaller screens
▪ Resize, reposition, hide or replace heavy graphics and
JavaScript
■ Important features may disappear as User Experience is
designed based on desktop capabilities
18. The Fluid Grid
■ Use percentage sizing instead of pixels
■ No tables used for layout
▪ Use CSS positioned DIVs
■ Do not use absolute positioning. Use CSS float instead
19. Media Queries
■ CSS construct that allows page to adjust to the type of output
device
▪ Hide background and some graphics when printing
▪ Resize objects based on screen size
■ @media screen and (max-width: 480px){ .header { background:
url('img/bkg_small.jpg');} }
■ @media screen and (min-width: 481px) and (max-width: 600px){ .header{
background: url('img/bkg_med.jpg');} }
■ @media screen and (min-width: 601px){ .header{ background:
url('img/bkg_lg.jpg');} }
20. Client – Server Interaction
■ Hiding objects with CSS will not make the page load faster
▪ To tailor page to screen size use cookies or Ajax calls to set
session values
21. Using RDP with WebCenter
Practical insights and Observations
Practical insights and Observations
22. WebCenter Sites Mobility Server
■ Automatically formatting your site's content to fit the end
user's device
23. Digital Asset Manager (DAM)
■ Automatically generate various resolution sets for all types of
images
■ Have them ready for use in your design
■ Video Manager converts videos to streaming format
▪ Generates storyboard thumbnails
24. RDP with ADF
■ Can be tricky as ADF is driven by custom tags
▪ Custom tags controlled by rederkit
■ Check out John Sim‘s template for using Fluid Grid with ADFL
▪ Google for ―Fishbowl Responsive Design‖
(http://cfour.fishbowlsolutions.com/2012/08/16/webcenter-portal-
spaces-boilerplate-template-and-guide-to-responsive-design/ )
25. RDP with Site Studio
■ No serious limitations on your code
■ Do not to use Design Mode in Site Studio Designer as it may
break your code
27. Information Architecture (IA)
■ Deals with the structure of information
■ Before designing IA answer these questions:
▪ What types of information assets are you managing
▪ What are your high level Use Cases
29. Affinity to Growth
■ Design so it will continue to work when your content multiplies
by factor of 10 and more
▪ Cost of storage goes down
▪ More content comes in then gets disposed
30. Content as an Object
■ Content is a living thing
▪ Lifecycle – expiry, seasonal etc
▪ Attributes
■ Think content types and relationships
31. The choice dilemma
■ Large number of choices make it hard for us to decide
■ (Small, focused lists are the answer)
32. Gradual Disclosure
■ Only show enough information for people to understand what
comes next and make a decision
■ Think layers
▪ Start with a list of short descriptions
or snippets
▪ These will lead to the item
■ Google is a perfect example
33. Show by example
■ "Describe the content of categories by showing examples of
content―
Dan Brown
34. Arbitrary point of entry
■ Assume that 50% of your visitors will NOT use your home
page
▪ Your site template have all required navigation
▪ Every page needs to show what other content is also available
■ Home page should not be the do all page
▪ Focus on welcoming and properly introducing new users
35. DIVERSE CLASSIFICATION
■ People use different ways when they‘re looking for
information
▪ Gmail has moved away from folders and uses labels
▪ Think online store – browse by size, color and type.
■ Taken too far - may overwhelm and confuse your users
36. Rethink your nav
■ Most shops refer to navigation elements by location
▪ Names like Top Nav, Left Nav make you miss the purpose
▪ Try using
— ‗Department Nav‘ instead of the ‗Top Nav‘
— ‗Topic Nav‘ instead of the ‗Left Nav‘
38. User Experience Management (UEM)
■ An overarching topic – including
▪ Information Architecture
▪ Your design
▪ Information flows
▪ Usability
■ Start with your Use Cases!
39. Case Study: Improving User Experience
with Oracle Content Server
■ Content Server UI is a frequent target for end user
complaints...
40. Our findings
■ We began by studying Use Cases
▪ Main information flow:
Search > Content Information > Document Preview
■ Main problem – a lot of waiting:
▪ Click on the link and wait
▪ Then go back and wait for results to load again
▪ Find the row you just clicked on and click on the next one
41. Screen Layout
■ Use of screen real estate can be greatly improved
▪ 20 rows per screen and nothing else:
42. Pagination
■ May work well on a web site, but problematic in a web app
▪ Going to the next page involves waiting.
▪ Mass update operations that span multiple pages have to be
performed multiple times (for each page)
▪ Risk of error – as you have to repeat update instructions for
every page
43. New UI
■ More information on the screen means less waiting:
44. New features
■ Seamless scroll with lazy load
■ Almost twice as many rows on the screen without feeling
crowded
■ Document Preview and Content Information without leaving
Search Results
45. Checkboxes – be gone!
■ Windows style selection:
▪ Ctrl and Shift allows multiple selection
46. Context Sensitive Menus
■ Context Menu changes based on the number of items and
type of items selected:
47. Iteratively refinement of search criteria:
■ Allows users to tweak their criteria without leaving the form:
48. New Content Server Web UI
■ Why didn‘t we use the new Web UI?
▪ Web UI requires 11g
▪ Project took place before Web UI was available
▪ Our UI still works better for the type of information they
managing:
50. Conclusion
■ Mobile browsing becomes mainstream
▪ Consider using Responsive Design on your sites
▪ Information Architecture becomes more critical as amounts of
information grows
▪ Think Use Cases and Information Flows before designing your
site or your web app
51. About Us
■ ECM Solutions does
▪ Oracle WebCenter Implementation, Support and Training
■ We also
▪ Help you ―Awe Your Business Users‖ with Dynamic User
Interfaces
■ Check www.ecmsolutions.ca for real life user stories
52. Please complete the session
evaluation on the mobile app
We appreciate your feedback and insight
This box will have simplified instructions about how
to complete the session evaluation online