As browsers explode with new capabilities and migrate onto devices users can be left wondering, “what’s taking so long?” Learn how HTML, CSS, JavaScript, and the web itself conspire against a fast-running application and simple tips to create a snappy interface that delight users instead of frustrating them.
Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...Strangeloop
Last year at Velocity, Strangeloop's VP Product, Hooman Beheshti, presented the findings from phase one of Strangeloop’s long-term research into the relationship between web performance and business benefits. The results were also published in Watching Websites. Since then, we’ve received a barrage of questions from the web performance community, which fueled phase two of our study. In this presentation, Strangeloop president Joshua Bixby offers our most recent findings.
Some of the community’s questions were:
* Who were the clients?
* How fast were the pages?
* What acceleration techniques were implemented?
* What happened to the key page components (such as JS size, payload and roundtrips) of the websites?
* How did changing key variables (page load time, payload, number of roundtrips, etc.) affect the outcome?
We’ve been collecting and analyzing data to help us answer these questions, as well as some new ones we’ve thought up along the way. Join us as we present our findings, and help us consider what areas deserve further study.
“If Tetris has taught me anything, it’s that errors pile up and accomplishments disappear” is a common quote and it seems we’re living this to its full extend as web developers. We fail to celebrate the successes we have and the tools that are at our disposal but we’re never short of finding reasons why things don’t work. We also tend to pile on technology on technology to solve problems that may actually not exist and thus clog up the web. In this talk Chris Heilmann wants to remind us what we achieved and how we should celebrate it and how we should stop trying to solve problems that are simply beyond our control.
As browsers explode with new capabilities and migrate onto devices users can be left wondering, “what’s taking so long?” Learn how HTML, CSS, JavaScript, and the web itself conspire against a fast-running application and simple tips to create a snappy interface that delight users instead of frustrating them.
Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...Strangeloop
Last year at Velocity, Strangeloop's VP Product, Hooman Beheshti, presented the findings from phase one of Strangeloop’s long-term research into the relationship between web performance and business benefits. The results were also published in Watching Websites. Since then, we’ve received a barrage of questions from the web performance community, which fueled phase two of our study. In this presentation, Strangeloop president Joshua Bixby offers our most recent findings.
Some of the community’s questions were:
* Who were the clients?
* How fast were the pages?
* What acceleration techniques were implemented?
* What happened to the key page components (such as JS size, payload and roundtrips) of the websites?
* How did changing key variables (page load time, payload, number of roundtrips, etc.) affect the outcome?
We’ve been collecting and analyzing data to help us answer these questions, as well as some new ones we’ve thought up along the way. Join us as we present our findings, and help us consider what areas deserve further study.
“If Tetris has taught me anything, it’s that errors pile up and accomplishments disappear” is a common quote and it seems we’re living this to its full extend as web developers. We fail to celebrate the successes we have and the tools that are at our disposal but we’re never short of finding reasons why things don’t work. We also tend to pile on technology on technology to solve problems that may actually not exist and thus clog up the web. In this talk Chris Heilmann wants to remind us what we achieved and how we should celebrate it and how we should stop trying to solve problems that are simply beyond our control.
2021 Chrome Dev Summit: Web Performance 101Tammy Everts
What do we mean when we talk about "web performance"? Why should you care about it? How can measure it? How do you get other people in your organization to care? In this workshop at the 2021 Chrome Dev Summit, I covered these questions – including an overview of the history of performance metrics, up to Core Web Vitals.
Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...Strangeloop
One approach to performance is to accelerate the network; another is to optimize the application by reducing how much the network is needed and pushing content out towards the user. In this session, Hooman Beheshti reveals how technologies like Front-End Optimization and Content Delivery Networks work alongside the rest of the cloud computing stack to improve performance and increase user productivity.
In the land of web performance metrics, Speed Index is one of the most promising and robust ones around. Taking the visual progress on the user's screen into account instead of merely relying on navigation timings, it promises to give real feedback on the user experience of your website.
But is it really the silver bullet? What's the catch? Can we even "cheat" on getting a better score? In this talk, we will get to the bottom of Speed Index:
– We will learn how Speed Index is calculated and what you need to measure your own site's Speed Index
– We will see which pain points Speed Index tackles, and what you can do to optimise your site to get a better score
– We learn where the downsides of this metric are and if it should be of any concern to you
– Last, but not least, we will check how we can overcome those downsides with additional, non-disruptive monitoring to get an even better view of your site's performance.
Presented at Web Directions Code, Melbourne
If you have a website—particularly one that generates revenue for your organization—you need a Progressive Web App. So where do you begin? How do you decide which features of a Progressive Web App make sense for your users? What tools can make the process easier (or harder)? In this practical session, Jason will guide you through the key design decisions you’ll need to make about your Progressive Web App and how those decisions impact the scope of your project. He'll also teach you how to avoid common pitfalls and help you take full advantage of Progressive Web App technology.
Citadines Group: Web and Mobile Strategy Presentation Part 1nycspicebo
In this presentation we cover why amazingly funded startups fail. In addition, we cover chapters from the upcoming Startup Strategy book (book.citadinesgroup.com) on the finding from the Food Industry, and Payment Industry and what we can learn from them. And we finish off with takeaway on the different kinds of marketplaces, how to make your business defensible, and why "Uber for X" doesn't always work.
Mobile applications Development - Lecture 8
Anatomy of an HTML 5 mobile web app
PhoneGap
This presentation has been developed in the context of the Mobile Applications Development course at the Computer Science Department of the University of L’Aquila (Italy).
http://www.di.univaq.it/malavolta
Mobile Application Design & DevelopmentRonnie Liew
The mobile landscape is incredibly fragmented with a huge pool of devices and operating systems. This presentation shares tips and guidelines on how to navigate this maze and help design/develop better mobile applications.
In recent days mobile application development has come up with providing a unique solution for the business.
http://www.ndot.in/mobile-application-development.html
What is business intelligence? Where have we been, where are we now, and where are we going? These slides provide a brief history of business intelligence, enjoy.
Business Intelligence made easy! This is the first part of a two-part presentation I prepared for one of our customers to help them understand what Business Intelligence is and what can it do...
Mobile Development Importance, Survey of mobile based application development, Mobile
myths, Third party frameworks, Mobile Web Presence and Applications, Creating consumable
web services for mobile, JSON, Debugging Web Services, Mobile Web Sites, Starting with
Android mobile Applications.
The Server Side of Responsive Web DesignDave Olsen
Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. Depending on project requirements, team make-up and deployment environment combining these two techniques might lead to intriguing solutions for your organization. We'll discuss when it makes sense to take this extra step and we'll explore techniques for combining server-side technology, like server-side feature-detection, with your responsive web designs to deliver the most flexible solutions possible.
2021 Chrome Dev Summit: Web Performance 101Tammy Everts
What do we mean when we talk about "web performance"? Why should you care about it? How can measure it? How do you get other people in your organization to care? In this workshop at the 2021 Chrome Dev Summit, I covered these questions – including an overview of the history of performance metrics, up to Core Web Vitals.
Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...Strangeloop
One approach to performance is to accelerate the network; another is to optimize the application by reducing how much the network is needed and pushing content out towards the user. In this session, Hooman Beheshti reveals how technologies like Front-End Optimization and Content Delivery Networks work alongside the rest of the cloud computing stack to improve performance and increase user productivity.
In the land of web performance metrics, Speed Index is one of the most promising and robust ones around. Taking the visual progress on the user's screen into account instead of merely relying on navigation timings, it promises to give real feedback on the user experience of your website.
But is it really the silver bullet? What's the catch? Can we even "cheat" on getting a better score? In this talk, we will get to the bottom of Speed Index:
– We will learn how Speed Index is calculated and what you need to measure your own site's Speed Index
– We will see which pain points Speed Index tackles, and what you can do to optimise your site to get a better score
– We learn where the downsides of this metric are and if it should be of any concern to you
– Last, but not least, we will check how we can overcome those downsides with additional, non-disruptive monitoring to get an even better view of your site's performance.
Presented at Web Directions Code, Melbourne
If you have a website—particularly one that generates revenue for your organization—you need a Progressive Web App. So where do you begin? How do you decide which features of a Progressive Web App make sense for your users? What tools can make the process easier (or harder)? In this practical session, Jason will guide you through the key design decisions you’ll need to make about your Progressive Web App and how those decisions impact the scope of your project. He'll also teach you how to avoid common pitfalls and help you take full advantage of Progressive Web App technology.
Citadines Group: Web and Mobile Strategy Presentation Part 1nycspicebo
In this presentation we cover why amazingly funded startups fail. In addition, we cover chapters from the upcoming Startup Strategy book (book.citadinesgroup.com) on the finding from the Food Industry, and Payment Industry and what we can learn from them. And we finish off with takeaway on the different kinds of marketplaces, how to make your business defensible, and why "Uber for X" doesn't always work.
Mobile applications Development - Lecture 8
Anatomy of an HTML 5 mobile web app
PhoneGap
This presentation has been developed in the context of the Mobile Applications Development course at the Computer Science Department of the University of L’Aquila (Italy).
http://www.di.univaq.it/malavolta
Mobile Application Design & DevelopmentRonnie Liew
The mobile landscape is incredibly fragmented with a huge pool of devices and operating systems. This presentation shares tips and guidelines on how to navigate this maze and help design/develop better mobile applications.
In recent days mobile application development has come up with providing a unique solution for the business.
http://www.ndot.in/mobile-application-development.html
What is business intelligence? Where have we been, where are we now, and where are we going? These slides provide a brief history of business intelligence, enjoy.
Business Intelligence made easy! This is the first part of a two-part presentation I prepared for one of our customers to help them understand what Business Intelligence is and what can it do...
Mobile Development Importance, Survey of mobile based application development, Mobile
myths, Third party frameworks, Mobile Web Presence and Applications, Creating consumable
web services for mobile, JSON, Debugging Web Services, Mobile Web Sites, Starting with
Android mobile Applications.
The Server Side of Responsive Web DesignDave Olsen
Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. Depending on project requirements, team make-up and deployment environment combining these two techniques might lead to intriguing solutions for your organization. We'll discuss when it makes sense to take this extra step and we'll explore techniques for combining server-side technology, like server-side feature-detection, with your responsive web designs to deliver the most flexible solutions possible.
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...Jeremy Johnson
There are a number of options when going mobile, and it's not slowing down. Why choose one over the other? What are the strengths and pitfalls? What's right for your customers and users? We'll go over each option, with examples of how you can come to the right strategy around your mobile offerings.
Performance Optimization for Mobile Web | Fresh Tilled SoilFresh Tilled Soil
In this presentation Fresh Tilled Soil takes a discerning look at how the mobile web has been transformed to date, and where it will go from here. We'll talk about the latest tools for testing and debugging websites, newest HTML5/CSS3/JavaScript technologies, and the best strategies for mobile website performance & optimization. Finally, we’ll reveal some of the exciting, not yet released web API’s that will bring the mobile-web user experience to a whole new level!
Secret Performance Metric - Armada JS.pdfAnna Migas
During this talk, she will give an insight on her work with the app that is dedicated towards the users who are working with it in not-so-ideal conditions with an unreliable connection and how to guide them through this experience. We will chat about the cases when web performance metrics as we know it will not be applicable and what can we do to ensure the user will be able to successfully navigate the app using the well designed information and some performance tricks. She will also share details about the background of users in Africa and how their perception might differ from the users we typically develop for—since these are the fastest growing markets, it is possible that the audience will stumble upon these issues sooner than later.
Secret Web Performance Metric - DevDayBeAnna Migas
After working for over a year on a project directed towards emerging markets (namely Nigeria and Kenya), I came to realise that the popular web performance metrics are all centred around a specific type of person: someone who is used to the fast and reliable connection. In my talk I want to share my experience on how to look at the overall web performance with the new metric in mind - user’s patience. I have a set of tips and tricks how to prepare for the scenario where the loading time is going to be an issue.
Everybody knows Javascript is single-threaded and that it shares this same thread with other browser-related processes such as painting and compositing. There are several techniques to implement pseudo multithreading in JavaScript; however, during this talk we will focus our attention on how to use and debug the Service Worker API. Our end goal is to explore practical use cases in order to simplify the process to render complex user interfaces and transitions in a browser.
Max Voloshin - "Organization of frontend development for products with micros...IT Event
While our product was growing our team came to need to implement microservices. Later it became obvious that our approaches on organization of frontend development should be rethought and significantly improved.
The report contains our team's solutions for simple and comfortable frontend product development with microservices. Also, this talk is about how we along with the way updated frontend framework, separated frontend and backend, solved internalization problem and started using Docker for front end tasks.
3 Tips to Deliver Fast Performance Across Mobile WebDynatrace
3 Tips to Deliver Fast Performance Across Mobile Web
On-Demand Webinar
Seems like everyone’s doing Responsive Web Design these days! Are you using React, Angular or others to create a mobile-friendly web experience?
Newsflash: Mobile-friendly doesn’t always equal customer-friendly, when it comes to performance. We’re talking about 60% of your traffic—how do you avoid disaster?
Learn the basics of high-performance mobile development through the examination of real-world, performance-killing code examples. You’ll also hear about:
Why 4.5 seconds on Chrome can be 15 seconds on a Galaxy S5 Chromium
How to identify major issues within mobile page construction
Best practices for managing CSS and JavaScript
Things to consider going global with your Web application
Join web performance experts Klaus Enzenhofer and Stefan Baumgartner from Dynatrace to ensure your mobile properties are delighting your customers!
Clear AppSec Visibility with AppSpider and ThreadFixDenim Group
The evolution of application technology is measured in months, not years. The question for devops teams everywhere is how to gain full visibility into your application security testing program. Rapid7's AppSpider lets you collect the information needed to test all the apps so that you aren’t left with gaping risks, and with DAST/SAST correlation with ThreadFix you gain end-to-end application security visibility. Join us to see how, together, ThreadFix and AppSpider provide organizations with a fully integrated view of your application security program.
Experitest and Tech Mahindra on joint webinar on the topic :"UFT vs Selenium- which is better for your mobile strategy?"
This session address the issues mobile testers face when deciding which testing environment to use:
- Should I migrate from UFT to Selenium?
- How important is a user interface?
- How much programming experience do you require in your testing team?
- One test at a time or all of them at once?
- How vital is third party tech support?
- Can I get the best of both?
At Experitest we understand that the best option is to optimize the benefits of both choices. Our SeeTest UFT Addon enables you to extend your UFT testing to mobile applications. We also support Selenium, enabling you to create test scripts that run on this framework.
Watch this webinar to learn how TechM & Experitest can help you succeed choosing the right testing environment for your needs.
The secret web performance metric no one is talking aboutAnna Migas
As presented as JSConf Korea. https://2022.jsconf.kr/en/speakers/anna-migas
Web performance and its impact on the user experience has been a huge topic over past few years. After working for over a year on a project directed towards emerging markets (namely Nigeria and Kenya), I came to realise that the popular web performance metrics are all centred around a specific type of person: someone who is used to the fast and reliable connection. In my talk I want to share my experience on how to look at the overall web performance with the new metric in mind - user’s patience.
During my talk, I want to give an insight on my work with the app that is dedicated towards the users who are working with it in not-so-ideal conditions with an unreliable connection and how to guide them through this experience. I want to chat about the cases when web performance metrics as we know it will not be applicable and what can we do to ensure the user will be able to successfully navigate the app using the well designed information and some performance tricks. I will also share details about the background of users in Africa and how their perception might differ from the users we typically develop for—since these are the fastest growing markets, maybe soon this knowledge come useful to you too
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
Can AI do good? at 'offtheCanvas' India HCI preludeAlan Dix
Invited talk at 'offtheCanvas' IndiaHCI prelude, 29th June 2024.
https://www.alandix.com/academic/talks/offtheCanvas-IndiaHCI2024/
The world is being changed fundamentally by AI and we are constantly faced with newspaper headlines about its harmful effects. However, there is also the potential to both ameliorate theses harms and use the new abilities of AI to transform society for the good. Can you make the difference?
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
Dive into the innovative world of smart garages with our insightful presentation, "Exploring the Future of Smart Garages." This comprehensive guide covers the latest advancements in garage technology, including automated systems, smart security features, energy efficiency solutions, and seamless integration with smart home ecosystems. Learn how these technologies are transforming traditional garages into high-tech, efficient spaces that enhance convenience, safety, and sustainability.
Ideal for homeowners, tech enthusiasts, and industry professionals, this presentation provides valuable insights into the trends, benefits, and future developments in smart garage technology. Stay ahead of the curve with our expert analysis and practical tips on implementing smart garage solutions.
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
Whether you’re looking to create a guest house, a rental unit, or a private retreat, our experienced team will design a space that complements your existing home and maximizes your investment. We provide personalized, comprehensive expert accessory dwelling unit (ADU)drafting solutions tailored to your needs, ensuring a seamless process from concept to completion.
Mobile Web Apps Best Practices Presentation at Design4Mobile 2009
1. Best Practices in Mobile
Web Applications
Prof. Jeff Sonstein
Department of Information Technology
Rochester Institute of Technology
jeffs@it.rit.edu
http://www.it.rit.edu/~jxs/
Center for the Handheld Web
http://chw.rit.edu/blog/
Mobile Web Best Practices Working Group
http://www.w3.org/2005/MWI/BPWG/Group/
2. “What Should Be”
“What Is”
& “What Will Be”
• I’m here to talk about getting work done
today, and about getting even better work
done tomorrow
Prof. Jeff Sonstein
3. Why Am I Here Talking
to Developers
• Because you are the folks who have actually
built the Web of today, and who will build-
out the Web of tomorrow
Prof. Jeff Sonstein
4. Web Apps &
Mobile Web Apps
• What are they, and why should you care?
Prof. Jeff Sonstein
5. What is a Web App?
An application that:
1. is accessed via a Web browser, or similar context wrapper
2. over a network using HTTP
3. coded in browser-supported languages like HTML, CSS, &
JavaScript
4. provides an quot;application-likequot; experience using server-side and/
or client-side processing
Prof. Jeff Sonstein
6. And a Mobile Web App?
Also:
1. accessed via a Web browser
2. over a network using HTTP
3. coded in browser-supported languages like HTML, CSS, &
JavaScript
4. providing an quot;application-likequot; experience within a mobile
context using either server-side or client-side processing
Prof. Jeff Sonstein
7. What’s the Difference?
1. limitations of the mobile context
• small screen
• intermittent connectivity
• etc
2. additional scope & features of the mobile context
• device context / location
• personal data on the device
• etc
Prof. Jeff Sonstein
10. Resident
Web Apps
whole new set of naming
conventions, MIME assignment,
packaging scheme, etc
• advantage: looser security
model, so can do more
• disadvantage: cross-platform
standards still developing
Prof. Jeff Sonstein
11. Non-Resident
Web Apps
standard pages, desktop/palmtop
shortcuts
• advantage: cross-platform
standards are known
• disadvantage: tighter
security model, can do less
Prof. Jeff Sonstein
12. Resident & Non-Resident Mobile
Web Apps
With the emergence of HTML5 ideas, the
differences are blurring, and we’re going to
come back & talk about some of those ideas
today
Prof. Jeff Sonstein
13. Best Practices
There are significant Best Practices which can help all
Mobile WebApps, and which work on a broad range
of platforms... that is what we will focus on first
Prof. Jeff Sonstein
14. Mobile Web Apps Best Practices
1. Application Data
Use cookies for simple client-side state
Cookies are a simple way to store client-side state,
but remember: every request means exchanging
cookie data with the server, and this can have a
performance impact.
Prof. Jeff Sonstein
15. Mobile Web Apps Best Practices
1. Application Data
Use cookies for simple client-side state
but consider using HTML5 client-side storage for
local data models.
Prof. Jeff Sonstein
17. Example
try {
if ( !window.openDatabase ) {
alert( 'not supported' );
} else {
var shortName = 'mydatabase';
var version = '1.0';
var displayName = 'My Important Database';
var maxSize = 65536; // in bytes
var mydb = openDatabase( shortName, version, displayName, maxSize );
}
} catch( e ) {
// Error handling code goes here.
if ( e == 2 ) {
// Version number mismatch.
alert( quot;Invalid database version.quot; );
} else {
alert( quot;Unknown error quot; + e + quot;.quot; );
}
return;
}
alert( quot;Database is: quot; + mydb );
Prof. Jeff Sonstein
18. Mobile Web Apps Best Practices
2. Security and Privacy
Do not execute untrusted JavaScript
Ensure that any data comes from a trusted source,
and prefer a Safe EVAL method to encode potentially
unsafe characters in the datafeed before evaluating.
Prof. Jeff Sonstein
20. Unsafe Example
var myObject = eval( '(' + myJSONtext + ')' );
Safe Example
var myObject = JSON.parse( myJSONtext, reviver );
Prof. Jeff Sonstein
21. Tradeoff:
var myObject = eval( '(' + myJSONtext + ')' ); // built-in JavaScript functionality
var myObject = JSON.parse( myJSONtext, reviver ); // additional JavaScript download
Prof. Jeff Sonstein
22. Mobile Web Apps Best Practices
3. User Awareness and Control
• Inform the user about & provide sufficient
means for them to control automatic network
access and/or use of personal & device
information
Prof. Jeff Sonstein
24. Mobile Web Apps Best Practices
4. Conservative Use of Resources
• Use transfer compression to minimize App size
Prof. Jeff Sonstein
25. Tradeoff:
compressed files move across the wire faster
But
decompression requires processing power on the client
Prof. Jeff Sonstein
26. Mobile Web Apps Best Practices
4. Conservative Use of Resources
• Avoid redirects & otherwise optimize network
requests
Prof. Jeff Sonstein
27. Mobile Web Apps Best Practices
4. Conservative Use of Resources
• Minimize external resources, & consider putting
small stylesheets and scripts inline
Prof. Jeff Sonstein
28. Conservative Use of Resources
Remember: a request may end up
moving across the cellular network, and
each request will result in another
charge to the user on top of the per-
byte charges
That HTTP is a request/response
protocol has financial implications for
the user
Prof. Jeff Sonstein
29. Example
// hide MobileSafari address bar
<script type=quot;text/javascriptquot; charset=quot;utf-8quot;>
/* <![CDATA[ */
window.addEventListener( quot;loadquot;, function() { setTimeout( loaded, 100 ) }, false );
function loaded() {
document.getElementById( quot;toolbarquot; ).style.visibility = quot;visiblequot;;
window.scrollTo( 0, 1 ); // pan to the bottom, hides the location bar
}
/* ]]> */
</script>
// note “what should be” (type=quot;application/javascriptquot;)
// versus “what works” (type=quot;text/javascriptquot;)
Prof. Jeff Sonstein
30. Mobile Web Apps Best Practices
5. User Experience
• Design for Multiple Interaction Methods
• Use Scripting to Improve Perceived Performance
• Preserve Focus on Dynamic Page Updates
• Make Telephone Numbers “Click-To-Call”
Prof. Jeff Sonstein
31. Design for Multiple
Interaction Methods
• Will the user need to use tabs or “tapping”
or “accesskey” to move from field to field?
Prof. Jeff Sonstein
32. Use Scripting to
Improve Perceived Performance
• Asynchronous loading (aka AJAX or non-
blocking I/O) is a wonderful thing
Prof. Jeff Sonstein
33. Preserve Focus on Dynamic
Page Updates
• Why should they have to tap again to get
back to that search field?
Prof. Jeff Sonstein
38. User Experience
• Ensure consistency between Desktop & Mobile...
Strive for “One Web”
Prof. Jeff Sonstein
39. User Experience
• Use canvas tag for dynamic graphics, consider SVG
when you need DOM-visibility...
Canvas is a highly-flexible drawing system for
JavaScript, but exists outside the DOM.
SVG on the other hand is available for DOM-
manipulation
Prof. Jeff Sonstein
40. Mobile Web Apps Best Practices
6. Handle Device Capability Variation
• Consider using server-side capability detection,
but be aware that some UserAgents lie
• Use client-side capability detection for dynamic
device state and DOM-injection
Prof. Jeff Sonstein
41. Mobile Web Apps &
the One-Web Initiative
• Problems inherent in maintaining dual mobile
& desktop sites
consider using XML with XSLT for either
client-side or server-side processing
Prof. Jeff Sonstein
43. Mobile Web Apps &
the One-Web Initiative
• There are problems inherent in separating
the machine-readable & human-readable
Webs
consider using XHTML+RDFa
to “Bridge the Human and Data Webs”
Prof. Jeff Sonstein
45. Mobile Web Apps Best Practices
some of what we’ve talked about:
• “what should be”, “what is”, and “what will be”
• Widgets, WebApps, & Mobile WebApps
• application data
• security & privacy
• user awareness & control
• conservative use of resources
• user experience
• device capability variation
• XML, XSLT, and XHTML+RDFa
Prof. Jeff Sonstein
46. Mobile Web Apps Best Practices
Want More Depth?
• talk to me (after the show)
• email me (jeffs@it.rit.edu)
• tweet me (@jeffsonstein)
• attend RIT (we’d love to have you)
Prof. Jeff Sonstein
47. Best Practices in Mobile
Web Applications
Prof. Jeff Sonstein
Department of Information Technology
Rochester Institute of Technology
jeffs@it.rit.edu
http://www.it.rit.edu/~jxs/
Center for the Handheld Web
http://chw.rit.edu/blog/
Mobile Web Best Practices Working Group
http://www.w3.org/2005/MWI/BPWG/Group/
Editor's Notes
Why Widgets are WebApps, but not all WebApps are Widgets.
ask them: what other limitations can they think of? what other additional scope/features?
Tell them this is my dichotomy: Resident vs Non-Resident, Widgets vs ...
Tell them this is my dichotomy: Resident vs Non-Resident, Widgets vs ...
specifically aimed at downloading onto your palmtop, to be loaded from there next time you run them. might be widgets, might not be.
we’ll talk later about how we can make these act like they are resident
talk about building the future, maybe talk about server-side vs client-side processing here
(look up who supports this already)
users want and need to be in control of their personal & device info... OnStar/Mob/FBI example