Responsible Web Design A Pragmatic Approach to Website Design for Multiple Devices
|
|
- Cordelia Morris
- 8 years ago
- Views:
Transcription
1 Responsible Web Design A Pragmatic Approach to Website Design for Multiple Devices
2 2 Responsible Web Design A Pragmatic Approach to Website Design for Multiple Devices Executive Summary There are different strategies for meeting market demand for suitable content presentation on the wide variety of digital devices in use today. One strategy is to make the web pages responsive so the web page layout changes when the content is accessed with devices of different screen dimensions. Another strategy, practiced by, is to serve adaptive web content that is customized for specific types of devices, taking into account screen size, user controls (touch screen/gesture, mouse, voice controls), and differences in activities (whether reading or searching is dominant, for example). follows the philosophy of adaptive web design by serving content adapted for a publisher s demographics using the best technology for the site requirements, of which page layout is only one dimension. Though uses aspects of responsive web design when appropriate, we believe that at this time responsive web design, even with progressive enhancement, doesn t meet the entire needs of our publishers, for their mobile users in particular. Responsive web design is secondary to responsible web design that starts from the consideration of the publisher s business goals and encompasses the user experience. Some high-level technical descriptions and trends for publishers are covered in this white paper. Publishers of many kinds of content are taking an adaptive approach, to provide optimum user experience. Adaptive content automatically responds to the screen size and orientation of any device, but goes further by displaying relevant content that takes full advantage of the specific capabilities of the device being used. Charles Cooper, The Language of Content Strategy Graphic courtesy of Scott Abel, from his webinar March Mobile Devices and the Need for Adaptive Content, copyright 2014 The Content Wrangler
3 3 3 The changing landscape of content presentation Trends in mobile use for academic publishers have been upwards over the past two years, reflecting the overall uptick in mobile use, but mobile use is still usually less than 10% of overall content access for journals using s Literatum platform 1. Even tablet use is not strong compared with fullscreen devices (laptop/desktop). So while academic publishers must keep an eye on the trend, they have some time to decide on their strategy for phone and tablet support. The ipad has been the favored tablet device for viewing Literatum sites, followed by Android devices such as Galaxy Tab. There is some evidence that Android has been gaining share of the tablet users, but this varies by market. Phone, tablet and desktop: differences in behavior for journal users Disregarding Literatum sites specifically, and looking at publishers sites widely, academic publishers find that users in-depth reading experience is generally on the desktop devices, while mobile devices are used for more short, focused activities such as grabbing a citation or looking at a new article based on an alert. Tablet behavior depends on the site setup; for repurposed full-screen websites laid out like magazines, the user may swipe through many pages in a manner similar to using a full-screen device, although they may have to scroll or pinch/zoom to see all the content. If the site has been designed to optimize the tablet experience, the horizontal or vertical page layout will adjust to reduce scrolling and zooming, which reduces the need for pinching/zooming. For the vast majority of scholarly content consumers, reading of electronic journals predominantly takes place on computer screens or on printed versions of page facsimiles, not on reading devices. 2 On phones, navigation to get the latest content is the most important feature, as users want to have only a few taps between themselves and the content view they want (whether it is Ahead of Print, the current issue, an alert for an update to an article whose citation they have tracked, or news from the publisher or scholarly organization). Timeliness is the value, and mobile users may like to bookmark content for later reading on a larger device rather than attempt to read full articles on the phone. Content layout via the browser versus from the server The premise of responsive web design (RWD) is that a website can adjust page layout depending on the device on which the site is viewed. RWD can make a single website design work on multiple devices. For different device screen sizes (referred to as viewports ), the user may see one, two or three columns of text, with navigation at the top or side. Each viewport is supported by content tagging and styles that are defined for a given viewport. For example, if there are four major targeted viewports, then the site includes code for all four viewports. When one viewport is used to access the site (browsing online, via ipad or Nook, or on a phone), the code for the others is still within the page being shown. Sometimes content for a different viewport design is hidden from view. 1 Based on internal analysis of Literatum sites. 2
4 4 Pages with columns Page layouts created with responsive design often have breakpoint dimensions, which can be seen by resizing a browser window. As the browser becomes narrower, a layout may snap from 3 columns to 2 columns and the text will reflow. With careful design, the settings for breakpoint dimensions can be set up for viewport dimensions of major devices such as the ipad, Galaxy Tab, Kindle Fire, etc. For phones, the layout snaps to a single column and navigation may be repositioned (floated) to the top of the screen if it was on the side in layouts for other viewports. For the ipad, there may be different layouts for horizontal and vertical orientation of the device in the user s hands. This ability to adjust the page layout depends on utilizing flexible layout grids built with Cascading Style Sheets (CSS). Tablet site designs can be either a repurposing of the full site page design (whether using responsive web design or not) or purpose-built to the viewport, depending on the type of content and the typical users behavior patterns. Even if a tablet page appears to have a different layout in vertical or horizontal view, it may not be using responsive design to achieve that there are sometimes completely separate pages for vertical and horizontal ipad layouts, for example. 3 (This is most common in magazine layouts with a high degree of design styling.) The best responsive designs don t simply juggle content around on the page, but also consider the navigation, display of images and content usage, including bringing more mobilepertinent content to the fore when a design is squeezed into a smartphone-sized screen. 4 One layout doesn t fit all Mobile phone designs, due to their restrictive screen sizes, don t work well with multi-column page layouts. A single linear scrolling view of content is the typical user experience on a phone. If a multicolumn page design is used for mobile phone viewports, there needs to be code to hide some content that would otherwise distract a user from the most direct path to the desired content. Along with the page layout, images may be resized to fit in different column widths using code that checks the viewport to resize images. CSS can also be used to crop an image from one or multiple sides to provide a specific view of the image content for each viewport. Sometimes resizing or cropping doesn t provide the best image resolution for the device. Having several options to scale and crop images in CSS might not be enough. Do you really need to take up all of a visitor s mobile bandwidth because you don t have a smaller version of an image? To better serve users, flexible images might mean using an alternative image or even no image at all. 5 The same issues apply to video; a single video format might not be great to view on all devices. Building up from mobile design Because of the difficulty of making full-size multi-column page designs work for mobile phones, there is a great emphasis for responsive web design in starting from the mobile phone page design and adding more content, visuals and other aspects of the site for larger viewports. This is called progressive enhancement. 6 Done well, the site that is achieved for the mobile device can provide a great starting point for a full site. 3 See discussion of Alternate layouts for Adobe InDesign software
5 5 presentation of content in different order Content order may need to vary, which is harder to do with responsive CSS than with adaptive coding. Graphic courtesy of Scott Abel The Content Wrangler from webinar com/webcast/9273/ A progressively enhanced responsive site can make mobile delivery its focus. Designers and developers need to understand mobile interactivity as well as user preferences to develop progressive enhancement sites. Thoughtfully adding to the design to create the larger format pages for tables and fullscreen viewports takes time and lots of planning, but it can pay off. Academic publishers, since they typically serve a user population that prefers to read the PDF or full text on a full-screen device, would have difficulty in adopting a progressive enhancement design practice. Often, they extract content from print layouts for use in their web sites and make mobile content then. They already have a desktop site, and it may not be cost effective to redesign their sites from mobile up to full screen. It s a common misconception that responsive page design is easy, but done right, it s a complete rethinking of how users will receive the best experience for each device they use. 7 Adaptive web pages versus responsive web design A responsive page design adjusts when the browser is resized or a different viewport size is used. There are other technologies, which are needed for refining the user experience with enhanced interaction. Writing code specifically for user interactions involves checking the OS of the device, the browser features, and user preferences while providing the content. The enhanced code makes the pages adapt to the user experience, thus this type of site design is called adaptive design (and it requires more specialized development than responsive design). Here is an overview of the differences between adaptive and responsive web design: Adaptive web design (AWD) can use server-side or client-side code to detect the device, and serves separate HTML, using CSS to modify the presentation of a web site based on screen size. Information is pre-selected so that only the optimized assets for the device are downloaded. Multiple page templates are designed specifically for each device. 7 It s not just about layout anymore: a responsive redesign will raise challenges with your current design, development, and publishing processes. workshop/
6 6 AWD uses a lot of code, scripting the interactivity for each device according to its features and functions. Thus it requires more sophisticated developers who know a lot about device functionality such as gestural (tap/swipe) and voice navigation for tablets and mobile phones, as well as mouse cursor movements and clicks for traditional desktop interaction. By contrast, responsive web design (RWD) uses media queries to detect the device, then serves the same web pages to all devices. All assets are downloaded regardless of whether they are used for the device or not. A single set of page templates is used, which includes code to change the page layout depending on the device used. RWD may use some scripting to show/hide parts of the content according to what should be prominent on a device, but it is difficult to optimize scripting for all the different user interactions for mobile, tablet and desktop with this approach, while still maintaining site performance. AWD can be much faster than RWD: we recently completed an analysis of 15 popular responsive e-commerce sites. Among these sites, the home pages loaded an average of 87 resources and 1.9 MB of data. Some responsive pages were as big as 15MB. The numbers are that high because a responsive approach covers all devices. Your user is only using one device, but they have to wait for all of the page elements and resources to load before they can use it. Put simply, performance affects your bottom line. On smartphones, the conversion rate drops by an extra 3.5 percent when users have to wait just one second. By the three second mark, 57 percent of users will have left your site completely. While responsive design is fast becoming the de facto standard, it also creates new challenges for online businesses, including how to handle images, how to optimize mobile performance and often means sites need to be rebuilt from the ground up with a mobile first approach. 8 If you need to choose between your designer and your user, pick the user. From Maximiliano Firtman s webinar, Performance for Responsive Web Design, When performance is the goal, the adaptive approach will provide the means, because it will not overload the mobile device with unused CSS code or oversized media assets. There can be tension between competing desires for specific design layouts and what performs the best for users. Experts advise pursuing the best user experience over the page layout. AWD and Literatum for Mobile There are typically three groups of devices and ways of using a publisher s site (desktop, tablet and phone), thus three distinct site templates are ideal. Each template will have page layouts that are best suited to the viewports, plus scripting and CSS which provides the appropriate media assets and interactivity. Designers can reuse many design elements (fonts, colors, logos, UI icons) and page areas (header, footer, navigation, main content, tabs) for all designs. However, the specific way that the pages respond can be coded for the group of devices that a specific template serves. Literatum for Mobile (LfM) is a web app in which the page templates and code are developed to work together for optimum performance on mobile devices. For tablet viewing, Literatum for Mobile customers have a choice of either the full web site page layout or the mobile layout for the user experience (by setting up a configuration). The end-users of the website on a mobile device always gets the option to switch between the tablet/phone (whichever is applicable) and desktop layouts, when LfM is enabled for a given site. 8 the-two-flavors-of-a-one-web-approach-responsive-vs-adaptive/
7 7 s Literatum platform serves distinct templates optimized for each device. Shown here are (left to right) desktop, tablet, and phone views of a journal page on Taylor & Francis Online. Each layout is customized, taking into account screen size, user controls, and user behavior. Determining the criteria for site design changes Reporting helps publishers understand their users behavior and target their sales and marketing, but it also helps to track trends. Metrics can be tracked for an academic publisher s site on Literatum to see how often users are accessing content from the mobile device or a tablet OS compared to full-screen devices. If the publisher sees a steady increase in mobile use, then the decision to create mobile-optimized delivery can be made. At what point the publisher will see enough shift in user behavior to consider a design change depends entirely on the publisher s business model. Demographic trends in device use are harder to pinpoint, to understand whether the primary user population is shifting the type of device that they use. A publisher may be able to make some deductions based on whether the content is accessed from a college or a research institution. General trends in markets may help, such as the preference for doctors to use ipads 9, when a medical journal is considering design aspects of their content delivery. Tracking Literatum metrics over time may show that use of a specific OS is declining at the same time that use of another is rising, relative to total use. If Android is gaining on Apple, that may call for different design decisions than if tablets overall are gaining use while desktop/laptop use it declining. Each journal is likely to see different trends. Deciding when to change strategy Cost-benefit analysis depends on the features that an academic publisher expects for their full site, and the user interaction with content from different devices. Ideally, the user feels at home on the site with familiar looks and appropriate feel, regardless of which device they use. An academic publisher should be thinking about these aspects of content delivery for the mobile user, tablet user and full-screen user: Are all of the device users getting the content that is best suited to their needs at the moment of access? Is there unnecessary content being delivered to any device users? Is the desired interaction provided according to the input device mouse, keyboard, figure, gesture, voice? 9
8 Is the user authenticated, recognized and provided with feedback that is appropriate, whichever device is being used? Performance in delivering content, a trusted home for the user these factors are crucial for gaining and retaining users. Maintaining competitive position for content delivery may mean using a native mobile application as long as mobile web browser-based applications can t deliver the best experience by resizing full pages of a website. If a publisher would have to redesign their full site with progressive enhancement and responsive web design features from the bottom up, that may be more costly than building and maintaining a mobile app. while maintaining our focus on performing in support of a publisher s business goals. Our opinion at this time is that responsive web design, even with progressive enhancement, doesn t fully address the needs of our publishers, for their mobile users in particular. Providing an optimized experience will require a responsible web design mobile solution that serves content which adapts to the specific device using the best technology for the site requirements. For more information To find out more about Literatum and Literatum for Mobile, contact info@atypon.com. Conclusion is committed to continually evaluating the technologies and design practices that will work the best for clients on the Literatum and Literatum for Mobile platforms. We will use aspects of responsive web design or any other methods when appropriate, 5201 Great America Parkway Suite 510 Santa Clara CA USA T F Seventh Avenue 5th Floor New York NY USA T F Hitching Court Blacklands Way Abingdon OX14 1RG United Kingdom T F About delivers innovative solutions that revolutionize the way publishers and media organizations do business. Literatum, s flagship SaaS epublishing platform, provides all of the functionality that professional and scholarly publishers need to compete in the digital world, including advanced search and information discovery, access control, e-commerce, advertising, and reporting. RightSuite, s enterprise access and e-commerce solution, enables publishers and media organizations to monetize their digital content, experiment with new business models, and optimize revenue streams. Copyright 2014, Systems, Inc.
Sizmek Formats. IAB Mobile Pull. Build Guide
Sizmek Formats IAB Mobile Pull Build Guide Table of Contents Overview...3 Supported Platforms... 6 Demos/Downloads... 6 Known Issues... 6 Implementing a IAB Mobile Pull Format...6 Included Template Files...
More informationPrinciples of Web Design 6 th Edition. Chapter 12 Responsive Web Design
Principles of Web Design 6 th Edition Chapter 12 Responsive Web Design Objectives Recognize the need for responsive web design Use media queries to apply conditional styles Build a basic media query Create
More informationIntroduction to Windows 8
Introduction to Windows 8 Windows 8 is a completely redesigned operating system developed from the ground up with touchscreen use in mind as well as near instant-on capabilities that enable a Windows 8
More informationPutting the Design in Responsive Design Best Practices Guide
Putting the Design in Responsive Design Best Practices Guide Putting the Design in Responsive Design Best Practices Table of Contents Introduction....3 Understanding Responsive Website Design....4 User
More informationSUCCESSFUL, EASY MOBILE EMAIL DESIGN HOW TO CREATE MOBILE-READY EMAIL. brought to you by Campaigner
SUCCESSFUL, EASY MOBILE EMAIL DESIGN HOW TO CREATE MOBILE-READY EMAIL brought to you by Campaigner The Mobile Puzzle For email marketers, smartphones present a puzzle. The devices are widely used to read
More informationResponsive Web Design (RWD) Best Practices Guide Version: 2013.11.20
Responsive Web Design (RWD) Best Practices Guide Version: 2013.11.20 This document includes best practices around responsive web design (RWD) when developing hybrid applications. Details on each checklist
More informationCreating mobile layout designs in Adobe Muse
Creating mobile layout designs in Adobe Muse Using Adobe Muse, you can create site layouts for web content to be displayed on desktop, smartphones, and tablets. Using the mobile design features, you can
More informationGenerate Android App
Generate Android App This paper describes how someone with no programming experience can generate an Android application in minutes without writing any code. The application, also called an APK file can
More informationTrends Report: Mobile Participation in Online Surveys
WHITE PAPER Trends Report: Mobile Participation in Online Surveys Aaron Jue, Market Research Director, FocusVision Over the past several years, one of the most important trends in market research has been
More informationPlanning a Responsive Website
Planning a Responsive Website Planning a website is important for both web designers and website owners. Planning your website before you start building it can save you time, keep your site code more accurate
More informationA GUIDE TO MOBILE EMAIL
A GUIDE TO MOBILE EMAIL UNDERSTANDING THE WHAT, HOW & WHY TABLE OF CONTENTS EMAILS OPENED ON MOBILE? 1 Email open market share 2011-2013 WHAT DOES THIS MEAN? 2 FIRST THINGS FIRST 2 From and Subject Lines
More informationUNDERSTANDING RESPONSIVE DESIGN A SOLUTION FOR PUBLISHERS AND ADVERTISERS IN A MULTI-SCREEN WORLD. standout brand experiences
UNDERSTANDING RESPONSIVE DESIGN A SOLUTION FOR PUBLISHERS AND ADVERTISERS IN A MULTI-SCREEN WORLD INTRODUCTION As the penetration and use of mobile devices continues to increase, publishers and advertisers
More informationBryteWave K-12 Edition
BryteWave K-12 Edition BryteWave K-12 Edition delivers a consistent reading environment whether you are reading from your desktop, tablet, or smartphone. Click the Follett Shelf icon in the top-left corner
More informationseparate the content technology display or delivery technology
Good Morning. In the mobile development space, discussions are often focused on whose winning the mobile technology wars how Android has the greater share of the mobile market or how Apple is has the greatest
More informationResponsive Web Design: Is It Worth It?
Responsive Web Design: Is It Worth It? (Adapted from " Responsive Web Design," by EyeImagine, LLC, December 2012, www.eyeimaginetech.com) Introduction Responsive Web Design is generating a lot of buzz
More informationGauge Drawing Tool... 8. Slider Drawing Tool... 8. Toggle Button Drawing Tool... 8. One-Way List Drawing Tool... 8
v. 20120510 Table of Contents RTiPanel Overview and Requirements... 3 Software Requirements:... 3 Hardware Requirements:... 3 Network Requirements:... 3 Licensing Requirements:... 4 Basic Integration Designer
More informationResponsive design and its role in your ecommerce website plan
WHITE PAPER Responsive design and its role in your ecommerce website plan Practical advice and technical tips to speed your move to multi-channel commerce INTRODUCTION Today, mobility is the way to go.
More informationResponsive Web Design. birds of feather
Responsive Web Design birds of feather Approaches to Mobile Development 1. No Mobile Approach 2. Native Mobile Applications 3. Mobile Websites 4. Responsive (universal) design No Mobile Approach Website
More informationMerchandising with Adobe Digital Publishing Suite
Merchandising with Adobe Digital Publishing Suite Drive additional revenue through a Custom Store with Digital Publishing Suite, Enterprise Edition Table of contents 1: Business advantages of a Custom
More informationResponsive Web Design. vs. Mobile Web App: What s Best for Your Enterprise? A WhitePaper by RapidValue Solutions
Responsive Web Design vs. Mobile Web App: What s Best for Your Enterprise? A WhitePaper by RapidValue Solutions The New Design Trend: Build a Website; Enable Self-optimization Across All Mobile De vices
More informationMobile Web Site Style Guide
YoRk University Mobile Web Site Style Guide Table of Contents This document outlines the graphic standards for the mobile view of my.yorku.ca. It is intended to be used as a guide for all York University
More informationMAGENTO THEME SHOE STORE
MAGENTO THEME SHOE STORE Developer: BSEtec Email: support@bsetec.com Website: www.bsetec.com Facebook Profile: License: GPLv3 or later License URL: http://www.gnu.org/licenses/gpl-3.0-standalone.html 1
More informationHistory Explorer. View and Export Logged Print Job Information WHITE PAPER
History Explorer View and Export Logged Print Job Information WHITE PAPER Contents Overview 3 Logging Information to the System Database 4 Logging Print Job Information from BarTender Designer 4 Logging
More informationResponsive Versus Adaptive Web Design
White Paper Responsive Versus Adaptive Web Design A development approach comparison Authors Sriram Ramanathan, Chief Technology Officer Matthew Trevathan, Director of Product Platform Development Amit
More information<Insert Picture Here>
Oracle Application Express: Mobile User Interfaces Marc Sewtz Senior Software Development Manager Oracle Application Express Oracle USA Inc. 520 Madison Avenue,
More informationMobile Strategy and Design
Mobile Strategy and Design A Guide for Publishers December 5, 2011 www.xtenit.com US: 01.877.XTENIT.1 International: 01.212.646.9070 Overview This paper outlines mobile strategies and deployment guidelines
More informationResponsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature
Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Now that you know the basic principles of responsive web design CSS3 Media Queries, fluid images and media, and fluid grids, you
More informationTHE SAS OUTPUT DELIVERY SYSTEM: BOLDLY TAKE YOUR WEB PAGES WHERE THEY HAVE NEVER GONE BEFORE! CHEVELL PARKER, SAS INSTITUTE INC.
THE SAS OUTPUT DELIVERY SYSTEM: BOLDLY TAKE YOUR WEB PAGES WHERE THEY HAVE NEVER GONE BEFORE! CHEVELL PARKER, SAS INSTITUTE INC. Copyright 2012, SAS Institute Inc. All rights reserved. Overview Mobile
More informationIAB Full page flex Mobile Rising Star Ad Unit
IAB Full page flex Mobile Rising Star Ad Unit Style Guide and Tech Specs Created By IAB Full Page Flex Ad Unit - Style Guide and Tech Specs. V3 January 2013 0 I. Description The IAB Full page flex Ad Unit
More information1. About the Denver LAMP meetup group. 2. The purpose of Denver LAMP meetups. 3. Volunteers needed for several positions
1. About the Denver LAMP meetup group 1.Host a presentation every 1-3 months 2.Cover 1-3 related topics per meeting 3.Goal is to provide high quality education and networking, for free 2. The purpose of
More informationResponsive Design How to get started
Responsive Design How to get started Website traffic from mobile devices has grown significantly year over year prompting marketers to include responsive website design into their digital marketing strategy.
More informationAbout Kobo Desktop... 4. Downloading and installing Kobo Desktop... 5. Installing Kobo Desktop for Windows... 5 Installing Kobo Desktop for Mac...
Kobo Touch User Guide TABLE OF CONTENTS About Kobo Desktop... 4 Downloading and installing Kobo Desktop... 5 Installing Kobo Desktop for Windows... 5 Installing Kobo Desktop for Mac... 6 Buying ebooks
More informationGetting started with Adobe Reader
Getting started with Adobe Reader Adobe Reader is the gold standard for reliably viewing PDF documents on Android phones and tablets. Let s take a look at the ways you can use PDF documents with Adobe
More information... Asbru Web Content Management System. Getting Started. Easily & Inexpensively Create, Publish & Manage Your Websites
Asbru Ltd Asbru Ltd wwwasbrusoftcom info@asbrusoftcom Asbru Web Content Easily & Inexpensively Create, Publish & Manage Your Websites 31 March 2015 Copyright 2015 Asbru Ltd Version 92 1 Table of Contents
More informationMantano Reader for Android
Mantano Reader for Android User Manual - Version 1.6.1 October 20, 2011 2 rue du Helder 75009 Paris T +33 (0)1 42 47 05 61 F +33 (0)9 81 38 49 19 E contact@mantano.com W www.mantano.com Mantano Reader
More informationConnecting Your Device to a Wireless Network
Connecting Your Device to a Wireless Network This manual is designed to be a tutorial for our customers seeking to connect their electronic devices to their home Internet network. This manual will include
More informationParallels Remote Application Server
Parallels Remote Application Server Parallels Client for Windows Phone User's Guide v15 Copyright 1999-2016 Parallels IP Holdings GmbH and its affiliates. All rights reserved. Parallels IP Holdings GmbH
More informationC D L R U S E R I N T E R F A C E & W E B S I T E R E D E S I G N B R I E F. The Toolbar
Paul Heussner The Center for Distance Learning Research February 2008 C D L R U S E R I N T E R F A C E & W E B S I T E R E D E S I G N B R I E F This brief is designed for the CDLR management and programming
More informationUnderstanding Responsive Web Design (RWD) & Environment Aware Component Design Version: 2013.11.21
Understanding Responsive Web Design (RWD) & Environment Aware Component Design Version: 2013.11.21 Contents Contents Checklist Planning Responsive Web Design Overview What is responsive design? When should
More informationCitrix Receiver for Enterprise Applications The technical detail
Citrix Receiver for Enterprise Applications Technical White Paper Citrix Receiver for Enterprise Applications The technical detail This technical paper details a solution that lets on-the-road personnel
More informationAxxon Monitor. User Manual
Axxon Monitor by DComplex LLC User Manual This document has the latest documentation about the Axxon Monitor, iphone/ipad app by DComplex LLC, for monitoring Axxon Intellect Video Management System. Download
More informationSelectSurvey.NET Developers Manual
Developers Manual (Last updated: 6/24/2012) SelectSurvey.NET Developers Manual Table of Contents: SelectSurvey.NET Developers Manual... 1 Overview... 2 General Design... 2 Debugging Source Code with Visual
More informationSetting Up groov Mobile Apps. Introduction. Setting Up groov Mobile Apps. Using the ios Mobile App
Introduction Using the ios Mobile App Opto 22 s free groov View apps for ios and Android allow you to use View for one or more groovs on your smartphone or tablet in full-screen mode without the address
More informationResponsive and Adaptive Web Design. Responsive & Adaptive websites-respond to the user s device by showing an optimized view.
Responsive and Adaptive Web Design Responsive & Adaptive websites-respond to the user s device by showing an optimized view. Web Design Assumptions Are Changing Rapidly Making a desktop layout small is
More informationVirtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.
28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML
More informationHow To Change Your Site On Drupal Cloud On A Pcode On A Microsoft Powerstone On A Macbook Or Ipad (For Free) On A Freebie (For A Free Download) On An Ipad Or Ipa (For
How-to Guide: MIT DLC Drupal Cloud Theme This guide will show you how to take your initial Drupal Cloud site... and turn it into something more like this, using the MIT DLC Drupal Cloud theme. See this
More informationAdobe Summit 2015 Lab 718: Managing Mobile Apps: A PhoneGap Enterprise Introduction for Marketers
Adobe Summit 2015 Lab 718: Managing Mobile Apps: A PhoneGap Enterprise Introduction for Marketers 1 INTRODUCTION GOAL OBJECTIVES MODULE 1 AEM & PHONEGAP ENTERPRISE INTRODUCTION LESSON 1- AEM BASICS OVERVIEW
More informationBrief Guide v0.3. Based on Android Version 1.7.6.1. Work in Progress
Brief Guide v0.3 Based on Android Version 1.7.6.1 Work in Progress File Manager ❾ ❿ ❺ ❻ ❼ ❽ ⓫ Manage files create folder, rename, delete, copy or move files and folders Import files and folders to My docs
More informationResponsive Web Design: Single Design for multiple devices - A case with UNISWA Library website. John Paul Anbu K.
Responsive Web Design: Single Design for multiple devices - A case with UNISWA Library website John Paul Anbu K. Introduction Proliferation of different devices to access internet Desktops Tablets Smart
More informationAppointment Scheduler
EZClaim Appointment Scheduler User Guide Last Update: 11/19/2008 Copyright 2008 EZClaim This page intentionally left blank Contents Contents... iii Getting Started... 5 System Requirements... 5 Installing
More informationSage CRM. Sage CRM 2016 R1 Mobile Guide
Sage CRM Sage CRM 2016 R1 Mobile Guide Contents Chapter 1: Introduction to Sage CRM Mobile Solutions 1 Chapter 2: Setting up Sage CRM Mobile Apps 2 Prerequisites for Sage CRM mobile apps 3 Enabling users
More informationRESPONSIVE WEB DESIGN
WHITE PAPER December 2012 RESPONSIVE WEB DESIGN A QUICK INTRODUCTION Responsive Web Design is generating a lot of buzz among web designers. What s all the fuss about? facing Responsive Design and total
More informationA Beginners Guide To Responsive, Mobile & Native Websites 2013 Enhance.ie.All Rights Reserved.
A Beginners Guide To Responsive, Mobile & Native Websites 2013 Enhance.ie.All Rights Reserved. 1 The Mobile Web refers to access to the world wide web, i.e. the use of browser-based Internet services,
More informationWeb Standards. Chapter Organization To better organize this chapter, topics are grouped according to content, design and technical criteria.
Overview This chapter addresses the University of San Diego s web standards, which are used to create consistency among university web pages and tie the university s website to its printed materials and
More informationWhat is a Mobile Responsive Website?
More and more of your target audience is viewing websites using smart phones and tablets. What is a Mobile Responsive Website? Web Design is the process of creating a website to represent your business,
More informationFrequently Asked Questions for the USA TODAY e-newspaper
Frequently Asked Questions for the USA TODAY e-newspaper Navigating the USA TODAY e-newspaper A look at the toolbar Toolbar Functions, Buttons, and Descriptions The tab marked Contents will take the e-reader
More informationEnd User Guide. July 22, 2015
End User Guide July 22, 2015 1 Contents Quick Start 3 General Features 4 Mac/Windows Sharing 15 Android/ ios Sharing 16 Device Compatibility Guide 17 Windows Aero Theme Requirement 18 2 Quick Start For
More informationSetting up Wireless ipad Control of your DEWETRON Computer-based System
Setting up Wireless ipad Control of your DEWETRON Computer-based System There are a few important things that you need to do in order to use remote desktop applications, such as the itap RDP on the new
More informationResponsive Design for Enterprise. July 2012
Responsive Design for Enterprise July 2012 Contents Progressive enhancement 3 Responsive design 6 Combine the two 23 Lessons Learned: Deloitte Digital website 27 Impact on Time and Cost 39 Responsive Design
More informationCustomising Your Mobile Payment Pages
Corporate Gateway Customising Your Mobile Payment Pages V2.0 May 2014 Use this guide to: Understand how to customise your payment pages for mobile and tablet devices XML Direct Integration Guide > Contents
More informationMicrosoft Office System Tip Sheet
The 2007 Microsoft Office System The 2007 Microsoft Office system is a complete set of desktop and server software that can help streamline the way you and your people do business. This latest release
More informationRepublic Polytechnic School of Infocomm C308 Web Framework. Module Curriculum
Republic Polytechnic School of Infocomm C308 Web Framework Module Curriculum This document addresses the content related abilities, with reference to the module. Abilities of thinking, learning, problem
More informationWritten by: Doug Schust, WSI Digital Marketing Expert
Written by: Doug Schust, WSI Digital Marketing Expert Responsive web design is generating a lot of buzz in the digital marketing space these days, even among the guru web designers. So what s all the excitement
More informationAirangel s WiFi Portal Best Practice Guidelines Get the most out of your WiFi infrastructure
CONTROL PERSONALISE SOCIALISE www.airangel.com Airangel s WiFi Portal Best Practice Guidelines Get the most out of your WiFi infrastructure Contents Why is my portal design so important? Page 03 - You
More informationDownload and Read ebooks
Download and Read ebooks Many ebooks are available online, and as well as being read on ereaders and tablets (e.g. ipads) they may be downloaded and read on your computer. Books which have been scanned
More informationAdobe Reader 7.0 Frequently Asked Questions for Digital Edition Users
FAQ Adobe Reader 7.0 TOPICS 1 General 4 Adobe DRM 4 digital edition support 4 Activation 5 Mac OS support 6 PDA support General Q: What is a digital edition (formerly known as an ebook)? A: A digital edition
More informationUsing the Jive for ios App
Using the Jive for ios App TOC 2 Contents App Overview...3 System Requirements... 4 Release Notes...5 Which Version Am I Using?... 6 Connecting to Your Community... 11 Getting Started...12 Using Your Inbox...13
More information38 Essential Website Redesign Terms You Need to Know
38 Essential Website Redesign Terms You Need to Know Every industry has its buzzwords, and web design is no different. If your head is spinning from seemingly endless jargon, or if you re getting ready
More informationResponsive Design How to get started
Best Practices Guide Responsive Design How to get started oho.com 617 499 4900 @ohointeractive Website traffic from mobile devices has grown significantly year over year prompting marketers to include
More informationWhat is a Mobile Responsive Website?
Moreandmoreofyourtargetaudienceis viewingwebsitesusingsmartphonesand tablets. What is a Mobile Responsive Website? Web Design is the process of creating a website to represent your business, brand, products
More informationLETTERS, LABELS & EMAIL
22 LETTERS, LABELS & EMAIL Now that we have explored the Contacts and Contact Lists sections of the program, you have seen how to enter your contacts and group contacts on lists. You are ready to generate
More informationDROOMS DATA ROOM USER GUIDE. www.drooms.com
USER GUIDE www.drooms.com USER GUIDE Dear User, Whether simply reviewing documentation, sending queries during the due diligence process or administering a data room yourself, Drooms is the software solution
More informationResponsive Email Design Guide. The fundamentals of designing and building mobile optimized email
Responsive Email Design Guide The fundamentals of designing and building mobile optimized email With the rapid increase of smartphone and tablet adoption, mobile email opens are growing exponentially every
More informationGoodReader User Guide. Version 1.0 GoodReader version 3.16.0
GoodReader User Guide Version 1.0 GoodReader version 3.16.0 Contents Operating GoodReader 1 Send PDF files to Your ipad 2 Copy Files with itunes 2 Copy Files to a Cloud Service 5 Download Files from the
More informationDigital Asset Management
Digital Asset Management Managing the complexity of digital assets to support your business Product images, streaming video, sound bites, logos, Flash animations, presentations, web pages these days, digital
More informationPDF Expert for ipad User guide
PDF Expert for ipad User guide 2011 Readdle Inc. 2 Contents Introduction Chapter 1: Copying documents to PDF Expert USB file transfer using itunes File Sharing Saving attachments from Mail and other ipad
More informationCREATING RESPONSIVE UI FOR WEB STORE USING CSS
CREATING RESPONSIVE UI FOR WEB STORE USING CSS Magdalena Wiciak Bachelor s Thesis May 2014 Degree Programme in Information Technology Technology, communication and transport DESCRIPTION Author(s) WICIAK,
More informationMobile Friendly Email Design
Mobile Friendly Email Design Create emails that look good on every device. A guide by Mobile friendly email design Contents Why Design for Mobiles?...3 You Must Optimise for Mobiles...4 Mobile User s Behvaiour...5
More informationLIBRARY MEMBER USER GUIDE
LIBRARY MEMBER USER GUIDE CONTENTS PAGE Part 1) How to create a new account... 2 Part 2) How to checkout a magazine issue... 4 Part 3) How to download Zinio Reader 4... 10 a) For your PC... 10 b) For your
More informationMobile Responsive Web Design
Mobile Responsive Web Design By InternetMarketingDirect Mike Mckay mikem@imarkdirect.com http://imarkdirect.com 1 Recommended Resources Social Media Marketing Done For You! SocialGratification.com You
More informationDigital and Mobile Advertising Specs. Preparing elements that increase revenue and improve results
Digital and Mobile Advertising Specs Preparing elements that increase revenue and improve results Digital and Mobile Offerings According to emarketer, spending on digital advertising will experience double-digit
More informationNews in a Mobile World
News in a Mobile World About This Series The business of news continues to change at an astonishingly rapid pace. Like our local news partners, CNN must stay ahead of evolving consumer preferences, new
More informationMobile Communicator for Mobile Devices
Mobile Communicator for Mobile Devices Quick Reference Guide Hosted Voice Customer Resource Center www.earthlinkbusiness.com/hostedvoice 2015 EarthLink. Trademarks are property of their respective owners.
More informationThis document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator.
1 Introduction This document will describe how you can create your own, fully responsive drag and drop email template to use in the email creator. It includes ready-made HTML code that will allow you to
More informationCreating Hyperlinks & Buttons InDesign CS6
Creating Hyperlinks & Buttons Adobe DPS, InDesign CS6 1 Creating Hyperlinks & Buttons InDesign CS6 Hyperlinks panel overview You can create hyperlinks so that when you export to Adobe PDF or SWF in InDesign,
More informationUsability for the new PC: Mobile Devices
Usability for the new PC: Mobile Devices By Nikhita Kumar Introduction The mobile phones that we carry with us all the time have evolved a lot with time. They have become increasingly sophisticated and
More informationSmallBiz Dynamic Theme User Guide
SmallBiz Dynamic Theme User Guide Table of Contents Introduction... 3 Create Your Website in Just 5 Minutes... 3 Before Your Installation Begins... 4 Installing the Small Biz Theme... 4 Customizing the
More informationGuidelines for the development of accessible mobile interfaces
Guidelines for the development of accessible mobile interfaces Funka Nu AB Döbelnsgatan 21, SE-111 40 Stockholm +46-8-555 770 60 info@funkanu.se Contents Introduction... 3 About the guidelines... 3 Guidelines
More informationTaylor & Francis Online Mobile FAQs
Taylor & Francis Online Mobile FAQs ACCESS Q. How do I access Taylor & Francis Online Mobile? A. Open the browser on your mobile device and enter the URL www.tandfonline.com. As you are accessing the site
More informationRESPONSIVE WEB DESIGN: THE FUTURE. Written by: Doug Schust, WSI Digital Marketing Expert
Responsive Web Design: The // 1 2 10.ch RESPONSIVE WEB DESIGN: THE FUTURE Written by: Doug Schust, WSI Digital Marketing Expert Responsive Web Design: The // 2 Table of Contents Introduction... 3 1.Benefits
More informationHow-to Guide: Creating a Mobile Website Using bmobilized
Mobile Websites How-to Guide: Creating a Mobile Website Using Content Provided by Mobile Websites Content 1. What is a mobile website? 2. Why you need a mobile website? 3. Who is? 4. How to create a mobile
More informationMagenta CMS Training: RAF Station/ RAF Sport websites
Magenta CMS Training: RAF Station/ RAF Sport websites ktownsend@binaryvision.com 0207 490 1010 Introduction What is a website content management system? The content management system, or CMS, is software
More informationThere are a variety of ways to read ebooks from the Stirling Libraries and Archives ebooks Collection.
1 Guide Contents Using Stirling Libraries and Archives ebook Service 2 Downloading to Adobe Digital Editions 6 Transferring to an E-Reader from Adobe Digital 7 Editions Downloading to an Apple ipad and
More informationWhat is a Mobile Responsive Website?
More and more of your target audience is viewing websites using smart phones and tablets. What is a Mobile Responsive Website? Web Design is the process of creating a website to represent your business,
More informationWP Popup Magic User Guide
WP Popup Magic User Guide Plugin version 2.6+ Prepared by Scott Bernadot WP Popup Magic User Guide Page 1 Introduction Thank you so much for your purchase! We're excited to present you with the most magical
More informationResponsive Design for Email
Good to Know Guide: Responsive Design for Email INSIDE YOU LL FIND... Responsive Design Overview Media Queries Explained Best Practices How It Works Samples of Design Approach Responsive vs. Predictive
More informationRESPONSIVE DESIGN FOR MOBILE RENDERING
WHITEPAPER RESPONSIVE DESIGN FOR MOBILE RENDERING DELIVER MOBILE-SPECIFIC CONTENT USING MEDIA QUERIES EXECUTIVE SUMMARY With the widespread adoption of smartphones and tablets, proper email rendering in
More informationBusinessObjects Enterprise InfoView User's Guide
BusinessObjects Enterprise InfoView User's Guide BusinessObjects Enterprise XI 3.1 Copyright 2009 SAP BusinessObjects. All rights reserved. SAP BusinessObjects and its logos, BusinessObjects, Crystal Reports,
More informationInfoView User s Guide. BusinessObjects Enterprise XI Release 2
BusinessObjects Enterprise XI Release 2 InfoView User s Guide BusinessObjects Enterprise XI Release 2 Patents Trademarks Copyright Third-party contributors Business Objects owns the following U.S. patents,
More informationAnalysis of User Experience Quality on Responsive Web Design from its Informative Perspective
, pp.53-62 http://dx.doi.org/10.14257/ijseia.2014.8.5.06 Analysis of User Experience Quality on Responsive Web Design from its Informative Perspective Devita Mira Lestari, Dadan Hardianto and Achmad Nizar
More information