Mobile websites face unique challenges compared to desktop websites. They must be designed specifically for smaller screens, touch navigation, variable bandwidth, and the wide range of mobile devices. Key considerations include focusing on horizontal navigation, readability, using sensors and location data, caching content for offline use, and creating simple apps that solve single problems rather than trying to do everything. Native apps generally perform better than HTML5 apps for usability and speed, but HTML5 can be used initially before creating native apps.
Developing on Mobile vs Desktop (Dreamforce 2011, Lawrence Coburn, DoubleDutch))
1. Websites on Mobile:
An Impossible Challenge?
Aaron Kahlow, Online Marketing Content
Lawrence Coburn, DoubleDutch @lawrencecoburn
Cindy Krum, MobileMoxie @cindy
2. Safe Harbor
Safe harbor statement under the Private Securities Litigation Reform Act of 1995:
This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such
uncertainties materialize or if any of the assumptions proves incorrect, the results of salesforce.com, inc. could differ
materially from the results expressed or implied by the forward-looking statements we make. All statements other than
statements of historical fact could be deemed forward-looking, including any projections of product or service availability,
subscriber growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of
management for future operations, statements of belief, any statements concerning new, planned, or upgraded services
or technology developments and customer contracts or use of our services.
The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and
delivering new functionality for our service, new products and services, our new business model, our past operating
losses, possible fluctuations in our operating results and rate of growth, interruptions or delays in our Web hosting, breach
of our security measures, the outcome of intellectual property and other litigation, risks associated with possible mergers
and acquisitions, the immature market in which we operate, our relatively limited operating history, our ability to expand,
retain, and motivate our employees and manage our growth, new releases of our service and successful customer
deployment, our limited history reselling non-salesforce.com products, and utilization and selling to larger enterprise
customers. Further information on potential factors that could affect the financial results of salesforce.com, inc. is included
in our annual report on Form 10-Q for the most recent fiscal quarter ended April 30, 2011. This documents and others
containing important disclosures are available on the SEC Filings section of the Investor Information section of our Web
site.
Any unreleased services or features referenced in this or other presentations, press releases or public statements are not
currently available and may not be delivered on time or at all. Customers who purchase our services should make the
purchase decisions based upon features that are currently available. Salesforce.com, inc. assumes no obligation and
does not intend to update these forward-looking statements.
5. "We are in the beginning of a 10-year cycle in which
mobile computing will reshape the way consumers live
and businesses operate… PC Internet is a 'dress
rehearsal' for what will come with mobile, and the
unforeseen applications in mobile computing will
exceed those from the Internet thus far.”
- Rutberg & Co.
6. Trends in Mobile Software
MOBILE
Desktop
Mobile
2011 iOS Launch
Present
Social Networks / Blogs
Email
SOCIAL
SIMPLE
Online
Attention
App
Downloads
8. • Initially marketed for “single
player” use: programming,
productivity, games
• 1976: first mass market PC
• 1993: first mass market browser
• PCs were not born to be social
devices
• Invented to connect people over
distances
• Use case: voice communication
• Phones were born to be social
devices
Make your Mobile Service Social
e.g. FB, TW, 4Sq, etc.
#1: DNA
9. • iMac 21” Dimensions:
17.75 x 20.8
• Vertical and horizontal
navigation possible
• Sidebars typical
• iPhone 4 Dimensions:
4.5 x 2.3
• Horizontal navigation tricky
• Sidebars not advised
#2: Real Estate
Readability is Goal #1
e.g. avc.com
10. • iMac: front facing camera • iPhone 4: Three axis gyro,
proximity sensor, ambient light
sensor, accelerometer, GPS,
front and rear facing camera
• Location based services, A/R,
contextually aware
applications
Design Your Mobile Site / App for Context
e.g. Color
#3: Smartphone as a Sensor
11. • Keyboard + Mouse
• Great for inputting text
• Scrollbars
• Keyboard shortcuts
• Touch (+keyboard?)
• Lousy for inputting text
• Swiping easier
• Gesture shortcuts
Design for Taps and Swipes
e.g. the check in, the pull down refresh, etc.
#4: Navigation
12. • Predictable and limited
context for usage
• Location not a particularly
interesting data point
• Usage any time, any where
• Contextual information is
available and will vary
• Fresh content, feed structure,
contextually relevant apps
Fresh Content is Paramount
e.g. Google News
#5: Always On / Portability
13. • Predictably acceptable bandwidth
available
• Page size not a dealbreaker
• Connection speeds will vary wildly
• Design for intermittent connectivity
• All you can eat data plans in
jeopardy
• Speed, caching, offline usability
critically important
Cache Liberally
e.g. RDIO
#6: Bandwidth Dependencies
14. • Portal mentality
• One site that does
everything
• “Yeah, but is it a feature or
a company?”
• Do one thing, and do it well
• The appification of the mobile
Internet
• “The feature IS the company.”
Solve one problem well
e.g. Google Maps, With, Instagram
#7: Simple Beats Features
15. • Minor browser fragmentation
• Write once, reach any
browser
• Major device and operating
system fragmentation
• Android alone has 400+
different devices
• Tax on headcount
Consider a Wrapper as a Stage 1
e.g Titanium, Webkit, etc.
#8: Fragmentation
16. Mobile is a once in a generation opportunity to reach your
customers in new and interesting ways.
Mobile is a different world than desktop – porting your website to
mobile is the wrong approach. Start from Scratch.
Native apps beat HTML5 in terms of performance and usability.
HTML5 is a good place to start, but you will need iPhone and
Android native for the foreseeable future.
1
2
3
Remember…
Desktop
Mobile
18. DoubleDutch creates social, location-aware mobile apps designed
to help people stay connected, log their activity, and get work done
- all via their smartphones.
Customers like Cisco, RightNow Technologies, Amdocs, Adobe,
and HP are using DoubleDutch to power their events, communities,
sales teams, and projects.
Notas del editor
Any purchase decisions customer make should be made based on currently available technology. Please visit our website sto review our Safe Harbor statement in detail.