Responsive Design What it is and why you need it.

Slides:

Advertisements

Similar presentations

Search Engine Optimisation (SEO) by Graham Sowerby (28 th November 2013)

Advertisements

Presented by: Your Name Your Phone Number Your Website Address How Your Local Business Can ATTRACT and KEEP Customers Through Mobile Marketing.

V1.01 Embracing the Mobile Frontier and Reaching the Digital Natives Jonathan

APC Content Syndication APC SharedVue Showcase powered by The Channel Company.

 Met with my groups face to face, presented a topic and had open time for questions  ed the information once a week to Moms that attended the.

Information Technology in Travel, Hospitality and Tourism

Marketing Best Practices Office Xpats September 30, 2014 Presented by Marietta Szubski.

We are partners in learning.. Note: Office 365 works best in Internet Explorer V 9 or above. Some features do not work in PWCS’s Chrome Browser or in.

[ Date ] [insert your community foundation logo here] Give Local America A giving day opportunity.

Local Marketing For Nonprofits There’s No Perfect Tool.

Responsive Wed Design : An Emerging Technology Archana Jain.

FIRST SCREEN In 1929, we were introduced to the “First Screen” Still today, Television advertising is a tremendously effective way to market.

Presented by: Nik Korakianitis

DESIGNING FOR MOBILE Lunch & Learn Series | February 20, 2014.

LaunchGuru Software Development Private Limited Digital Marketing Services Presentation by Venkatesh Sudha.

Getting There from Here: A Model to Develop Social Media and Digital Strategies to Increase Alumni Engagement with Your Alumni Website David Regan White.

Web Editors’ Board 9 th January ∂ Website project Where are we now? User-testing, analytics and competitor reviews Draft information architecture.

2015 Webmaster Training. 1.Site Navigation RWD Structure Sharing content areas 2.Dynamic Content Updates News/Blog Containers Calendars – Priority, Standard.

Paul Mundy and Bob Huggan 1 Websites.

Internet Explorer. What’s new.?.?.? Internet Explorer 7 has a new interface that shows more of each webpage you visit Internet Explorer 7 has a new interface.

Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.

Kelly rowland WHAT WE ALL NEED!!. hoppadon formly of village deuce mafia...the hottest rap don spitting!!

Making You Explore the Potential of Online Business CMS Based - Web Development Solutions.

Going Mobile with MobileMana Get a great mobile website solution today!

WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.

Interactive and Collaborative Websites. Turning IDEAS Into SOLUTIONS Can you easily create a web page with tools such as blogs, photo galleries, surveys.

SEO & Mobile J OHN K ARP – S ENIOR C AMPAIGN D IRECTOR.

Do You Have a Web Site?. Everyone does, don’t they?

Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 

Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® Copyright 2012 Adobe.

Internet Browsing the world. Browse Internet Course contents Overview: Browsing the world Lesson 1: Internet Explorer Lesson 2: Save a link for future.

LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 6: Links.

Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials The internet: Blogging Suitable for: Advanced.

Mr. Justin “JET” Turner CSCI 3000 – Fall 2015 CRN Section A – TR 9:30-10:45 CRN – Section B – TR 5:30-6:45.

Visit The World’s First Guaranteed Results Marketing Firm Topic: Social Branding.

Delivering Your Messages in Today’s Online Environment American Library Association, PR Forum Kevin T. Kirkpatrick Executive Vice President Sunday, July.

Testing and Maintaining a Web Site Presented by: Angelo Russo Student number: 10 Acknowledgement: This information is primarily gathered from: – Web Design,

Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.

Negative ranking factors are things you do on your site that harm your rankings. Linking out to low trust websites. Duplicate Content Not Being Mobile.

2015 Website Updates. Design: Overall layout of visual elements Navigation: Arrangement of menus Layout: Arrangement of content on an indvidiual page.

Responsive Web Designing Using CSS3 & HTML5 -Sandip Jadhav “We are building a web, for all device ”

Principles of effective web design NOTES Flo Morris-Duffin.

Your Marketing Voice “How to Manage Your Social Media”

Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

HOW’S YOUR WEBSITE DOING? Getting to Know Your Google Analytics.

Multi-Channel Marketing

IT’S OUR FAVORITES!! Delicious: It’s What’s for Dinner.

GO MOBILE. GO RESPONSIVE. 185 mil mobile internet users in India

LESSON 15 – UNIT 0 ADAPTING YOUR WEB SITE FOR MOBILE DEVICES.

10 Effective Website Tips Luana Mattey For Professionals in Private Practice Get Online, Get Found, Get Clients.

