SlideShare una empresa de Scribd logo
1 de 19
7 Tips for Creating User-
friendly Mobile Content
by Jessica Davis, Godot Media
FACT #1
By 2014, people will connect
to the Internet more from
their mobile devices than their
desktop devices.
FACT #2
2013 is the year for mobile
marketing as businesses are
in a rush to create and publish
mobile-friendly content.
FACT #3
Latest estimates show that
there are 4 mobile devices for
every laptop or computer.
FACT #4
People always carry their
mobile devices with them
wherever they are unlike
laptops or desktops.
FACT #5
The mobile trend has given
rise to information snacking
where people are consuming
content via their mobile.
FACT #6
Mobile users are known to
abandon their attempts to visit
any website if it takes more
than a few seconds to load.
FACT #7
Mobile users often do not
return to websites that gave
them a buggy user experience
the first time.
T h e r e f o r e . . .
Companies and publishers must start creating mobile-
friendly content to be published on mobile-friendly
websites so that they do not lose out on a large
customer base.
Content that is compatible with desktop devices
does not cut it anymore as people cannot view it or
engage with it from their mobile devices. Creating
responsive or mobile-friendly websites is essential and
they must be filled with content that is mobile-friendly
too.
Creating great
mobile content is not
rocket science.
Here are 7 tips that will help you create such content.
Reduce the number of images
Content marketers know that visual content is the most appealing. However,
adding large images and replacing textual content with pictures is great on
websites meant to be viewed only from desktop devices and not if you want to
build great mobile content.
Infographics, images, graphs, etc. are extremely large files that take a long time
to load on mobile devices as these devices have limited bandwidths.
Also, large images mean that the person viewing your website has to scroll a lot
to view the images in their entirety. A website with many large images is hard to
view and navigate via small mobile devices and can frustrate mobile users.
TIP #1
Reduce size of images
Content marketers know that visual content is the most appealing. However,
adding large images and replacing textual content with pictures is great on
websites meant to be viewed only from desktop devices and not if you want to
build great mobile content.
Infographics, images, graphs, etc. are extremely large files that take a long time
to load on mobile devices as these devices have limited bandwidths.
Also, large images mean that the person viewing your website has to scroll a lot
to view the images in their entirety. A website with many large images is hard to
view and navigate via small mobile devices and can frustrate mobile users.
TIP #2
Eliminate flash components
Flash animation, video and navigation content are absolutely incompatible with
mobile devices. Adobe Flash is used to create rich media content and they
work fine on desktop devices but on mobile devices they can ruin the user’s
experience with the online content.
Another reason to stop creating and publishing flash-based content is the fact
that Apple has stopped flash compatibility on all its mobile devices and Google
has also followed suit by removing Flash from its Android operating system.
Use HTML 5 to create rich media content that is extremely mobile friendly.
TIP #3
Keep textual content short and simple
Mobile devices offer only a few square inches in area to view content. This
makes it very hard for mobile users to view long textual content and most users
lose patience when they have to navigate and scroll too many times to view
content on any website.
To create excellent mobile content, make sure that the content is succinct
and short so that mobile users do not have to scroll too much to get all the
information. Highlight important points and make sure that the font is big
enough so that users can read the content without having to zoom in.
TIP #4
Break up textual content
Readers looking for online content have no patience to go through long textual
content and this is even harder to do on mobile screens.
Make sure to break up your content into small, easy-to-digest paragraphs and
do not tackle too many points in one paragraph.
Use bullet points, numbered lists, informative subheads and highlighted text to
get the most important points across to mobile users reading your content from
mobile devices. Also, using these bullet points and numbered lists also reduces
the amount of text needed to describe something and less text always increases
the mobile-friendliness of the content.
Hire a good copywriter to create short, punchy mobile content.
TIP #5
Include mobile plug-ins
There are many plug-ins on the Internet that allow people to create mobile-
friendly content by allowing users to engage more easily with content from
their mobile devices.
One of the most widely used plug-ins is WPTouch that is perfect for creating
mobile content that needs to be published on WordPress. It makes content
more mobile-friendly by removing large design components and allows the
content creator to customize the content for mobile visitors. Although content
customized via WPTouch may not be very visually appealing, it is compatible
with all mobile platforms.
TIP #6
Make video content more mobile-friendly
Video content is one of the most popular forms of content that is being
published as it allows companies to create more personal relationships with
customers and readers. However as mentioned before, Flash is a complete no-
no for creating mobile content.
Mobile video content consumption has risen exponentially so you should
ensure that all your videos can be viewed easily on small mobile screens. With
Custom CSS and HTML 5, videos can be made to resize automatically to fit any
mobile device screen.
TIP #7
Brought to you by
Tin Dizdarevic, Publisher Development Director, Zemanta
E: tin@zemanta.com, T: 646.207.4636
Let us know how we can help you

