This document summarizes Benu Aggarwal's presentation on mobile website design. It discusses trends showing rapid growth in mobile internet usage. It then outlines three approaches to mobile websites: responsive design with the same content across devices, responsive design with device-specific content, and separate mobile sites. It argues that dynamic, server-side responsive design can optimize page loading for different devices while keeping the same URL, requiring less development than purely client-side responsive design.
Localization - How Search Engines View your BusinessMatthew White
The Qebot team will discuss how location information being sent by devices with search are changing the game for local businesses. With location becoming such an important signal to search engines when it comes to relevance of a search, it's important that local businesses have their sites and social systems set up in a way to truly be local. Learn more at http://www.qebot.com
30% to 50% of your website’s traffic now comes from mobile devices. Taking a One Web approach ensures that not only does your site work on the smartphones and tablets of today, but it can be future-proofed for the unimagined screens of tomorrow. Three popular approaches to developing a One Web site: using a responsive design; client-side adaptive designs; and server-side adaptive designs. One is not better or worse than the other; each has its own strengths and weaknesses and the wise web developer will consider the benefits and drawbacks of each before picking the one that works for their next project.
As sophisticated smartphones and faster internet connections gain greater market share, accessing the Web via mobile devices is becoming standard practice. 45% of all consumers use Smartphone for in-store product research and browsing, 72% of tablet owners make purchases from their devices on a weekly basis, 60+% US accessing mobile Internet. Mobile is exploding, and it's no longer the future of search, it is the now of search.
Localization - How Search Engines View your BusinessMatthew White
The Qebot team will discuss how location information being sent by devices with search are changing the game for local businesses. With location becoming such an important signal to search engines when it comes to relevance of a search, it's important that local businesses have their sites and social systems set up in a way to truly be local. Learn more at http://www.qebot.com
30% to 50% of your website’s traffic now comes from mobile devices. Taking a One Web approach ensures that not only does your site work on the smartphones and tablets of today, but it can be future-proofed for the unimagined screens of tomorrow. Three popular approaches to developing a One Web site: using a responsive design; client-side adaptive designs; and server-side adaptive designs. One is not better or worse than the other; each has its own strengths and weaknesses and the wise web developer will consider the benefits and drawbacks of each before picking the one that works for their next project.
As sophisticated smartphones and faster internet connections gain greater market share, accessing the Web via mobile devices is becoming standard practice. 45% of all consumers use Smartphone for in-store product research and browsing, 72% of tablet owners make purchases from their devices on a weekly basis, 60+% US accessing mobile Internet. Mobile is exploding, and it's no longer the future of search, it is the now of search.
Advanced Content Targeting & Personalization Within the Digital Experience Us...Perficient, Inc.
As online resources become more essential to reaching customers, organizations are looking for creative and effective ways to target and personalize the digital experience.
Advanced content targeting has become integral to the marketing strategy, but many marketers struggle to optimize the digital channel due to daunting and technical content targeting methods.
In this slideshare, we focus on key content targeting issues and opportunities with Adobe Experience Manager to improve how to reach customers, including:
Investigating methods for managing content to efficiently target segments of users directly within the Context Cloud
Providing in-depth examples of successful, company-adopted content architectures using content hierarchies to enhance targeting
Demonstrating a streamlined authoring interface for managing targeted content
A talk about data workflow tools in Metrics Monday Helsinki.
Both Custobar (https://custobar.com) and ŌURA (https://ouraring.com) are hiring talented developers. Contact me if you are interested in joining either of companies.
In this talk, we provide an introduction to Python Luigi via real life case studies showing you how you can break large, multi-step data processing task into a graph of smaller sub-tasks that are aware of the state of their interdependencies.
Growth Intelligence tracks the performance and activity of all the companies in the UK economy using their data ‘footprint’. This involves tracking numerous unstructured data points from multiple sources in a variety of formats and transforming them into a standardised feature set we can use for building predictive models for our clients.
In the past, this data was collected by in a somewhat haphazard fashion: combining manual effort, ad hoc scripting and processing which was difficult to maintain. In order to streamline the data flows, we’re using an open-source Python framework from Spotify called Luigi. Luigi was created for managing task dependencies, monitoring the progress of the data pipeline and providing frameworks for common batch processing tasks.
A review of the many opportunities available to search marketers in the native application ecosystem, presented by Rachel Pasqua, Co-Founder of Token, October 2013
Mobile Optimisation with Blackbaud NetCommunity - Boot Camp SeriesBlackbaud Pacific
In this webinar Teresa Judd, Blackbaud's New Zealand Manager and Chris Bell, Blackbaud’s Web developer, discussed the importance of mobile optimisation for your website and how mobile works with NetCommunity.
To view the recording and other NetCommunity sessions please visit our website: https://www.blackbaud.com.au/notforprofit-events/webinars/bbnc-boot-camp
Demystifying Mobile SEO - 2014 Search Engine Strategies Atlanta SessionTim Cannon
As mobile internet usage continues to climb having a solid mobile experience for your website is vitally important. This session will dive into choosing the right approach for search engine optimization (SEO), responsive or dedicated mobile site, and then explore the more technical and strategic aspects of SEO for responsive design which is Google's recommended approach. There are a lot of things to consider from using frameworks, architecture, indexing, and UX. We will explore all of these and also outline recommendations for performance improvements which is critical to successfully implementing responsive design.
This is the story of how a small college with a department of 4 and a zero-based budget, developed a mobile solution that is affordable and provides vital information to future and current students, faculty, and staff.
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersBBDO
Considering that mobile and tablet users constitute an ever-growing share Internet traffic, designing websites with a mobile-first strategy is crucial to a sites success. This paper considers the two UX design techniques that can bring beautiful web design to the smaller screen.
Responsive Web Design - Advantages and Best Practice for Sports DirectCantarus
Using Europe’s largest sports retailer as a real-world case study, we discuss the pros and cons of responsive web design – particularly as regards SEO, costs and performance – versus dedicated mobile websites and then delve into the technology behind Sports Direct’s cutting-edge support for mobile devices.
Responsive Web Design: Advantages & Best Practice - Darrin Adams, CantarusInternet World
Mobile Theatre - June 19th, 15:00-15:30
We discuss the pros and cons of responsive web design – particularly with regards to SEO, costs and performance – versus dedicated mobile websites, and we then delve into the technology required to implement cutting-edge mobile device support for an enterprise-class website.
Responsive Web Design ~ Best Practices for Maximizing ROIJuan Carlos Duron
Implementing a Responsive design for SharePoint? Consider these best practices to ensure you’re delivering an optimized experience for your users. This session discusses RWD principles and industry leading best practice guidelines, followed by a review of public facing SharePoint sites and design elements that can impact project costs and timelines.
Advanced Content Targeting & Personalization Within the Digital Experience Us...Perficient, Inc.
As online resources become more essential to reaching customers, organizations are looking for creative and effective ways to target and personalize the digital experience.
Advanced content targeting has become integral to the marketing strategy, but many marketers struggle to optimize the digital channel due to daunting and technical content targeting methods.
In this slideshare, we focus on key content targeting issues and opportunities with Adobe Experience Manager to improve how to reach customers, including:
Investigating methods for managing content to efficiently target segments of users directly within the Context Cloud
Providing in-depth examples of successful, company-adopted content architectures using content hierarchies to enhance targeting
Demonstrating a streamlined authoring interface for managing targeted content
A talk about data workflow tools in Metrics Monday Helsinki.
Both Custobar (https://custobar.com) and ŌURA (https://ouraring.com) are hiring talented developers. Contact me if you are interested in joining either of companies.
In this talk, we provide an introduction to Python Luigi via real life case studies showing you how you can break large, multi-step data processing task into a graph of smaller sub-tasks that are aware of the state of their interdependencies.
Growth Intelligence tracks the performance and activity of all the companies in the UK economy using their data ‘footprint’. This involves tracking numerous unstructured data points from multiple sources in a variety of formats and transforming them into a standardised feature set we can use for building predictive models for our clients.
In the past, this data was collected by in a somewhat haphazard fashion: combining manual effort, ad hoc scripting and processing which was difficult to maintain. In order to streamline the data flows, we’re using an open-source Python framework from Spotify called Luigi. Luigi was created for managing task dependencies, monitoring the progress of the data pipeline and providing frameworks for common batch processing tasks.
A review of the many opportunities available to search marketers in the native application ecosystem, presented by Rachel Pasqua, Co-Founder of Token, October 2013
Mobile Optimisation with Blackbaud NetCommunity - Boot Camp SeriesBlackbaud Pacific
In this webinar Teresa Judd, Blackbaud's New Zealand Manager and Chris Bell, Blackbaud’s Web developer, discussed the importance of mobile optimisation for your website and how mobile works with NetCommunity.
To view the recording and other NetCommunity sessions please visit our website: https://www.blackbaud.com.au/notforprofit-events/webinars/bbnc-boot-camp
Demystifying Mobile SEO - 2014 Search Engine Strategies Atlanta SessionTim Cannon
As mobile internet usage continues to climb having a solid mobile experience for your website is vitally important. This session will dive into choosing the right approach for search engine optimization (SEO), responsive or dedicated mobile site, and then explore the more technical and strategic aspects of SEO for responsive design which is Google's recommended approach. There are a lot of things to consider from using frameworks, architecture, indexing, and UX. We will explore all of these and also outline recommendations for performance improvements which is critical to successfully implementing responsive design.
This is the story of how a small college with a department of 4 and a zero-based budget, developed a mobile solution that is affordable and provides vital information to future and current students, faculty, and staff.
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersBBDO
Considering that mobile and tablet users constitute an ever-growing share Internet traffic, designing websites with a mobile-first strategy is crucial to a sites success. This paper considers the two UX design techniques that can bring beautiful web design to the smaller screen.
Responsive Web Design - Advantages and Best Practice for Sports DirectCantarus
Using Europe’s largest sports retailer as a real-world case study, we discuss the pros and cons of responsive web design – particularly as regards SEO, costs and performance – versus dedicated mobile websites and then delve into the technology behind Sports Direct’s cutting-edge support for mobile devices.
Responsive Web Design: Advantages & Best Practice - Darrin Adams, CantarusInternet World
Mobile Theatre - June 19th, 15:00-15:30
We discuss the pros and cons of responsive web design – particularly with regards to SEO, costs and performance – versus dedicated mobile websites, and we then delve into the technology required to implement cutting-edge mobile device support for an enterprise-class website.
Responsive Web Design ~ Best Practices for Maximizing ROIJuan Carlos Duron
Implementing a Responsive design for SharePoint? Consider these best practices to ensure you’re delivering an optimized experience for your users. This session discusses RWD principles and industry leading best practice guidelines, followed by a review of public facing SharePoint sites and design elements that can impact project costs and timelines.
Clear as mud: Explaining Web Apps, Mobile Apps, Cloud Computing and Design "t...Shannon Lewis
There are so many confusing terms out there: Responsive design, mobile sites, Web Apps, Mobile App, SaaS, Cloud Computing. This presentation helps to bring some clarity to these topics. This is the full version of this presentation. I have also broken this up into two parts. Part 1 goes over the different types of websites, Part 2 discusses the different types of applications.
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/Jack Zheng
For the most recent version please visit:
https://www.edocr.com/v/k52p5vj4/jgzheng/Mobile-Web-Overview
I have developed the mobile web development course and modules for some courses in KSU/SPSU. This is overview module to introduce the whole field. Topics include choices of mobile application development and delivery, basic principles and best practices of mobile friendly web sites and web applications, and major tools and frameworks.
This presentation takes provides details on the latest design concepts and trends for Android and iOS UI/UX.
Under the hood: UI/UX Design stages
2014 Web Design Trends
Latest Technologies in Web Designing - Saas, Bootstrap, Yeoman, Compass
Benefits of using Latest Trends in Web Designing
Comparison between Old and New Trends in Web Designing
2014 Android Design Trends
Benefits of using Latest Trends in Android in Interface Design
Comparison between Older version Android and Android Kitkat
2014 iOS Design Trends
Benefits of using Latest Trends iOS UI Design
Comparison between iOS 6 and iOS 7
Good Design Tools & Expertise
Similar to SES Chicago 2013 - Responsive, Dynamic, Serving Mobile: Which Path is Right for Me? (20)
Local Search in 2023 - Must-Know and Must-Do TacticsBenu Aggarwal
In this session, renowned local experts Greg Sterling, Joy Hawkins, Mike Blumenthal, and Benu Aggarwal shared extremely useful information on local search for 2023. These included various impacts of algorithm updates and effects in 2022 and the role of Google AI in local search. They highlighted the different types of content that will engage users in local search using hyperlocal experience and also they shared other must-have solutions for local search presence within a marketing plan. The deck and webinar video are now available.
In an entity-first world, user experience (UX), SEO, and content each have a key role to play. But it's in unifying these three connected elements that the best results can be achieved. In this presentation we are sharing why and how UI/UX and SEO works together.
We are discussing five critical ingredients needed to develop a robust UX/SEO/Content scorecard. You'll also see a real-life example of the measurable impact this approach had on a Fortune 500 brand, and walk away with an easy-to-use digital scorecard you can leverage back at the office. You can also see several strategies which will help you in solving complex problems such as measuring ROI to alignment.
Improve conversions in your ongoing digital initiatives
Future-proof digital assets for discovery and optimal user experience
Implement the illustrated step-by-step process of prioritization, alignment, and deployment
Convince top executives why it's essential to work cross-functionally by defining and delivering on success KPIs
Good content and SEO best practices may no longer be enough to help you to stand out in search. Heading forward, it is mission-critical to have content that is optimized for an omnichannel digital experience, backed by an SEO-first content management system (CMS). But what does a truly SEO-first CMS need to help get you in front of your customers?
This session and ppt explain what it takes to be SEO first. We are covering
top 10 must-haves for an SEO-first CMS. We will highlight the importance of SEO-friendly features (e.g., built-in blogs, FAQ modules, location-based widgets, plugins), digital asset management, redirect management, health monitoring dashboards and much more.
Understand how SEO-first CMS will help increase the visibility and discoverability of your digital content
Know the essential features of an SEO-first CMS built for search
Proactively seek out a CMS that helps boost organic search traffic
Digital Marketing Trends and Must Have for 2023 Benu Aggarwal
Sharing latest Digital Marketing trends and must have for 2023.
As we say goodbye to 2022 and welcome in 2023, it is a great time to review noticeable changes in search and consumer behaviors and next year plan for key digital marketing initiatives. In this webinar, we have discussed most significant search, digital marketing & consumer trends, and the must-haves for digital marketers in 2023.
https://vimeo.com/778999690 (Video)
Developing An SEO-First Content Management SystemBenu Aggarwal
Over 90% of digital content has NO audience, according to studies by Ahref and BrightEdge. As the digital space gets more competitive and content more congested, being discoverable on relevant searches is challenging for every business.
Benu Aggarwal, President and Founder of Milestone Inc., shares the top 10 must-haves for an SEO-first CMS. She highlighted the importance of SEO-friendly features (FAQ modules, location-based widgets, plugins), digital asset management, redirect management, health monitoring dashboards, and much more.
In an entity-first world, user experience (UX), SEO, and content each have a key role to play. But it's in unifying these three connected elements that the best results can be achieved.
Join Benu Aggarwal, Founder and President of Milestone Inc., as she discusses the five critical ingredients needed to develop a robust UX/SEO/Content scorecard. You'll also see a real-life example of the measurable impact this approach had on a Fortune 500 brand, and walk away with an easy-to-use digital scorecard you can leverage back at the office.
Future-proof digital assets for discovery and optimal user experience.
Implement the illustrated step-by-step process of prioritization, alignment, and deployment
Convince top executives why it's essential to work cross-functionally by defining and delivering on success KPIs
Digital Breakthrough: How To Stay Ahead In 2021
30 mins
Digital breakthrough is needed to engage and convert more customers. Milestone Inc. President, Benu Aggarwal presents the key challenges, opportunities, top trends, and solutions during post-pandemic recovery. How do you align your digital goals and deliver an effective message that moves them through the customer journey.
Webinar Recap: Leadership lessons by Chip ConleyBenu Aggarwal
Focus on your organization’s culture, accept learning opportunities, grow your skills, problem solve for your customers, use a growth mindset, and practice mindfulness.
In this webinar recap you will hear visionary leader, author, former Joie de Vivre founder and CEO and former AirBNB advisor Chip Conley in conversation with our Founder and President, Benu Aggarwal. They discussed organizational culture development, how to empower employees, what skills are relevant now more than ever, and what the future looks like in the post-pandemic world. Here are some additional take away from the sessions
• The recovery framework and how to lead the team to adapt
• Building an organization culture which helps you thrive during the downturn
• Creating peak experiences by putting employees first who will solve customer problems
• Leadership must-haves to align employees and partners
• Skills that are most valuable today: ownership, communication, problem solving
• How can you add value to your personal careers during a down economy
Chip has helped many people change the way they think about their jobs and helped businesses the world over.
How to Use AI to Write a High-Quality Article that Ranksminatamang0021
In the world of content creation, many AI bloggers have drifted away from their original vision, resulting in low-quality articles that search engines overlook. Don't let that happen to you! Join us to discover how to leverage AI tools effectively to craft high-quality content that not only captures your audience's attention but also ranks well on search engines.
Disclaimer: Some of the prompts mentioned here are the examples of Matt Diggity. Please use it as reference and make your own custom prompts.
The Secret to Engaging Modern Consumers: Journey Mapping and Personalization
In today's digital landscape, understanding the customer's journey and delivering personalized experiences are paramount. This masterclass delves into the art of consumer journey mapping, a powerful technique that visualizes the entire customer experience across touchpoints. Attendees will learn how to create detailed journey maps, identify pain points, and uncover opportunities for optimization. The presentation also explores personalization strategies that leverage data and technology to tailor content, products, and experiences to individual customers. From real-time personalization to predictive analytics, attendees will gain insights into cutting-edge approaches that drive engagement and loyalty.
Key Takeaways:
Current consumer landscape; Steps to mapping an effective consumer journey; Understanding the value of personalization; Integrating mapping and personalization for success; Brands that are getting It right!; Best Practices; Future Trends
When most people in the industry talk about online or digital reputation management, what they're really saying is Google search and PPC. And it's usually reactive, left dealing with the aftermath of negative information published somewhere online. That's outdated. It leaves executives, organizations and other high-profile individuals at a high risk of a digital reputation attack that spans channels and tactics. But the tools needed to safeguard against an attack are more cybersecurity-oriented than most marketing and communications professionals can manage. Business leaders Leaders grasp the importance; 83% of executives place reputation in their top five areas of risk, yet only 23% are confident in their ability to address it. To succeed in 2024 and beyond, you need to turn online reputation on its axis and think like an attacker.
Key Takeaways:
- New framework for examining and safeguarding an online reputation
- Tools and techniques to keep you a step ahead
- Practical examples that demonstrate when to act, how to act and how to recover
Unleash the power of UK SEO with Brand Highlighters! Our guide delves into the unique search landscape of Britain, equipping you with targeted strategies to dominate UK search engine results. Discover local SEO tactics, keyword magic for UK audiences, and mobile optimization secrets. Get your website seen by the right people and propel your brand to the top of UK searches.
To learn more: https://brandhighlighters.co.uk/blog/top-seo-agencies-uk/
In this presentation, Danny Leibrandt explains the impact of AI on SEO and what Google has been doing about it. Learn how to take your SEO game to the next level and win over Google with his new strategy anyone can use. Get actionable steps to rank your name, your business, and your clients on Google - the right way.
Key Takeaways:
1. Real content is king
2. Find ways to show EEAT
3. Repurpose across all platforms
Mastering Local SEO for Service Businesses in the AI Era is tailored specifically for local service providers like plumbers, dentists, and others seeking to dominate their local search landscape. This session delves into leveraging AI advancements to enhance your online visibility and search rankings through the Content Factory model, designed for creating high-impact, SEO-driven content. Discover the Dollar-a-Day advertising strategy, a cost-effective approach to boost your local SEO efforts and attract more customers with minimal investment. Gain practical insights on optimizing your online presence to meet the specific needs of local service seekers, ensuring your business not only appears but stands out in local searches. This concise, action-oriented workshop is your roadmap to navigating the complexities of digital marketing in the AI age, driving more leads, conversions, and ultimately, success for your local service business.
Key Takeaways:
Embrace AI for Local SEO: Learn to harness the power of AI technologies to optimize your website and content for local search. Understand the pivotal role AI plays in analyzing search trends and consumer behavior, enabling you to tailor your SEO strategies to meet the specific demands of your target local audience. Leverage the Content Factory Model: Discover the step-by-step process of creating SEO-optimized content at scale. This approach ensures a steady stream of high-quality content that engages local customers and boosts your search rankings. Get an action guide on implementing this model, complete with templates and scheduling strategies to maintain a consistent online presence. Maximize ROI with Dollar-a-Day Advertising: Dive into the cost-effective Dollar-a-Day advertising strategy that amplifies your visibility in local searches without breaking the bank. Learn how to strategically allocate your budget across platforms to target potential local customers effectively. The session includes an action guide on setting up, monitoring, and optimizing your ad campaigns to ensure maximum impact with minimal investment.
Everyone knows the power of stories, but when asked to come up with them, we struggle. Either we second guess ourselves as to the story's relevance, or we just come up blank and can't think of any. Unlocking Everyday Narratives: The Power of Storytelling in Marketing will teach you how to recognize stories in the moment and to recall forgotten moments that your audience needs to hear.
Key Takeaways:
Understand Why Personal Stories Connect Better
How To Remember Forgotten Stories
How To Use Customer Experiences As Stories For Your Brand
In this presentation, Danny Leibrandt explains the impact of AI on SEO and what Google has been doing about it. Learn how to take your SEO game to the next level and win over Google with his new strategy anyone can use. Get actionable steps to rank your name, your business, and your clients on Google - the right way.
Key Takeaways:
1. Real content is king
2. Find ways to show EEAT
3. Repurpose across all platforms
The digital marketing industry is changing faster than ever and those who don’t adapt with the times are losing market share. Where should marketers be focusing their efforts? What strategies are the experts seeing get the best results? Get up-to-speed with the latest industry insights, trends and predictions for the future in this panel discussion with some leading digital marketing experts.
The What, Why & How of 3D and AR in Digital CommercePushON Ltd
Vladimir Mulhem has over 20 years of experience in commercialising cutting edge creative technology across construction, marketing and retail.
Previously the founder and Tech and Innovation Director of Creative Content Works working with the likes of Next, John Lewis and JD Sport, he now helps retailers, brands and agencies solve challenges of applying the emerging technologies 3D, AR, VR and Gen AI to real-world problems.
In this webinar, Vladimir will be covering the following topics:
Applications of 3D and AR in Digital Commerce,
Benefits of 3D and AR,
Tools to create, manage and publish 3D and AR in Digital Commerce.
Short video marketing has sweeped the nation and is the fastest way to build an online brand on social media in 2024. In this session you will learn:- What is short video marketing- Which platforms work best for your business- Content strategies that are on brand for your business- How to sell organically without paying for ads.
As the call for for skilled experts continues to develop, investing in quality education and education from a reputable https://www.safalta.com/online-digital-marketing/best-digital-marketing-institute-in-noida Digital advertising institute in Noida can lead to a a success career on this eve
First Things First: Building and Effective Marketing Strategy
Too many companies (and marketers) jump straight into activation planning without formalizing a marketing strategy. It may seem tedious, but analyzing the mindset of your targeted audiences and identifying the messaging points most likely to resonate with them is time well spent. That process is also a great opportunity for marketers to collaborate with sales leaders and account managers on a galvanized go-to-market approach. I’ll walk you through the methods and tools we use with our clients to ensure campaign success.
Key Takeaways:
-Recognize the critical role of strategy in marketing
-Learn our approach for building an actionable, effective marketing strategy
-Receive templates and guides for developing a marketing strategy
SES Chicago 2013 - Responsive, Dynamic, Serving Mobile: Which Path is Right for Me?
1. Chicago
•
November
4–7,
2013
•
#SESCHI
@SESConf
Responsive,
Dynamic,
Serving
Mobile
Which
Path
is
Right
for
Me?
Benu
Aggarwal
Milestone
Internet
MarkeBng
Inc.
President
and
Founder
2. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Agenda
• Mobile
Trends
• Types
of
mobile
sites
• Dynamic
Server
Side
verses
Client
Side
Responsive
• QA
tools
• Closing
Notes
3. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Milestone
at
a
glance
Drive online revenue and profitability for our clients
Silicon Valley ~ Chicago ~ India
150 employees ~1500 hotels
Digital marketing software and services for hospitality
4. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Mobile
Internet
is
growing
fast!
5. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Device
behavior
at
different
parts
of
the
day
6. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Understand
the
user
intent…
§ Desktop
User
§ Office
hours
§ Research
about
property,
specials,
events,
reviews
and
detailed
informaUon
§ Mobile
User
§ Lunch
breaks/Starbucks
§ Looking
for
property
locaUon,
maps
and
direcUons,
click
to
call
reservaUons,
local
area
guide
§ Tablet
User
§ Evening
hours
§ Looking
for
visual
content
about
property
and
desUnaUon
7. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Mobile conversions can be big!
Multi screen search behavior
8. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Mobile
visitor
behavior
Use
Google
AnalyUcs
1.
Go
into
Traffic
>
Search
Queries
2.
Select
Mobile
Filter
9. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
3
opUons
for
your
mobile
sites
RESPONSIVE CLIENT SIDE
1. Same
website
&
URL
2. Different
layout
but
same
elements
resized
3. Same
content
for
desktop,
mobile
&
iPad
4. Sites
are
download
heavy
RESPONSIVE
SERVER
SIDE/
DYNAMIC
SERVING
1. Same
URL
and
website
2. Different
layout,
different
elements
3. Different
content
/same
content
served
according
to
device
for
desktop,
mobile
and
I-‐pad.
4. Site
speed
is
good
and
server
side
caching
is
effecUve
SEPARATE
MOBILE
SITE
1. Different
URL
2. Different
layout
3. Different
content
for
desktop
and
different
for
mobile.
4. Sites
are
download
heavy
5. Need
canonical
and
rel=alternate
tags
to
be
implemented
1
2
3
10. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Breakpoints: Responsive vs. Dynamic
serving
Client
side
Responsive/RWD/
AdapBve
/Dynamic
Server
side/RESS
Responsive
design
is
client-‐side,
meaning
the
whole
page
is
delivered
to
the
device
browser
(the
client),
and
the
browser
then
changes
how
the
page
appears
in
relaUon
to
the
dimensions
of
the
browser
window.
AdapUve
design
is
server-‐side,
meaning
before
the
page
is
even
delivered,
the
server
(where
the
site
is
hosted)
detects
the
aeributes
of
the
device,
and
loads
a
version
of
the
site
that
is
opUmized
for
its
dimensions
and
naUve
features.
Same
web
URL
consistent
across
all
devices
Same
web
URL
consistent
across
all
devices.
Content
stays
the
same
across
all
devices
Same
content
can
be
shown
across
all
devices
or
ability
to
customize
meta
and
content
shown
per
device
Both
desktop
and
mobile
devices
download
the
enUre
web
page
Most
OpUmized
page
size,
Render
only
those
components
which
are
viewable
on
requested
device
With
responsive,
the
device
itself
does
the
work
with
media
queries
to
display
the
re-‐sized
images
and
opUmized
layout,
With
adapUve,
the
server
does
the
work
and
delivers
the
page
already
opUmized.
For
images,
small/mobile
images
are
loaded
first
and
then
replace
with
larger
images
designed
for
broadband/desktop
experience.
Images
can
be
further
opUmized
for
mobile
and
tablet
experience
by
taking
advantage
of
the
extra
features.
Page
load
Ume
is
high
Page
Loading
Ume
can
be
controlled,
further
improving
their
experience.
CSS/JS
changes
require
to
make
site
compactable
for
new
devices
RESS
leaves
the
heavy
liling
to
the
server
rather
than
requiring
the
relaUvely
low
powered
device
to
do
all
the
work
Require
25-‐30%
more
development
(compare
to
RESS)
to
build
and
maintain
The
server
side
approach
saves
on
development
Ume
and
also
saves
on
code
management
and
extension
once
the
iniUal
site
has
been
created,
with
less
risk
of
introducing
bugs
and
the
ability
to
target
devices
based
on
fine
grained
device
detecUon.
11. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Comprehensive
Responsive
• Same
URL
with
two
opUons
– Same
Content
– Different
Content
• Different
elements
based
on
device
type
• Server-‐side
content
opUmizaUon
to
reduce
download
Ume
• Integrated
with
CMS
and
analyUcs
Separate
Mobile
• Different
URL
• Different
layout
• Different
content
for
desktop
and
different
for
mobile
• Integrated
with
CMS
12. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Search
engines
are
focusing
on
mobile
experience
http://googlewebmastercentral.blogspot.in/2013/06/changes-in-rankings-of-smartphone_11.html
13. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Separate
mobile
site
• Desktop
Pages
–
Rel
Alternate
(assuming
every
desktop
page
has
mobile
equivalent)
• Mobile
Page
–
Rel
Canonical
tag
on
the
mobile
site
poinUng
back
to
desktop
site
• SelecUvely
do
301
redirect
for
pages
which
do
not
exist
on
the
mobile
site
14. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Mobile
Tablet
Desktop
15. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Client
side
responsive
design
Requires
mulUple
CSS
stylesheets
so
that
site
displays
correctly
on
the
following
viewports:
– 320
×
480
Phone
(portrait)
– 480
×
320
Phone
(landscape)
– 480
×
800
Small
Tablet
(portrait)
– 800
×
480
Small
Tablet
(landscape)
– 768
×
1024
Large
Tablet
(portrait)
– 1024
×
768
Large
Tablet
(landscape)
– 1280
×
800
Desktop
16. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Dynamic
serving
for
different
devices
Mobile
Tablet
Desktop
www.interconUnentalboston.com
17. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Wire Frames for different Devices
18. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
How
does
Responsive
Design
Server
Side
work?
User
goes
to
website
Server-‐side
script
renders
HTML
referencing
the
JavaScript
and
CSS
files
for
device
Server-‐side
script
detects
user’s
device
type
Tablet.css
Tablet.js
Phone.css
Phone.js
Desktop.css
Desktop.js
We
serve
appropriate
JS
and
CSS
based
on
users
browsing
device
19. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
RWD Step-by-step Process
1
2
3
Research
• Keywords (same as desktop)
• Content writing (same as desktop)
5
4
Design
• Follow w3 guidelines
Programming
Testing/QA
• Validate site in simulators and emulators
7
Site live on same URL
Promotion
• PPC, Mobile Directories
20. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Responsive
dynamic
serving
is
preferred
Impact
of
download
Ume
on
conversion
Just
One
Second
Delay
In
Page-‐Load
Can
Cause
7%
Loss
In
Customer
Conversions
1sec
=
7%
Load
Delay
Conversion
Drop
21. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Page
speed
insights
for
mobile
• PAGE
ABOVE
THE
FOLD
MUST
RENDER
UNDER
A
SECOND
on
a
mobile
network.
• Majority
of
users
access
the
page
from
a
3G
network.
Typical
breakdown
of
a
second
while
accessing
a
page
• Research
shows
any
delay
longer
than
a
second
will
not
keep
user
engaged
22. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
To
meet
the
1
sec
criteria
1. Reliable
hosBng
provider
Server
must
render
the
response
(<
200
ms)
–
This
is
the
server
response
Ume
that
it
takes
the
server
to
return
the
HTML.
This
factors
in
the
network
transport
Ume
2. Minimize
redirects
Number
of
redirects
should
be
minimized
–
One
addiUonal
HTTP
request
can
add
one
or
two
extra
network
round
trips
(A
good
Ume
to
look
into
all
the
redirects
we
are
doing)
3. Use
inline
CSS
above
the
fold
Avoid
external
blocking
JavaScript
and
CSS
above-‐the-‐fold
content
4. Browser
layout
and
rendering
(200
ms)
This
is
the
Ume
required
to
parsing
the
HTML,
CSS
&
JS.
5.
OpUmize
JavaScript
execuUon
and
rendering
Ume
23. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
24. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Java
Script
and
CSS
comparison
25. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Using
Page
speed
Insights
to
test
hep://developers.google.com/speed/pagespeed/insights/
26. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Mobile Integration
• Manage
desktop,
mobile,
tablet
from
one
interface
• Device-‐specific
preview
opUon
• OpUon
to
manage
meta
tags
based
on
device
type
Mobile integration
27. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Mobile
website
QA
tools
• Other
tools
are
used
for
tesUng
– User
agent
switcher
for
Firefox
&
Chrome
– hep://quirktools.com/screenfly/
– hep://responsivetools.com/site-‐url/
– Mobilizer
– Physical
devices
Ipad
&
Iphone
28. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
hep://quirktools.com/screenfly/
29. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Closing
Notes
• Know
your
audience
search
behavior
• Decide
best
mobile
soluUon
for
your
business
• Do
not
301
redirect
all
pages
to
mobile
home
• If
you
decide
to
do
separate
mobile
site,
do
rel
alternate
and
rel
cononical
• Do
performance
tesUng
• Server
Side
Responsive
can
be
good
if
done
carefully
30. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Know
Great
People
• Director
of
Strategies
Client
Facing
• Sr.
Web
Analyst
• hep://jobs.milestoneinternet.com
31. Chicago
|
November
4–7,
2013
|
#SESCHI
|
@SESConf
@milestonemktg
@benuaggarwal
Thank
You
QuesBons?
Benu
Aggarwal
benu@milestoneinternet.com
www.milestoneinternet.com
blog.milestoneinternet.com
twieer.com/milestonemktg
facebook.com/MilestoneInc
google.com/+MilestoneInternet