Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect.

Slides:



Advertisements
Similar presentations
Technical Improvements WDL Partners Meeting Munich, Germany November 14-15, 2011 Chris Adams Development Manager
Advertisements

7++Ways to Improve Library UIs with OCLC Web Services Karen A. Coombs Product Manager, Developer Network Feb 23, 2010 Code4lib Asheville, NC.
Moving Mobile Forward at MnDOT. Topics 1.Why mobile, why now? 2.Considerations and decisions 3.Doing mobile right means you need to take a look at your.
From Bricks to Clicks: Continuing to Shift Focus to Online Library Services Matt Anderson, 11 December 2012 #bricks2clicks.
RESPONSIVE AND MOBILE DESIGN BY: CHRIS PASQUARETTE APRIL, 2013.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 Copyright © Terry Felke-Morris.
Jim Klar Global Sales Director Easy2 Technologies
VIPI - VIRTUAL PORTAL FOR INTERACTION AND ICT TRAINING FOR PEOPLE WITH DISABILITIES National ViPi Workshop 03/10/2011, Larnaca, Cyprus
Introduction to Mobile Computing Dr. Frank McCown Harding University Spring 2010 An Overview of Mobile Devices and Developing Mobile Applications.
MAXIMIZE WEBFOCUS GO MOBILE! Copyright 2010, Information Builders. Slide 1 Brian Carter 3/21/12.
Reach people on mobile.Mobile Search Ads Reach people with Mobile Search Ads.
DotNetNuke Mobile Development -- options, tools and approaches
WHAT IS ANDROID? A Software platform and operating system for mobile. Based on the Linux kernel. Android was found way back in It was developed.
Designing URLs for UCL Dan Jackson, Senior Web Architect.
Improving UCL Search WebNet, 3 December 2012 Dan Jackson, Senior Web Architect.
4.01 How Web Pages Work.
CONCEPTS FOR FLUID LAYOUT Web Page Layout. Website Layouts Most websites have organized their content in multiple columns (formatted like a magazine or.
Gary Browning and Vincci Kwong Indiana University South Bend 2014 ILF District 1 Conference Responsive Web Design for Libraries.
Mobile Web The Seventh Mass Media Jason Moran Norman Diaz.
SharePoint Mobile Improving efficiency of the mobile workforce Anthony Pham Product Support Manager KWizCom
Web design. print The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate.
Being Responsibly Responsive Jason
RESPONSIVE DESIGN Sources: Kadlec, T. (2012). Implementing responsive design. Berkeley, California: New Riders Publishing. MarcotteMarcotte, E. (2010).
‘Mobile first’ Alexander Roberts ISS Web Team Manager Swansea University.
| imodules.com Making Your Site Mobile-Ready Presented by: Mark Werner & Chris Smith.
Principles of Web Design 6 th Edition Chapter 2 – Web Site Design Principles.
Publishing to Mobile Devices: Best Practices and Strategies Mike Hamilton V.P. Product Evangelism MadCap Software
Week 11 Further Web Design Concepts and Tools FTP, CMS, Wordpress and Responsive Web Design.
Festival Apps Matt Clarke David Cradduck. The growth in the mobile market.
Delivering Library Resources and Services to Mobile Users The Library on the Small Screen Cynthia Ramlo User Experience Designer User Experience and Digital.
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
San Diego 2014 SharePoint Saturday San Diego November 15, 2014 UCSD Extension SharePoint Saturday San Diego November 15, 2014 UCSD Extension.
| imodules.com Making Your Site Mobile-Ready Presented by Chris Smith and Mark Werner.
CONCEPTS FOR FLUID LAYOUT Web Page Layout. Website Layouts Most websites have organized their content in multiple columns (formatted like a magazine or.
Taking Your Website On The Road Technology No Where to Go.
Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® Copyright 2012 Adobe.
A seminar on “Mobile Version of The Website”
Features of mobile apps. Introduction of mobile apps  FACEBOOK  Facebook is an online social networking service. Its name comes from a colloquialism.
 Wendy Trem, User Experience Practice Director  Matt Miller, User Experience Designer  Bill Wolohan, Senior ASP.NET and CRM Developer  Jim Raden,
Mobile Apps vs. Mobile Sites Which is Becoming King In The War?
Basics of testing mobile apps
Master the MULTI-SCREEN WORLD EliteMarketingOptions.com
LESSON 15 – UNIT 0 ADAPTING YOUR WEB SITE FOR MOBILE DEVICES.
IWebKit Easy to use framework Available free for non- commercial use New version under development.
Monday, 18-March-2013 Session workout Presented By: Pikon Roy Karmakar.
The Importance of Responsive Web Design Provide By
Marketing Solutions Mobile Fact Pack LinkedIn Confidential ©2013 All Rights Reserved.
EMBRACE THE MOBILE MIND SHIFT. MOBILE GROWTH IS ASTONISHING Never try to change people’s behavior. Always meet your users and customers where they are.
1. Data Platform Solution Architect at Microsoft Working with SQL Server for past 15 years Author of SQL Server and Business Intelligence Books Blog a.
NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. Web.
Fermilab Education Office Homepage Updated in 2014 We want to appeal to our main audiences providing them with pathways to get the information they need.
CONCEPTS FOR FLUID LAYOUT Web Page Layout. Essential Questions What challenges do mobile devices present to Web designers? What are the basic concepts.
Marketing and Communications Metrics Nick Mattar Director of Marketing Detroit Regional Chamber.
Presentation by: Rebecca Chambers WebDuck Designs
Understanding Programming Mobile Web
Portal Talking Points 2015.
Concepts for fluid layout
CS 321: Human-Computer Interaction Design
MOBILE DEVICE OPERATING SYSTEM
3.02 Publishing Animations
Responsive Design in WordPress
Why Roku is the best streaming device?
Making Your Site Mobile-Ready
Interface Personalization
July 2016 Eran Kinsbruner @ek121268
Mobile Web Sites & Mobile Applications
Introduction to WWW Past  Present  Future.
Concepts for fluid layout
Various mobile devices
Presentation transcript:

Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

The Problem The mobile explosion

OCTOBER ,910

OCTOBER ,308

OCTOBER ,620

Once upon a time and not so very long ago, mobile meant digital experiences for on-the- go phones. Now we use the word for experiences that are neither on-the-go, nor for phones. Mobile isnt especially mobile anymore: its on the couch, or in bed…and even the crisp equation mobile = phone started to break down with the arrival of tablets of all shapes and sizes.

Unique combinations of screen resolution + OS, Aug – Nov 2012? 648

The Options What can we do?

OPTION #1 Go Native

The primary design principle underlying the Webs usefulness and growth is universality …it should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large. Tim Berners-Lee, Long Live the Web, Not every mobile device will have your app on it, but every mobile device will have a browser. Jason

OPTION #2 Experiences

Device experiences are a way to classify the troves of connected devices available to consumers today so you can build and design separate and appropriate interfaces for each. A device experience is defined by how a device is most commonly used and the technical capabilities or limitations it possesses. Luke Wroblewski,

OPTION #3 RWD

RWD is an approach to web design in which a site is crafted to provide an optimal viewing experienceeasy reading and navigation with a minimum of resizing, panning, and scrolling across a wide range of devices.

The Challenge Changing the way we work

RWD is a method, not a feature.

The concept of permanently placing content on a web page for a single browsing width or resolution is becoming a thing of the past. Trent Walton,

Like bringing a knife to a gunfight Andy Clarke,

Next Steps