Más contenido relacionado

La actualidad más candente

Predictions_2016_The_Mobi__1_
Predictions_2016_The_Mobi__1_Predictions_2016_The_Mobi__1_
Predictions_2016_The_Mobi__1_
Tony Fanelli
 
Bowens noah mobile presentation
Bowens noah mobile presentationBowens noah mobile presentation
Bowens noah mobile presentation
tical3522
 
The Mobile App Experience - Uncovering the consumer journey from app discover...
The Mobile App Experience - Uncovering the consumer journey from app discover...The Mobile App Experience - Uncovering the consumer journey from app discover...
The Mobile App Experience - Uncovering the consumer journey from app discover...
Data N Charts
 

La actualidad más candente (20)

50 Amazing Facts About Mobile
50 Amazing Facts About Mobile 50 Amazing Facts About Mobile
50 Amazing Facts About Mobile
 
Mobile tablet pres
Mobile tablet presMobile tablet pres
Mobile tablet pres
 
Brands and the Messaging App Landscape
Brands and the Messaging App LandscapeBrands and the Messaging App Landscape
Brands and the Messaging App Landscape
 
Predictions_2016_The_Mobi__1_
Predictions_2016_The_Mobi__1_Predictions_2016_The_Mobi__1_
Predictions_2016_The_Mobi__1_
 
10 Things for a Likeable 2016
10 Things for a Likeable 201610 Things for a Likeable 2016
10 Things for a Likeable 2016
 
2015 YEAR IN REVIEW: MOBILE
2015 YEAR IN REVIEW: MOBILE2015 YEAR IN REVIEW: MOBILE
2015 YEAR IN REVIEW: MOBILE
 
Digital & social trends for 2014
Digital & social trends for 2014Digital & social trends for 2014
Digital & social trends for 2014
 
Social Media Trends for 2014
Social Media Trends for 2014Social Media Trends for 2014
Social Media Trends for 2014
 
Bowens noah mobile presentation
Bowens noah mobile presentationBowens noah mobile presentation
Bowens noah mobile presentation
 
@17: Teens' Social Media Usage and Lifestyle
@17: Teens' Social Media Usage and Lifestyle@17: Teens' Social Media Usage and Lifestyle
@17: Teens' Social Media Usage and Lifestyle
 
Messaging platforms are the kings of mobile
Messaging platforms are the kings of mobileMessaging platforms are the kings of mobile
Messaging platforms are the kings of mobile
 
Vietnam Mobile Market 2015 Outlook
Vietnam Mobile Market 2015 OutlookVietnam Mobile Market 2015 Outlook
Vietnam Mobile Market 2015 Outlook
 
Cleartrip mobile Q2'14 Infographic : How India Travels Thrugh Mobile
Cleartrip mobile Q2'14 Infographic : How India Travels Thrugh MobileCleartrip mobile Q2'14 Infographic : How India Travels Thrugh Mobile
Cleartrip mobile Q2'14 Infographic : How India Travels Thrugh Mobile
 
Mobile Usage Trends in U.S.
Mobile Usage Trends in U.S.Mobile Usage Trends in U.S.
Mobile Usage Trends in U.S.
 
Messaging Apps: The New Face of Social Media and What It Means for Brands
Messaging Apps: The New Face of Social Media and What It Means for BrandsMessaging Apps: The New Face of Social Media and What It Means for Brands
Messaging Apps: The New Face of Social Media and What It Means for Brands
 