What is Seo? SEO stands for “search engine optimization.” It is the process of getting traffic from the “free,” “organic,” “editorial” or “natural” search.

1 Company Confidential Need a Mobile DotNetNuke Site? Get One the Quick and Easy Way Using CSS Media Queries Amelia Marschall Partner & Creative Director.

The Importance of Responsive Web Design Provide By

XL Internet Marketing Marketing Strategy with Internet.

1 Web Search What are easy ways to create a website? 2 Web Search What is a blog? What type of content does this type of website provide? 3 Web.

Web Analytics Fundamentals Presented by Tejaswi, Chandrika, Sunil.

MASTER THE MULTI-SCREEN WORLD. AGENDA  What is a multi-screen website?  The growing importance of multi-screen sites  What Google recommends  Turning.

Presentation by: Rebecca Chambers WebDuck Designs

Web Marketing Relationship Management – Existing Customers

3 Best Website Speed and Performance Checking Tools

Winning the Mobile War How to Get to #1 in Your Market

Website Building & E-Commerce for Your Pure Water Business

Master the MULTI-SCREEN WORLD.

WHY DIGITAL MEDIA AND MARKETING IS BETTER THAN TRADITIONAL MARKETING? The world of Internet marketing continues to evolve and as long as technology continues.

Tips to Increase User Engagement On Website

a cyclical approach to attracting your best guest

Listing Builder.

WEB DESIGN FOR MULTIPLE SCREENS

Responsive Design What it is and why you need it.

Brand Yourself and Promote Your Business in Play Therapy

Presentation transcript:

Responsive Design What it is and why you need it

Today’s Topics RWD v Mobile Which is right for you and your site(s)? A Few Numbers to Blow Your Mind So many devices, so little time… Remember the Entire Conversion Path Don’t forget responsive s and forms

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 Imagine All the People… Numbers to Consider There are 7.2B people in the world There are 7.5B mobile devices The mobile phone went from 0 to 7.5B in 30 years There are more devices than people and they are multiplying 5x faster than humans mobile-devices-than-people-in-the-world html

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 Imagine All the People… That is a lot of people. And a lot of phones…

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 Mobile Tipping Point The number of people using mobile devices to access the web has surpassed those using a desktop for the first time in history Amazon.com and Google both saw mobile numbers surpass desktop in 2014 People spend more time on mobile devices per day than they watch television marketing-statistics/ devices-than-tv

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 Mobile Tipping Point

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 Mobile Tipping Point What Does This Mean for YOU? !!!Your audience is visiting your site on a mobile device!!! Are you ready? Is your site ready? Are your s ready? Are your online forms ready?

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 Not Ready 

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 Ready! Check your site!

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 Responsive Website Design Responsive Web Design: A design that changes the layout of the page based upon the device viewing the site

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 Responsive Website Design

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 Responsive Website Design More Info Started as early as 2004, gained popularity starting in ~2010 One URL for your site Delivers same code to browser Fluid layouts that adjust to screen size Images, navigation, other elements must change (shrink, stack, hide, etc.) depending on the screen size

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 Mobile Optimized Website Design More Info A subfolder (domain.com/mobile) or sub-domain (m.domain.com) is used Device specific – browser detection brings up correct version 2 sets of content Simplified navigation, larger, thumb-friendly buttons, only smaller images for faster load times on mobile site

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 RWD v Mobile Optimized Responsive DesignMobile Optimized One Design with Fluid LayoutsLayouts are Device Specific Easy to Maintain and UpdateTwo Sets of Content to Update Easier to Configure for SEOComplicated to Optimize for Search Menus, Images, Nav Hide or ShrinkSimplified Nav, Smaller Images Only Looks Good on All DevicesMobile-Centric Experience Potentially Slow Load TimesFaster Load Times Better for Complex ContentSimplified, Streamlined Content More Expensive but Lasts LongerLess Expensive, Frequent Updates Keep One DomainTwo Domains

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 The Entire Conversion Path s Online Forms Main Website Social Media - Paid Ads Partner Websites - Blog Posts Events - Other Sources Consider All Touch Points is still the #1 tool for communicating with donors and supporters – MAKE SURE IT LOOKS GOOD ON MOBILE DEVICES! All forms – sign up, donation forms, action alerts, surveys, etc. – must look and function well on mobile devices TEST, TEST, TEST!!!

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 The Entire Conversion Path

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 The Entire Conversion Path

FIREFLY PARTNERS / Responsive Design T4G Forum / July 15, 2015 Key Takeaways What Will Stick? More mobile web browsing than desktop as of 2015 Your web pages, online forms, and s must look and function well on mobile devices TEST, TEST, TEST!!!

Questions?