You're Doing it Wrong – How App Developers Can Leverage the Web (June 2015 fo...Daniel Appelquist
This is an updated and expanded version of a talk I gave at last year's Forum Oxford. It's aimed at App developers and emphasizes the ways in which they can and should take advantage of the open web for discovery, “sharability” and linkability, as well as encouraging the development of functional web applications where possible.
A discussion about the benefits of a mobile-first responsive approach to web development, why it is as important for desktop environments as it is for mobile devices and why it is the future of web development.
Along the way we'll dispell some of the myths you have heard about responsive web development, leaving you no excuses to not start your next project thinking mobile-first.
Coming soon to a device near you.
This presentation was first shown at the international Joomla conference, J and Beyond 2012, by Seth Warburton of Internet Inspired.
Designing Websites With a Mobile First ApproachDan Moriarty
Learn about designing and building your website to be mobile first, meaning you begin at the smallest screen size available. Make your design, content, and planning decisions here, and then enhance and expand to the desktop
You're Doing it Wrong – How App Developers Can Leverage the Web (June 2015 fo...Daniel Appelquist
This is an updated and expanded version of a talk I gave at last year's Forum Oxford. It's aimed at App developers and emphasizes the ways in which they can and should take advantage of the open web for discovery, “sharability” and linkability, as well as encouraging the development of functional web applications where possible.
A discussion about the benefits of a mobile-first responsive approach to web development, why it is as important for desktop environments as it is for mobile devices and why it is the future of web development.
Along the way we'll dispell some of the myths you have heard about responsive web development, leaving you no excuses to not start your next project thinking mobile-first.
Coming soon to a device near you.
This presentation was first shown at the international Joomla conference, J and Beyond 2012, by Seth Warburton of Internet Inspired.
Designing Websites With a Mobile First ApproachDan Moriarty
Learn about designing and building your website to be mobile first, meaning you begin at the smallest screen size available. Make your design, content, and planning decisions here, and then enhance and expand to the desktop
I have selected some web trends to share with you that I expect to really take off in 2015 and linger well beyond. I selected those that I think will be more than just be a passing phase.
Why "mobile first" isn't enough - Developing a better user experienceKevin Powell
"Mobile first," is a concept that serves us well as a design tool, putting constraints on our messaging, layout, etc. But to use "mobile first" as a complete mobile strategy can lead to some dangerous lines of thought.
There's a bigger picture that needs to be seen, and it's what we've always done when developing experiences for the web. We need to put the "Experience First." Then we can think about "mobile", "desktop", "lean-back", and whatever other technologies are released in the next several years. It's not about devices, it's about users and experiences.
Presentation first given at BarCamp Nashville in October of 2011.
40 Tools in 20 Minutes: Hacking your Marketing CareerEric Leist
Marketing today requires doing a little bit of everything from creative writing to HTML to light Photoshopping. There are a ton of free tools to make those tasks easier and scalable.
Originally presented at Suffolk University's Bridging the Gap Conference--April 18th, 2014.
WEB APPS
http://zapier.com
https://ifttt.com/
http://twitterfeed.com/
http://gaggleamp.com
http://landerapp.com/
https://support.google.com/analytics/answer/1033867?hl=en
http://99designs.com/
http://visual.ly
http://www.alexa.com/
http://www.hubspot.com/blog-topic-generator
http://www.wordle.net/
www.inboundwriter.com
http://litmus.com/
http://www.inboundwriter.com/
https://www.optimizely.com/
http://thenounproject.com/
http://fortawesome.github.io/Font-Awesome/
https://www.facebook.com/help/459892990722543/
http://ads.twitter.com
https://plzadvize.com/
DESKTOP APPS
https://itunes.apple.com/us/app/caffeine/id411246225?mt=12
http://jumpcut.sourceforge.net/
http://www.gifgrabber.com/
http://www.gimp.org/
EMAIL TOOLS
http://getsignals.com
http://www.yesware.com/
http://www.boomeranggmail.com/
http://rapportive.com/
http://www.wisestamp.com/
http://verify-email.org
MOBILE APPS
https://play.google.com/store/apps/details?id=com.xuchdeid.clear
https://itunes.apple.com/us/app/cardmunch-business-card-reader/id478351777?mt=8
BROWSER PLUGINS
https://chrome.google.com/webstore/detail/omnidrive/gpnikbcifngfgfcgcgfahidojdpklfia?hl=en-US
https://addons.mozilla.org/en-US/firefox/addon/klout/
LEARNING PLATFORMS
http://www.google.com/analytics/learn/
http://www.codecademy.com/
http://teamtreehouse.com/
https://generalassemb.ly/
http://www.intelligent.ly/
http://smarterer.com/
This webinar will demonstrate how professional and B2B brands are deftly handling the challenges of mobility and screen size, while also solving branding challenges bigger than any device. Joe Walsh, Principal and Creative Director at Greenfield/Belser will share a visual show and tell with lessons learned and best practices shared.
You will see and learn:
· The difference between responsive and adaptive designed mobile websites
· The pros and cons of device friendly options, including costs
· Four new responsive website case studies and the integrated branding approaches driving them
· Best brand and marketing practices across all devices.
A multi-screen site refers to one website that is optimized for desktop, tablet and mobile. A common, but more technical, term for these kind of websites is “responsive.”
This article details some of the basic techniques involved in creating and marketing a mobile website.
Mobile web marketing is projected to rise exponentially as more and more users acquire high-end mobiles allowing them to access websites on-the-go. More than half a billion people across the globe use their mobile phones to access the web. And with mobile devices quickly gaining popularity over traditionally PC’s, user counts are expected to increase dramatically.
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.
Besides a quick explanation of what responsive email design is; I take a look at what’s possible, going through some of the responsive layout patterns we’ve deployed. I’ve also got a section on tablets, touch, performance and techniques for dealing with clients that don’t support media queries. I finish up by looking at testing…hope you find it useful. You can watch the video that goes with deck here: http://www.youtube.com/watch?v=T6GajEVabP4
I take a look at designing a modular template system. This is simply a group of reusable modules and email patterns, that can be combined together in various ways to generate different templates. Although not a new approach, I've seen a surge of interest in the last few years as everyone grapples with mobile redesigns.
The featured examples vary in scope and industry. Adorama started with just ten modules and have gone onto expand it, whereas Monster’s latest is 35. They also had different design challenges, which I go through along with our process, user testing and internal management.
Click the 'Notes' tab below right, to view the video transcript for each slide. The video shows the live templates and gives a bit more context than the deck. You can watch it here: http://bit.ly/1zumjAd
MeasureWorks - StartupBootCamp Amsterdam - Outrun your competitionMeasureWorks
Nobody likes waiting… Especially (spoiled) online consumers, with all that content and competition just one click away. In this session Jeroen Tjepkema, founder of MeasureWorks, will explain the delicate balance between performance, usability and conversion. Based on real world examples and user panel research, this session will provide actionable insights in what's needed to create an user experiences that exceeds expectations. You'll learn how the mind of your user works, what keeps them clicking, what metrics to collect and how to measure performance and user experience.
Here's some of what it covers:
Mobile context
Mobile testing tools
Fixed vs. fluid layouts
Scalable layouts
Horizontal layouts
Designing for touch
Real-time content
Google Mobile Sites | We Got Certified so You Don't Have ToPeyton Tata
Mobile Sites. Why They Matter + How to Optimize. Google is moving to a mobile-first index and here are some things we know Google looks for when determining a website's PageRank or where your website will fall on the Search Engine's Page.
Do informal risk sharing groups reduce the challenge of providing weather ind...essp2
Ethiopian Development Research Institute and International Food Policy Research Institute (IFPRI/EDRI), Tenth International Conference on Ethiopian Economy, July 19-21, 2012. EEA Conference
I have selected some web trends to share with you that I expect to really take off in 2015 and linger well beyond. I selected those that I think will be more than just be a passing phase.
Why "mobile first" isn't enough - Developing a better user experienceKevin Powell
"Mobile first," is a concept that serves us well as a design tool, putting constraints on our messaging, layout, etc. But to use "mobile first" as a complete mobile strategy can lead to some dangerous lines of thought.
There's a bigger picture that needs to be seen, and it's what we've always done when developing experiences for the web. We need to put the "Experience First." Then we can think about "mobile", "desktop", "lean-back", and whatever other technologies are released in the next several years. It's not about devices, it's about users and experiences.
Presentation first given at BarCamp Nashville in October of 2011.
40 Tools in 20 Minutes: Hacking your Marketing CareerEric Leist
Marketing today requires doing a little bit of everything from creative writing to HTML to light Photoshopping. There are a ton of free tools to make those tasks easier and scalable.
Originally presented at Suffolk University's Bridging the Gap Conference--April 18th, 2014.
WEB APPS
http://zapier.com
https://ifttt.com/
http://twitterfeed.com/
http://gaggleamp.com
http://landerapp.com/
https://support.google.com/analytics/answer/1033867?hl=en
http://99designs.com/
http://visual.ly
http://www.alexa.com/
http://www.hubspot.com/blog-topic-generator
http://www.wordle.net/
www.inboundwriter.com
http://litmus.com/
http://www.inboundwriter.com/
https://www.optimizely.com/
http://thenounproject.com/
http://fortawesome.github.io/Font-Awesome/
https://www.facebook.com/help/459892990722543/
http://ads.twitter.com
https://plzadvize.com/
DESKTOP APPS
https://itunes.apple.com/us/app/caffeine/id411246225?mt=12
http://jumpcut.sourceforge.net/
http://www.gifgrabber.com/
http://www.gimp.org/
EMAIL TOOLS
http://getsignals.com
http://www.yesware.com/
http://www.boomeranggmail.com/
http://rapportive.com/
http://www.wisestamp.com/
http://verify-email.org
MOBILE APPS
https://play.google.com/store/apps/details?id=com.xuchdeid.clear
https://itunes.apple.com/us/app/cardmunch-business-card-reader/id478351777?mt=8
BROWSER PLUGINS
https://chrome.google.com/webstore/detail/omnidrive/gpnikbcifngfgfcgcgfahidojdpklfia?hl=en-US
https://addons.mozilla.org/en-US/firefox/addon/klout/
LEARNING PLATFORMS
http://www.google.com/analytics/learn/
http://www.codecademy.com/
http://teamtreehouse.com/
https://generalassemb.ly/
http://www.intelligent.ly/
http://smarterer.com/
This webinar will demonstrate how professional and B2B brands are deftly handling the challenges of mobility and screen size, while also solving branding challenges bigger than any device. Joe Walsh, Principal and Creative Director at Greenfield/Belser will share a visual show and tell with lessons learned and best practices shared.
You will see and learn:
· The difference between responsive and adaptive designed mobile websites
· The pros and cons of device friendly options, including costs
· Four new responsive website case studies and the integrated branding approaches driving them
· Best brand and marketing practices across all devices.
A multi-screen site refers to one website that is optimized for desktop, tablet and mobile. A common, but more technical, term for these kind of websites is “responsive.”
This article details some of the basic techniques involved in creating and marketing a mobile website.
Mobile web marketing is projected to rise exponentially as more and more users acquire high-end mobiles allowing them to access websites on-the-go. More than half a billion people across the globe use their mobile phones to access the web. And with mobile devices quickly gaining popularity over traditionally PC’s, user counts are expected to increase dramatically.
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.
Besides a quick explanation of what responsive email design is; I take a look at what’s possible, going through some of the responsive layout patterns we’ve deployed. I’ve also got a section on tablets, touch, performance and techniques for dealing with clients that don’t support media queries. I finish up by looking at testing…hope you find it useful. You can watch the video that goes with deck here: http://www.youtube.com/watch?v=T6GajEVabP4
I take a look at designing a modular template system. This is simply a group of reusable modules and email patterns, that can be combined together in various ways to generate different templates. Although not a new approach, I've seen a surge of interest in the last few years as everyone grapples with mobile redesigns.
The featured examples vary in scope and industry. Adorama started with just ten modules and have gone onto expand it, whereas Monster’s latest is 35. They also had different design challenges, which I go through along with our process, user testing and internal management.
Click the 'Notes' tab below right, to view the video transcript for each slide. The video shows the live templates and gives a bit more context than the deck. You can watch it here: http://bit.ly/1zumjAd
MeasureWorks - StartupBootCamp Amsterdam - Outrun your competitionMeasureWorks
Nobody likes waiting… Especially (spoiled) online consumers, with all that content and competition just one click away. In this session Jeroen Tjepkema, founder of MeasureWorks, will explain the delicate balance between performance, usability and conversion. Based on real world examples and user panel research, this session will provide actionable insights in what's needed to create an user experiences that exceeds expectations. You'll learn how the mind of your user works, what keeps them clicking, what metrics to collect and how to measure performance and user experience.
Here's some of what it covers:
Mobile context
Mobile testing tools
Fixed vs. fluid layouts
Scalable layouts
Horizontal layouts
Designing for touch
Real-time content
Google Mobile Sites | We Got Certified so You Don't Have ToPeyton Tata
Mobile Sites. Why They Matter + How to Optimize. Google is moving to a mobile-first index and here are some things we know Google looks for when determining a website's PageRank or where your website will fall on the Search Engine's Page.
Do informal risk sharing groups reduce the challenge of providing weather ind...essp2
Ethiopian Development Research Institute and International Food Policy Research Institute (IFPRI/EDRI), Tenth International Conference on Ethiopian Economy, July 19-21, 2012. EEA Conference
Dr. Michael Gold, Professor & Head
Co-Leader Infection, Inflammation & Immunity (I3) Research Group, talks about reasons why students should consider graduate education. The presentation was given as part of Rising Stars of Research.
Digital Marketing in a Mobile First World. This isn't just Google's world, this is the environment that every SEO, site owner or webmaster needs to be focused on. Everything is moving to Mobile First
Designing for Mobile - Hileman Group Lunch & Learn SeriesHileman Group
The mobile web is no longer a concept – it's a mainstream reality that will impact any organization that aims to communicate with target audiences online.
Monetizing & Preparing for Mobile Traffic With WordPressMal Campbell
Marketing to Mobile Devices With WordPress: An introduction to turning mobile website users into your most profitable visitors.
How much traffic does your website get from mobile devices now, 40% or maybe even as high as 70%? Did you know that in 2013 there was more mobile web traffic than desktop traffic? That social media platforms like Twitter and Facebook receive more visitors to their mobile platforms than their desktop counterparts?
Think about how often you check your cell phone, while in bed, while in church, heck even while driving? Now ask yourself, “Is my website’s target audience doing the same thing?” I’d venture to say so.
On November 6, 2014 Codex Media Company’s Mal Campbell is going to be delving into this beautiful world of mobile marketing with the explicit focus on making everything go “Boom!” using WordPress. This isn’t the kind of talk you want to miss if your idea of mobile stops at “Buy a responsive template on Themeforest”.
This is strictly focused on turning bytes into dollars by monetizing mobile traffic.
Mobile presence & location based marketingPriyanka Rana
Slides talk about value of mobile marketing , various tools and technologies that support mobile marketing along with discussion of location-based marketing.
Are you missing opportunities because your website is difficult to navigate on a mobile device? This presentation looks at:
-Should you optimize your website for mobile
-What are the main approaches to creating a mobile-optimized site
-What are some best practices for mobile design
This presentation is aimed at anyone from a nonprofit, social enterprise or small business with a non-techy background. It focuses on the various options for mobile-friendly sites and the pros/cons to consider to make a decision, rather than discuss the technical details of how mobile-friendly websites are implemented.
For more information: http://www.techsoupcanada.ca/learning_centre/articles/optimizing-your-nonprofit-website-for-mobile
Google recently changed its search algorithm to move mobile-friendly websites to the top of its search results. In May, the number of Google searches on mobile exceeded the number of desktop searches for the first time. Mobile optimization is no longer just a nice-to-have -- it's a necessity to have a mobile-friendly website, email, and engagement platform. With less than 40% of websites -- and fewer than 16% of donation forms -- being mobile friendly, there is a lot of work to prepare for the looming mobilegeddon.
There are now more than five billion active mobile subscriptions worldwide. That’s almost 1.5 billion more active mobile subscriptions than toothbrushes sold. Mobile devices outnumber PCs by more than five times, while smartphones in particular represent the single greatest marketing technology of our times. Learn how to optimize your company’s website for mobile browsers that will boost customer engagement and traffic by 85 percent. Among small businesses that have created mobile-friendly websites, 84 percent saw an increase in new business activity. Discover how your business can be a part of that statistic.
How you will benefit:
• Understand best practice and tactics used in mobile marketing to help you stay current
• Learn how to setup your business for mobile marketing
• Access top tools, white papers, and resources to get you started or take your current mobile strategy to the next level
Interesting Stats:
Fifteen percent of Americans answer their cell phone …while having sex
Seventy-five percent of Americans admit to using their phone…while in the bathroom
Nine million have shopped using a mobile device …while in a meeting at work, and …4 million have shopped using a mobile device while driving
Forty-four percent of mobile users …sleep with their phone next to their bed because they wanted to make sure they didn’t miss any calls, text message, or other updates during the night.
Mobile Website Landscape, Small Screen, Big OpportunitySuresh John
Mobile Website Landscape, Small Screen, Big Opportunity
Presented to the American Gas Association (AGA) Communications and Marketing Spring Meeting Presentation
Get Mobile | Mobile & Digital Marketing | Crystal Olig | Upward | OxiemLessing-Flynn
Why marketers should care about mobile marketing now. Includes statistics on mobile device proliferation, responsive website design, mobile websites vs. mobile apps, and how the market will continue to change.
Presentation given at Interact13 conference in January 2013, Springfield Ohio.
Similar to Target Marketing Magazine Webinar - Keys To Success On The Mobile Web and How To Build Your Mobile Site (20)
Get Mobile | Mobile & Digital Marketing | Crystal Olig | Upward | Oxiem
Target Marketing Magazine Webinar - Keys To Success On The Mobile Web and How To Build Your Mobile Site
1. WEBSITE DESIGN FOR A
MOBILE WORLD
Strategies and tips for making your website
mobile and future friendly.
GREG HICKMAN
2. Greg Hickman
• Mobile Marketing Consultant & Coach
• Founder & Host of MobileMixed.com
• Started In Mobile In 2005
• Worked with clients such as
• NY Jets
• AT&T
• 300 Shopping Centers
@gjhickman
@mobilemixed
3. What’s the deal yo?
• Why bother having a mobile website
• 4 key components to a mobile & future
friendly site
• Responsive design vs. separate site
• 6 options for building your mobile site
5. MOBILE
PC
2015
By 2015 more U.S. Internet users
will access the Internet through
mobile devices than through PCs
or other wireline devices.
via IDC: More Mobile Internet Users Than Wireline Users in the U.S. by 2015
6. These are just a few of channels that drive people to the web on mobile devices.
7. 74% of consumers will wait 5
seconds for a web page to load
on their mobile device before
abandoning the site.
via Gomez: http://www.gomez.com/wp-content/downloads/19986_WhatMobileUsersWant_Wp.pdf
8. 46% of consumers are unlikely to
return to a mobile site if it didn’t
work properly during their last
visit.
via Gomez: http://www.gomez.com/wp-content/downloads/19986_WhatMobileUsersWant_Wp.pdf
9. 71% of mobile browsers expect
web pages to load almost as
quickly or faster as web pages
on their desktop computers.
via Gomez: http://www.gomez.com/wp-content/downloads/19986_WhatMobileUsersWant_Wp.pdf
11. More important for local.
• 88% of total search volume for the keyword “restaurant”
is from mobile.
• 97% for the keyword “bars”
• “Restaurants near me” gets 10k searches per month
from desktop. 4 times that from mobile.
• 90% of local searches result in an action within 1-hour.
(call, visit, purchase etc)
via Google: http://services.google.com/fh/files/blogs/our_mobile_planet_us_en.pdf
17. Don’t settle on one-size fits all
experiences. Mobile devices are
not desktops. Leverage features
& step it up a notch.
18. Responsive or separate
mobile website?
Simplified version of Kristofer Layon’s hierarchy of mobile needs by Brad Frost
19. It depends... (crowd boo’s)
• Creating the best mobile experience for your customer is
genuinely hard.
• It’s NOT a one and done approach.
• Your business type.
• Your budget.
• Your situation
20. If it were me, I’d go...
Separate mobile site if: Responsive site if:
• Small business • Content based (i.e.
• Retail Boston Globe, Smashing
• Service (i.e. Salons, Doctors) Magazine)
• Restaurants/Bars/Quick • Agencies
Serve • Photography
• Entertainment Venues • Brand (i.e.Grey Goose)
• Products (i.e.Fork)
• Blogs
21. Google’s opinion...
via Google: http://googlemobileads.blogspot.com/2012/07/mobile-websites-vs-responsive-design.htmldf
22. Ultimately we’re all looking for
future-friendly experiences.
• Check out http://futurefriend.ly
24. 6 options...
1. Custom built mobile platform
2. Mobile template or plugin from CMS (i.e. Wordpress)
3. Transcoding
4. D.I.Y. template driven mobile CMS
5. Responsive design
6. Hybrid mobile website
25. Custom built mobile platform
• Custom built using XHTML/
HTML,CSS,Javascript and a
custom back-end.
• Good if you have a lot of time and
unlimited budget.
• A lot of testing on various devices
• Examples: LinkedIn, Facebook,
Twitter.
26. Mobile template or plugin
• Re-formats presenation layer (CSS
& HTML) for mobile.
• Good if you run a simple blog.
• Navigation is usually a challenge &
look & feel all depends on the
template.
• Ex: Wordpress blogs such as
www.IWillTeachYouToBeRich.com
27. Transcoding
• Just don’t do this...
• Some of the D.I.Y. services that claim you’ll have
a site in seconds sometimes leverage this.
28. DIY template driven CMS
• Design a mobile-site from scratch
using basic templates.
• Good if for coffee shops, hair
salons ,some restaurants etc.
• Very affordable & quick to
implement.
• Won’t always update along w/ web
version. Very much separate.
• Limited creative options.
29. Responsive design
• Dynamically change layout based
on screen size.
• Flexible images allow for large or
small based on resolution/browser.
• Great for publishing industry.
• Easier to manage content but not
necessarily site maintenance.
• You’ll likely need more time & $.
• I don’t recommend if you’re a small
business. At least not yet.
30. Hybrid mobile site
• Combines custom coded, mobile
stylesheets and responsive design.
• Choose pages to custom tailor for
mobile & which should
automagically update from your
www site.
• Good for marketers at mid-size or
larger businesses.
31. Remember - 90% of local
searches result in an action
within an hour.
Just get started.
32. Join My E-Mail Newsletter
Get the latest mobile marketing strategies, tips
and interviews.
http://www.mobilemixed.com/target
!
now
sig n up
Connect With Me:
Interview w/ Louis Gump of CNN
@gjhickman
@mobilemixed
greg@mobilemixed.com
http://www.targetmarketingmag.com/channel/think-mobility Mobile Mixed TV - How To Videos