25 amazing mobile phone statistics and facts
25 amazing mobile phone statistics and facts25 amazing mobile phone statistics and facts
25 amazing mobile phone statistics and facts
 
The Mobile App Experience - Uncovering the consumer journey from app discover...
The Mobile App Experience - Uncovering the consumer journey from app discover...The Mobile App Experience - Uncovering the consumer journey from app discover...
The Mobile App Experience - Uncovering the consumer journey from app discover...
 
Micromoments Mobile UX
Micromoments Mobile UXMicromoments Mobile UX
Micromoments Mobile UX
 
10 Things for a Likeable 2017
10 Things for a Likeable 201710 Things for a Likeable 2017
10 Things for a Likeable 2017
 
The State of Mobile Benchmark
The State of Mobile BenchmarkThe State of Mobile Benchmark
The State of Mobile Benchmark
 

Similar a 7 tips for creating user friendly mobile content

Enough_Software_Guide_16thEdition_Web
Enough_Software_Guide_16thEdition_WebEnough_Software_Guide_16thEdition_Web
Enough_Software_Guide_16thEdition_Web
Marco Tabor
 
10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile Apps 10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile Apps
Fresh Digital Group
 
10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile Apps10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile Apps
Doug Robinson
 
Mobile Marketing 101 for Businesses Report
Mobile Marketing 101 for Businesses ReportMobile Marketing 101 for Businesses Report
Mobile Marketing 101 for Businesses Report
IowaMobileMarketing
 
The mobile website kit.templated
The mobile website kit.templatedThe mobile website kit.templated
The mobile website kit.templated
bwiredgroup
 

Similar a 7 tips for creating user friendly mobile content (20)

Mobile web marketing - eSalesData
Mobile web marketing - eSalesDataMobile web marketing - eSalesData
Mobile web marketing - eSalesData
 
Best features for mobile development
Best features for mobile developmentBest features for mobile development
Best features for mobile development
 
Mobile seminar-worksheet
Mobile seminar-worksheetMobile seminar-worksheet
Mobile seminar-worksheet
 
Shamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trendsShamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trends
 
Going Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product designGoing Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product design
 
Mobile Website
Mobile Website Mobile Website
Mobile Website
 
Enough_Software_Guide_16thEdition_Web
Enough_Software_Guide_16thEdition_WebEnough_Software_Guide_16thEdition_Web
Enough_Software_Guide_16thEdition_Web
 
Mobile Website Presentation
Mobile Website PresentationMobile Website Presentation
Mobile Website Presentation
 
10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile Apps 10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile Apps
 
10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile Apps10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile Apps
 
Mobile Developer's Guide To The Galaxy, 14th Edition
Mobile Developer's Guide To The Galaxy, 14th EditionMobile Developer's Guide To The Galaxy, 14th Edition
Mobile Developer's Guide To The Galaxy, 14th Edition
 
Mobile website presentation
Mobile website presentationMobile website presentation
Mobile website presentation
 
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdfMobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
 
Some of our recent thinking
Some of our recent thinkingSome of our recent thinking
Some of our recent thinking
 
Mobile Web vs. Native apps
Mobile Web vs. Native appsMobile Web vs. Native apps
Mobile Web vs. Native apps
 
14 Web tech trends 2014
14 Web tech trends 201414 Web tech trends 2014
14 Web tech trends 2014
 
Mobile Marketing 101 for Businesses Report
Mobile Marketing 101 for Businesses ReportMobile Marketing 101 for Businesses Report
Mobile Marketing 101 for Businesses Report
 
Web Design
Web DesignWeb Design
Web Design
 
Mobile app developers guide
Mobile app developers guideMobile app developers guide
Mobile app developers guide
 
The mobile website kit.templated
The mobile website kit.templatedThe mobile website kit.templated
The mobile website kit.templated
 

Más de Zemanta

Effective content strategy guided by the SAVE framework
Effective content strategy guided by the SAVE frameworkEffective content strategy guided by the SAVE framework
Effective content strategy guided by the SAVE framework
Zemanta
 
