In this presentation I talk about the mobile web and where it's being taken thanks to HTML5 and point out some examples of how mobile web-design shouldn't look (and how it should).

1. audio
track
included
The Future
of Mobile
Web-design
May 2011
Orun Bhuiyan

2. Before the iPhone,
mobile devices
weren’t very
sophisticated and
couldn’t surf the web
in a user friendly
fashion.

3. Then came the iPhone
(and it’s app-centric model)
This meant
more
usability,
better webbrowsing and
feature rich
functionality
with apps

4. Blackberry and Andriod soon
followed and created their own
software development kits to
encourage the creation of numerous
apps.

6. With proprietary app development
systems like these dominating the market,
how are smaller mobile competitors to
thrive?
=

7. HTML 5 means:
• A more robust & semantic web
browsing experience.
• Videos and animations don’t need to rely
on Flash.
• Less apps and more versatile web pages

8. <webkit>
• iPhones, Android phones and now Blackberries
run WebKit to browse the web
• Most other smaller phone manufacturers do to
• Newer versions of Webkit support HTML5
• This means HTML5 is a serious threat to the app
centric model.
• Smaller phone manufacturers and new entrants
encourage HTML5 development wherever
possible

9. It looks like
may win back the mobile environment!

10. Bad Mobile Sites

11. Good Mobile Sites

12. Thanks for Watching!

13. References
Adams, B., (2011). "The Future of the Mobile Web"
Telegraph.co.uk.,
http://www.belfasttelegraph.co.uk/business/opinion/watching-web/the-future-ofthe-mobile-web-16004990.html
Carter J., (2010). "HTML5 Mobile Web Development".
O'Reilly Media.,
http://oreilly.com/catalog/0636920014225
Featherstone, D., (2010). "Interact with Web Standards"
New Rider's Media: p 410.
Grigsby, J., (2009). "HTML5 from a Mobile Perspective".
Cloud Four., http://www.cloudfour.com/html5-from-a-mobile-perspective/
Oshiro, D., (2010). "HTML5 is Great For Mobile, Developers Say".
Read Write Web., http://www.readwriteweb.com/start/2010/01/html5-isgreat-for-mobile.php