40 killer content marketing and blogging tools
40 killer content marketing and blogging tools40 killer content marketing and blogging tools
40 killer content marketing and blogging tools
Zemanta
 
Bloggers vs. publishers
Bloggers vs. publishersBloggers vs. publishers
Bloggers vs. publishers
Zemanta
 
Blogger outreach-campaign-a-guide
Blogger outreach-campaign-a-guideBlogger outreach-campaign-a-guide
Blogger outreach-campaign-a-guide
Zemanta
 
Triple Your Post Frequency
Triple Your Post FrequencyTriple Your Post Frequency
Triple Your Post Frequency
Zemanta
 

Más de Zemanta (13)

Effective content strategy guided by the SAVE framework
Effective content strategy guided by the SAVE frameworkEffective content strategy guided by the SAVE framework
Effective content strategy guided by the SAVE framework
 
40 killer content marketing and blogging tools
40 killer content marketing and blogging tools40 killer content marketing and blogging tools
40 killer content marketing and blogging tools
 
Bloggers vs. publishers
Bloggers vs. publishersBloggers vs. publishers
Bloggers vs. publishers
 
Blogger outreach-campaign-a-guide
Blogger outreach-campaign-a-guideBlogger outreach-campaign-a-guide
Blogger outreach-campaign-a-guide
 
Triple Your Post Frequency
Triple Your Post FrequencyTriple Your Post Frequency
Triple Your Post Frequency
 
Blogging 101 - Zemanta NYC Meetup
Blogging 101 - Zemanta NYC MeetupBlogging 101 - Zemanta NYC Meetup
Blogging 101 - Zemanta NYC Meetup
 
Guide to Content Marketing
Guide to Content MarketingGuide to Content Marketing
Guide to Content Marketing
 
7 Steps to Creating Engaging Content
7 Steps to Creating Engaging Content7 Steps to Creating Engaging Content
7 Steps to Creating Engaging Content
 
Business Blogging on Fire! - Effective Strategies for Corporate Blogging
Business Blogging on Fire! - Effective Strategies for Corporate BloggingBusiness Blogging on Fire! - Effective Strategies for Corporate Blogging
Business Blogging on Fire! - Effective Strategies for Corporate Blogging
 
Tips, Tricks and Strategies on Better Business Blogging
Tips, Tricks and Strategies on Better Business BloggingTips, Tricks and Strategies on Better Business Blogging
Tips, Tricks and Strategies on Better Business Blogging
 
Zemanta - SocialCrush Columbia - Better Business Blogging - Part 1
Zemanta - SocialCrush Columbia - Better Business Blogging - Part 1Zemanta - SocialCrush Columbia - Better Business Blogging - Part 1
Zemanta - SocialCrush Columbia - Better Business Blogging - Part 1
 
Zemanta - SocialCrush Columbia - Better Business Blogging - Part 2
Zemanta - SocialCrush Columbia - Better Business Blogging - Part 2Zemanta - SocialCrush Columbia - Better Business Blogging - Part 2
Zemanta - SocialCrush Columbia - Better Business Blogging - Part 2
 
Quality, Quantity, Web and Semantics
Quality, Quantity, Web and SemanticsQuality, Quantity, Web and Semantics
Quality, Quantity, Web and Semantics
 

7 tips for creating user friendly mobile content

  • 1. 7 Tips for Creating User- friendly Mobile Content by Jessica Davis, Godot Media
  • 2. FACT #1 By 2014, people will connect to the Internet more from their mobile devices than their desktop devices.
  • 3. FACT #2 2013 is the year for mobile marketing as businesses are in a rush to create and publish mobile-friendly content.
  • 4. FACT #3 Latest estimates show that there are 4 mobile devices for every laptop or computer.
  • 5. FACT #4 People always carry their mobile devices with them wherever they are unlike laptops or desktops.
  • 6. FACT #5 The mobile trend has given rise to information snacking where people are consuming content via their mobile.
  • 7. FACT #6 Mobile users are known to abandon their attempts to visit any website if it takes more than a few seconds to load.
  • 8. FACT #7 Mobile users often do not return to websites that gave them a buggy user experience the first time.
  • 9. T h e r e f o r e . . .
  • 10. Companies and publishers must start creating mobile- friendly content to be published on mobile-friendly websites so that they do not lose out on a large customer base. Content that is compatible with desktop devices does not cut it anymore as people cannot view it or engage with it from their mobile devices. Creating responsive or mobile-friendly websites is essential and they must be filled with content that is mobile-friendly too.
  • 11. Creating great mobile content is not rocket science. Here are 7 tips that will help you create such content.
  • 12. Reduce the number of images Content marketers know that visual content is the most appealing. However, adding large images and replacing textual content with pictures is great on websites meant to be viewed only from desktop devices and not if you want to build great mobile content. Infographics, images, graphs, etc. are extremely large files that take a long time to load on mobile devices as these devices have limited bandwidths. Also, large images mean that the person viewing your website has to scroll a lot to view the images in their entirety. A website with many large images is hard to view and navigate via small mobile devices and can frustrate mobile users. TIP #1
  • 13. Reduce size of images Content marketers know that visual content is the most appealing. However, adding large images and replacing textual content with pictures is great on websites meant to be viewed only from desktop devices and not if you want to build great mobile content. Infographics, images, graphs, etc. are extremely large files that take a long time to load on mobile devices as these devices have limited bandwidths. Also, large images mean that the person viewing your website has to scroll a lot to view the images in their entirety. A website with many large images is hard to view and navigate via small mobile devices and can frustrate mobile users. TIP #2
  • 14. Eliminate flash components Flash animation, video and navigation content are absolutely incompatible with mobile devices. Adobe Flash is used to create rich media content and they work fine on desktop devices but on mobile devices they can ruin the user’s experience with the online content. Another reason to stop creating and publishing flash-based content is the fact that Apple has stopped flash compatibility on all its mobile devices and Google has also followed suit by removing Flash from its Android operating system. Use HTML 5 to create rich media content that is extremely mobile friendly. TIP #3
  • 15. Keep textual content short and simple Mobile devices offer only a few square inches in area to view content. This makes it very hard for mobile users to view long textual content and most users lose patience when they have to navigate and scroll too many times to view content on any website. To create excellent mobile content, make sure that the content is succinct and short so that mobile users do not have to scroll too much to get all the information. Highlight important points and make sure that the font is big enough so that users can read the content without having to zoom in. TIP #4
  • 16. Break up textual content Readers looking for online content have no patience to go through long textual content and this is even harder to do on mobile screens. Make sure to break up your content into small, easy-to-digest paragraphs and do not tackle too many points in one paragraph. Use bullet points, numbered lists, informative subheads and highlighted text to get the most important points across to mobile users reading your content from mobile devices. Also, using these bullet points and numbered lists also reduces the amount of text needed to describe something and less text always increases the mobile-friendliness of the content. Hire a good copywriter to create short, punchy mobile content. TIP #5
  • 17. Include mobile plug-ins There are many plug-ins on the Internet that allow people to create mobile- friendly content by allowing users to engage more easily with content from their mobile devices. One of the most widely used plug-ins is WPTouch that is perfect for creating mobile content that needs to be published on WordPress. It makes content more mobile-friendly by removing large design components and allows the content creator to customize the content for mobile visitors. Although content customized via WPTouch may not be very visually appealing, it is compatible with all mobile platforms. TIP #6
  • 18. Make video content more mobile-friendly Video content is one of the most popular forms of content that is being published as it allows companies to create more personal relationships with customers and readers. However as mentioned before, Flash is a complete no- no for creating mobile content. Mobile video content consumption has risen exponentially so you should ensure that all your videos can be viewed easily on small mobile screens. With Custom CSS and HTML 5, videos can be made to resize automatically to fit any mobile device screen. TIP #7
  • 19. Brought to you by Tin Dizdarevic, Publisher Development Director, Zemanta E: tin@zemanta.com, T: 646.207.4636 Let us know how we can help you