SlideShare a Scribd company logo
1 of 38
IS THAT A MOBILE
TEMPLATE OR
RESPONSIVE DESIGN?
IDENTIFY WHICH MOBILE
STRATEGY IS RIGHT FOR YOU
                      #AUDC13
OUR TIME TOGETHER TODAY

•   The Mobile Landscape and Outlook
•   The Four Flavors of Mobile Experiences
•   Developing the Right Mobile Strategy
•   How netFORUM is Adapting




                                             #AUDC13
ABOUT
.ORGSOURCE

.orgSource is an experienced digital
communications and technology
consulting firm that serves only the
association marketplace. All of our
consultants are seasoned association
professionals, with the knowledge and   For more information please visit your
                                        website:
experience to guide your organization
                                        www.ORGSOURCE.com
through every step of its digital
strategy.




                                                                                 #AUDC13
THE MOBILE LANDSCAPE
AND OUTLOOK
                       #AUDC13
THE MOBILE OUTLOOK
• 72% of the planet’s 6.9 billion inhabitants will
  be mobile by 2016 *
• As of September 2012, Android accounted for
  1.3 Million activations per day **
   – This is just one platform!


* via Forrester Research (April 2012)
** via Smashing Magazine Mobile Book (Dec. 2012)


                                                   #AUDC13
If you don’t have a mobile strategy,
you don’t have a future strategy.
  - Eric Schmidt, Google, Executive Chairman




                                        #AUDC13
BUT ASSOCIATIONS ARE
          DIFFERENT
• Members aren’t coming to your site to
  “browse” while they are bored.
• Your members come with a specific task.
• Your strategy needs to be prepared to make
  those tasks as easy as possible.




                                       #AUDC13
WHAT IS A MOBILE STRATEGY?
• Mobile strategy is not a technology or a
  project, but a practice. It is the constant
  alignment of user needs, business goals, and
  evolving mobile technologies.




                                        #AUDC13
KEY COMPONENTS TO A
     MOBILE STRATEGY
                 Review
Priorities             Stakeholders
             Audience Needs
                                    Context
Business Needs         Objectives

Metrics       Budget       Content

                                      #AUDC13
HOW MANY OF YOU HAVE A
     MOBILE STRATEGY?
A. We don’t have a strategy yet
B. We have a defined mobile strategy for less
   than a year
C. Early Stage – we are just beginning to define
   a mobile strategy
D. We have a defined mobile strategy for more
   than a year


                                          #AUDC13
WHICH OF THE FOLLOWING BEST
  DESCRIBES YOUR MOBILE
     STRATEGY TODAY?
         11%                  We do nothave a mobile
                              strategy yet
                     11%
  38%
                              We have a defined mobile
                              stratetgy for less than one
                              year
                              Early stage -- we are just
                              beginning to work on a
                              strategy
               40%            We have a defined mobile
                              strategy for a year or more
                           Source: Forrester Research



                                           #AUDC13
THE FOUR FLAVORS OF
MOBILE WEB
                      #AUDC13
TYPES OF MOBILE
                      EXPERIENCE
                                  Unique Mobile App


                                 Dedicated Mobile Site                    Content they want
Time




                                                                           Your Objectives
                                    Adaptive Layouts                            Audience
                                    (aka Responsive
                                        Design)

                                          Tweak

       Increasing mobile support could lead to a better experience, but at what cost?
                                                                     Credit: mobile.smashingmagazine.com

                                                                                #AUDC13
TWEAKING – AKA DO NOTHING
• Your current site as it exists today renders on a
  smart phone or tablet.
• Visitors have to pinch, double tap, and scroll
  to read content effectively.
• Depending on technology you use (i.e.
  Flash), some content may or may not render.



                                           #AUDC13
TWEAKING
• Pros                         • Cons
  – Lowest barrier to entry      – Often a poor user
    into mobile                    experience leads to less
  – Lowest investment - zero       return visits
                                 – Some content may not
                                   render on mobile
                                   devices
                                 – Visitors often turned off
                                   by lack of optimization



                                                   #AUDC13
RESPONSIVE DESIGN
• Your entire site is available on a mobile
  devices
• Layouts and presentation adjusts and
  reconfigures depending on the screen size
• Break points are often for
  desktop/laptop, tablets, mobile phones



                                        #AUDC13
RESPONSIVE DESIGN
• Pros                           • Cons
  – One set of code and            – Possible redesign
    content to maintain and          needed
    manage                         – Less differentiation of
  – Easier and cheaper to            mobile content
    maintain                       – Lower mobile focused
  – No need for redirects            user experience
  – One URL for better SEO
  – Access to all site content


                                                     #AUDC13
SEE HOW YOUR SITE LOOKS

Not sure how your site looks on a mobile
device? Check it out on our responsive
design tool.

http://www.orgsource.com/responsive/i
ndex.html

                                  #AUDC13
RESPONSIVE DESIGN
           “GOTCHAS”
• Advertising
• Content layout on different screen sizes
  – Long Form vs. Short Form
  – Tables and Analytical Data
  – Downloads / PDFs
  – Images




                                         #AUDC13
WHEN RESPONSIVE DESIGN
        WON’T WORK
• Your site content doesn’t lend well to mobile
  devices
• Your users don’t need your entire site in a
  mobile environment
• Some user experiences do not work well in
  responsive design
  – myOrganization portals
  – eLearning centers

                                         #AUDC13
SOME LESSONS LEARNED
• Personalized portals
• User experience
   – Touch vs. click
• Truncating content




                         #AUDC13
MOBILE SITE
• A separate site optimized for mobile devices
  – Often has a separate URL like
    http://m.mywebsite.org
  – Allows you to display a subset of your website, not
    the full experience




                                              #AUDC13
MOBILE SITE
   • Pros                                    • Cons
        – Easier implementation                – Content duplication risk
        – Capacity to differentiate              (SEO hit)*
          mobile content                       – You have to maintain
        – Better mobile user                     and update separate
          experience                             templates and code
                                               – Higher cost of
                                                 maintenance


* There are methods to reduce any SEO risk


                                                                #AUDC13
LESSONS LEARNED
• Managing content for
  both desktop and
  mobile
• Limiting scrolling
• Management of
  multiple templates and
  code




                           #AUDC13
MOBILE APPS
• A separate application that is developed using
  specific platforms (iOS, Android, WP, BB)
• Offers ability to take advantage of mobile
  devices capabilities where mobile sites and
  responsive design cannot
• Custom development
• Hybrid approaches


                                         #AUDC13
MOBILE APPS
• Pros                              • Cons
  – Avoid delays of buffering         – Apps are specific to an
    video, audio or slow                operating
    connections                       – Not as easy to modify as a
  – Can perform lots of complex         Web site
    tasks quickly                     – Mobile options for Web
  – Monetization: People will pay       becoming more robust (HTML
    for apps                            5)
  – Can take advantage of mobile      – Can be expensive to develop
    device functionality (access        and maintain/update
    contacts, calendars, other
    apps)


                                                        #AUDC13
APP DEVELOPMENT
• Use a vendor or do it yourself?
  – Do you have the staff to code and maintain?
  – Does your staff know all the programming
    languages for every type of mobile platform?




                                             #AUDC13
DEVELOPING THE RIGHT
MOBILE STRATEGY
                       #AUDC13
IT’S ALL ABOUT THE USER
             EXPERIENCE
•   Give the user what they need
•   Thinking about thumbs & fingers, not mice
•   Devices, devices, devices
•   Content accessibility
•   Pre-existing custom functionality &
    development



                                         #AUDC13
DECIDING ON THE RIGHT
            STRATEGY
•   One approach or multiple
•   Look at your web statistics
•   Conduct a member survey
•   Develop and validate specific use cases
•   Review other industry leaders




                                              #AUDC13
OTHER IMPLICATIONS
• Regardless of the strategy, now you are
  mobile, which means you will need to:
  – Think of content in multiple dimensions when
    publishing
  – Think of user experiences from multiple view
    points
  – Site improvements need to consider all
    environments


                                            #AUDC13
EXAMPLE STRATEGY
• Use Case: Conferences & Large Meetings
  – Mobile specific app
     • Access information in real-time at event
     • Engage event attendees
     • Alerts and notifications
• Use Case: Content Access by Mobile Visitors
  – Mobile site
     • Limited content needs in mobile setting
     • Can tailor content to audience needs

                                                  #AUDC13
START NOW
• What problems are you trying to solve?
• Review web analytics
• Member needs assessments – previous
  research
• Conduct new research




                                           #AUDC13
HOW NETFORUM IS
ADAPTING
                  #AUDC13
How netFORUM is Adapting
• netFORUM 2013 is Adapting to Mobile Needs
• New Features / Functionality Include:
  – Responsive Design Framework (Bootstrap)
  – Removal of Fixed Positioning in Forms
  – Mobile Web Access to Profile Pages
  – HTML5 Adoption
  – Introduction of RESTful Web Services API


                                               #AUDC13
QUESTIONS



            #AUDC13
GET IN TOUCH
CONTACT US

Interested in mobile, website       Sign Up to Receive Our
redesigns, AMS, LMS, CMS            Newsletter! Visit our
selections? Let’s talk about your   Website today!
projects to see how we can help.
                                    Phone:
   www.orgsource.com                +1 847.275.1840
   twitter.com/orgsource
   www.linkedin.com/company/14      Email:
   48229                            info@orgsource.com




                                                         #AUDC13
THANK YOU




            #AUDC13

More Related Content

What's hot

Mobile web vs. native apps: It's not about technology, it's about psychology
Mobile web vs. native apps: It's not about technology, it's about psychologyMobile web vs. native apps: It's not about technology, it's about psychology
Mobile web vs. native apps: It's not about technology, it's about psychologyiQcontent
 
Web and Mobile App Accessibility Testing
Web and Mobile App Accessibility TestingWeb and Mobile App Accessibility Testing
Web and Mobile App Accessibility TestingTechWell
 
Beginning iOS UI
Beginning iOS UIBeginning iOS UI
Beginning iOS UIritksm
 
Tincan - Mobile Elephant
Tincan - Mobile ElephantTincan - Mobile Elephant
Tincan - Mobile ElephantBen Holliday
 
Going mobile writing content for mobile
Going mobile  writing content for mobileGoing mobile  writing content for mobile
Going mobile writing content for mobileMaya Irving-Regev
 
Native Device vs. Mobile Web Applications
Native Device vs. Mobile Web ApplicationsNative Device vs. Mobile Web Applications
Native Device vs. Mobile Web ApplicationsTim Wright
 
How to write mobile optimized content for your app
How to write mobile optimized content for your appHow to write mobile optimized content for your app
How to write mobile optimized content for your appPaperlit
 
Best Mobile UI Practices - FITC Mobile 2010
Best Mobile UI Practices - FITC Mobile 2010Best Mobile UI Practices - FITC Mobile 2010
Best Mobile UI Practices - FITC Mobile 2010Boris Chan
 
Introduction to Mobile for (Web) Designers
Introduction to Mobile for (Web) DesignersIntroduction to Mobile for (Web) Designers
Introduction to Mobile for (Web) DesignersSteven Hoober
 
Introduction to mobile accessibility - AccessU 2013
Introduction to mobile accessibility - AccessU 2013Introduction to mobile accessibility - AccessU 2013
Introduction to mobile accessibility - AccessU 2013Henny Swan
 
Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015Henny Swan
 
Web2.0 Tablet Experience Design Workshop
Web2.0 Tablet Experience Design WorkshopWeb2.0 Tablet Experience Design Workshop
Web2.0 Tablet Experience Design Workshophenrikolsen123
 
Designing for Tablet Experiences (Henrik Olsen)
Designing for Tablet Experiences (Henrik Olsen)Designing for Tablet Experiences (Henrik Olsen)
Designing for Tablet Experiences (Henrik Olsen)Autodesk
 
Ux ui presentation2
Ux ui presentation2Ux ui presentation2
Ux ui presentation2GeneXus
 
iQ FutureNow: Ensuring the success of your mobile strategy
iQ FutureNow: Ensuring the success of your mobile strategyiQ FutureNow: Ensuring the success of your mobile strategy
iQ FutureNow: Ensuring the success of your mobile strategyiQcontent
 
MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...
MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...
MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...scottsayre
 
Guide Dogs and Digital Devices
Guide Dogs and Digital DevicesGuide Dogs and Digital Devices
Guide Dogs and Digital DevicesXamarin
 
Design for Multitouch
Design for Multitouch Design for Multitouch
Design for Multitouch Robert Winters
 
The Mobile Context and People-centric Mobile Computing
The Mobile Context and People-centric Mobile ComputingThe Mobile Context and People-centric Mobile Computing
The Mobile Context and People-centric Mobile ComputingCarlos Enrique Ortiz
 

What's hot (20)

Mobile web vs. native apps: It's not about technology, it's about psychology
Mobile web vs. native apps: It's not about technology, it's about psychologyMobile web vs. native apps: It's not about technology, it's about psychology
Mobile web vs. native apps: It's not about technology, it's about psychology
 
Web and Mobile App Accessibility Testing
Web and Mobile App Accessibility TestingWeb and Mobile App Accessibility Testing
Web and Mobile App Accessibility Testing
 
Beginning iOS UI
Beginning iOS UIBeginning iOS UI
Beginning iOS UI
 
Tincan - Mobile Elephant
Tincan - Mobile ElephantTincan - Mobile Elephant
Tincan - Mobile Elephant
 
Going mobile writing content for mobile
Going mobile  writing content for mobileGoing mobile  writing content for mobile
Going mobile writing content for mobile
 
Native Device vs. Mobile Web Applications
Native Device vs. Mobile Web ApplicationsNative Device vs. Mobile Web Applications
Native Device vs. Mobile Web Applications
 
How to write mobile optimized content for your app
How to write mobile optimized content for your appHow to write mobile optimized content for your app
How to write mobile optimized content for your app
 
Best Mobile UI Practices - FITC Mobile 2010
Best Mobile UI Practices - FITC Mobile 2010Best Mobile UI Practices - FITC Mobile 2010
Best Mobile UI Practices - FITC Mobile 2010
 
Introduction to Mobile for (Web) Designers
Introduction to Mobile for (Web) DesignersIntroduction to Mobile for (Web) Designers
Introduction to Mobile for (Web) Designers
 
Introduction to mobile accessibility - AccessU 2013
Introduction to mobile accessibility - AccessU 2013Introduction to mobile accessibility - AccessU 2013
Introduction to mobile accessibility - AccessU 2013
 
Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015
 
Web2.0 Tablet Experience Design Workshop
Web2.0 Tablet Experience Design WorkshopWeb2.0 Tablet Experience Design Workshop
Web2.0 Tablet Experience Design Workshop
 
Designing for Tablet Experiences (Henrik Olsen)
Designing for Tablet Experiences (Henrik Olsen)Designing for Tablet Experiences (Henrik Olsen)
Designing for Tablet Experiences (Henrik Olsen)
 
Ux ui presentation2
Ux ui presentation2Ux ui presentation2
Ux ui presentation2
 
The Mobile Ecosystem
The Mobile EcosystemThe Mobile Ecosystem
The Mobile Ecosystem
 
iQ FutureNow: Ensuring the success of your mobile strategy
iQ FutureNow: Ensuring the success of your mobile strategyiQ FutureNow: Ensuring the success of your mobile strategy
iQ FutureNow: Ensuring the success of your mobile strategy
 
MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...
MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...
MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...
 
Guide Dogs and Digital Devices
Guide Dogs and Digital DevicesGuide Dogs and Digital Devices
Guide Dogs and Digital Devices
 
Design for Multitouch
Design for Multitouch Design for Multitouch
Design for Multitouch
 
The Mobile Context and People-centric Mobile Computing
The Mobile Context and People-centric Mobile ComputingThe Mobile Context and People-centric Mobile Computing
The Mobile Context and People-centric Mobile Computing
 

Viewers also liked

E Leraning Business
E Leraning BusinessE Leraning Business
E Leraning Businessmiyabi12
 
Week 3 - Professional Development
Week 3 - Professional DevelopmentWeek 3 - Professional Development
Week 3 - Professional Developmentanneleftwich
 
六合彩,香港六合彩 » SlideShare
六合彩,香港六合彩 » SlideShare六合彩,香港六合彩 » SlideShare
六合彩,香港六合彩 » SlideSharefayruuc
 
Week 5 Making Decisions
Week 5 Making DecisionsWeek 5 Making Decisions
Week 5 Making Decisionsanneleftwich
 
Hướng dẫn ra chai cấy mô - VOS
Hướng dẫn ra chai cấy mô - VOSHướng dẫn ra chai cấy mô - VOS
Hướng dẫn ra chai cấy mô - VOSnguyentien2056
 
Qlik view folder_pl_j_commerce
Qlik view folder_pl_j_commerceQlik view folder_pl_j_commerce
Qlik view folder_pl_j_commercePrzemyslaw Miga
 
1. dinero-deuda analysis
1.  dinero-deuda analysis1.  dinero-deuda analysis
1. dinero-deuda analysisAGR16
 
AdSense Optimization Tips
AdSense Optimization TipsAdSense Optimization Tips
AdSense Optimization TipsSahutsa Intarit
 
Snickers: Open Source HTTP API for Media Encoding
Snickers: Open Source HTTP API for Media EncodingSnickers: Open Source HTTP API for Media Encoding
Snickers: Open Source HTTP API for Media EncodingFlávio Ribeiro
 
Lecture 10 - Data Collection and Analysis
Lecture 10 - Data Collection and AnalysisLecture 10 - Data Collection and Analysis
Lecture 10 - Data Collection and Analysisanneleftwich
 
Lecture 2 Students The Shift Collides
Lecture 2   Students   The Shift CollidesLecture 2   Students   The Shift Collides
Lecture 2 Students The Shift Collidesanneleftwich
 
3 success key factors of my freelance as a business development consultant
3 success key factors of my freelance as a business development consultant3 success key factors of my freelance as a business development consultant
3 success key factors of my freelance as a business development consultantSahutsa Intarit
 

Viewers also liked (17)

E Leraning Business
E Leraning BusinessE Leraning Business
E Leraning Business
 
Week 3 - Professional Development
Week 3 - Professional DevelopmentWeek 3 - Professional Development
Week 3 - Professional Development
 
Dhp
DhpDhp
Dhp
 
六合彩,香港六合彩 » SlideShare
六合彩,香港六合彩 » SlideShare六合彩,香港六合彩 » SlideShare
六合彩,香港六合彩 » SlideShare
 
Week 5 Making Decisions
Week 5 Making DecisionsWeek 5 Making Decisions
Week 5 Making Decisions
 
Unit Test1 Review
Unit Test1 ReviewUnit Test1 Review
Unit Test1 Review
 
Pumas Inxs
Pumas  InxsPumas  Inxs
Pumas Inxs
 
Hướng dẫn ra chai cấy mô - VOS
Hướng dẫn ra chai cấy mô - VOSHướng dẫn ra chai cấy mô - VOS
Hướng dẫn ra chai cấy mô - VOS
 
Qlik view folder_pl_j_commerce
Qlik view folder_pl_j_commerceQlik view folder_pl_j_commerce
Qlik view folder_pl_j_commerce
 
1. dinero-deuda analysis
1.  dinero-deuda analysis1.  dinero-deuda analysis
1. dinero-deuda analysis
 
Insulin 1
Insulin 1Insulin 1
Insulin 1
 
Week 13 Issues
Week 13 IssuesWeek 13 Issues
Week 13 Issues
 
AdSense Optimization Tips
AdSense Optimization TipsAdSense Optimization Tips
AdSense Optimization Tips
 
Snickers: Open Source HTTP API for Media Encoding
Snickers: Open Source HTTP API for Media EncodingSnickers: Open Source HTTP API for Media Encoding
Snickers: Open Source HTTP API for Media Encoding
 
Lecture 10 - Data Collection and Analysis
Lecture 10 - Data Collection and AnalysisLecture 10 - Data Collection and Analysis
Lecture 10 - Data Collection and Analysis
 
Lecture 2 Students The Shift Collides
Lecture 2   Students   The Shift CollidesLecture 2   Students   The Shift Collides
Lecture 2 Students The Shift Collides
 
3 success key factors of my freelance as a business development consultant
3 success key factors of my freelance as a business development consultant3 success key factors of my freelance as a business development consultant
3 success key factors of my freelance as a business development consultant
 

Similar to Is That a Mobile Template or Responsive Design? Identify Which Mobile Strategy is Right For You.

Ektron London Conference: Managing Responsive Projects
Ektron London Conference: Managing Responsive ProjectsEktron London Conference: Managing Responsive Projects
Ektron London Conference: Managing Responsive ProjectsEktron
 
Qa summit shift_to_mobile
Qa summit shift_to_mobileQa summit shift_to_mobile
Qa summit shift_to_mobileShachar Schiff
 
BLUG 2013 - Mobile Application Delivery - Choices, choices, choices
BLUG 2013 - Mobile Application Delivery - Choices, choices, choicesBLUG 2013 - Mobile Application Delivery - Choices, choices, choices
BLUG 2013 - Mobile Application Delivery - Choices, choices, choicesRené Winkelmeyer
 
05 GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - google
05   GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - google05   GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - google
05 GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - googleVinoaj Vijeyakumaar
 
Mobile Testing Trends and Innovations
Mobile Testing Trends and InnovationsMobile Testing Trends and Innovations
Mobile Testing Trends and InnovationsTechWell
 
How To Design Mobile Content For Multiple Devices
How To Design Mobile Content For Multiple DevicesHow To Design Mobile Content For Multiple Devices
How To Design Mobile Content For Multiple DevicesEntirenet
 
One Size Doesn't Fit All: Selecting The Right Mobile Strategy
One Size Doesn't Fit All: Selecting The Right Mobile StrategyOne Size Doesn't Fit All: Selecting The Right Mobile Strategy
One Size Doesn't Fit All: Selecting The Right Mobile StrategyRightpoint
 
Bring Your Legacy Applications to the Mobile World - DOAG 2014
Bring Your Legacy Applications to the Mobile World - DOAG 2014Bring Your Legacy Applications to the Mobile World - DOAG 2014
Bring Your Legacy Applications to the Mobile World - DOAG 2014AuraPlayer
 
Building web apps for a multiscreen world
Building web apps for a multiscreen worldBuilding web apps for a multiscreen world
Building web apps for a multiscreen worldAussie
 
architecture of mobile software applications
architecture of mobile software applicationsarchitecture of mobile software applications
architecture of mobile software applicationsHassan Dar
 
Unveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docxUnveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docxkubalesniak93
 
Importance of Mobile App Architecture For Mobile App Development
Importance of Mobile App Architecture For Mobile App DevelopmentImportance of Mobile App Architecture For Mobile App Development
Importance of Mobile App Architecture For Mobile App DevelopmentHelios Solutions
 
An Exclusive Blog on Turning Your Website into an Android App
An Exclusive Blog on Turning Your Website into an Android AppAn Exclusive Blog on Turning Your Website into an Android App
An Exclusive Blog on Turning Your Website into an Android AppEdtech Learning
 
Creating Large-Scale Responsive Websites
Creating Large-Scale Responsive WebsitesCreating Large-Scale Responsive Websites
Creating Large-Scale Responsive WebsitesKeith Doyle
 
HTML5 vs. Native Apps: Demystifying the Decision Making Process
HTML5 vs. Native Apps: Demystifying the Decision Making ProcessHTML5 vs. Native Apps: Demystifying the Decision Making Process
HTML5 vs. Native Apps: Demystifying the Decision Making ProcessiTexico
 
PSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOURPSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOURTerminalfour
 

Similar to Is That a Mobile Template or Responsive Design? Identify Which Mobile Strategy is Right For You. (20)

Ektron London Conference: Managing Responsive Projects
Ektron London Conference: Managing Responsive ProjectsEktron London Conference: Managing Responsive Projects
Ektron London Conference: Managing Responsive Projects
 
Mobile2013
Mobile2013Mobile2013
Mobile2013
 
Responsive design
Responsive designResponsive design
Responsive design
 
Qa summit shift_to_mobile
Qa summit shift_to_mobileQa summit shift_to_mobile
Qa summit shift_to_mobile
 
BLUG 2013 - Mobile Application Delivery - Choices, choices, choices
BLUG 2013 - Mobile Application Delivery - Choices, choices, choicesBLUG 2013 - Mobile Application Delivery - Choices, choices, choices
BLUG 2013 - Mobile Application Delivery - Choices, choices, choices
 
05 GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - google
05   GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - google05   GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - google
05 GoMeasure (sg and kl) - measuring the mobile visitor - nash islam - google
 
Mobile Testing Trends and Innovations
Mobile Testing Trends and InnovationsMobile Testing Trends and Innovations
Mobile Testing Trends and Innovations
 
How To Design Mobile Content For Multiple Devices
How To Design Mobile Content For Multiple DevicesHow To Design Mobile Content For Multiple Devices
How To Design Mobile Content For Multiple Devices
 
One Size Doesn't Fit All: Selecting The Right Mobile Strategy
One Size Doesn't Fit All: Selecting The Right Mobile StrategyOne Size Doesn't Fit All: Selecting The Right Mobile Strategy
One Size Doesn't Fit All: Selecting The Right Mobile Strategy
 
Bring Your Legacy Applications to the Mobile World - DOAG 2014
Bring Your Legacy Applications to the Mobile World - DOAG 2014Bring Your Legacy Applications to the Mobile World - DOAG 2014
Bring Your Legacy Applications to the Mobile World - DOAG 2014
 
Building web apps for a multiscreen world
Building web apps for a multiscreen worldBuilding web apps for a multiscreen world
Building web apps for a multiscreen world
 
architecture of mobile software applications
architecture of mobile software applicationsarchitecture of mobile software applications
architecture of mobile software applications
 
Unveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docxUnveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docx
 
Mobile strategy
Mobile strategyMobile strategy
Mobile strategy
 
Importance of Mobile App Architecture For Mobile App Development
Importance of Mobile App Architecture For Mobile App DevelopmentImportance of Mobile App Architecture For Mobile App Development
Importance of Mobile App Architecture For Mobile App Development
 
An Exclusive Blog on Turning Your Website into an Android App
An Exclusive Blog on Turning Your Website into an Android AppAn Exclusive Blog on Turning Your Website into an Android App
An Exclusive Blog on Turning Your Website into an Android App
 
Mobile Web site options by Reactive
Mobile Web site options by ReactiveMobile Web site options by Reactive
Mobile Web site options by Reactive
 
Creating Large-Scale Responsive Websites
Creating Large-Scale Responsive WebsitesCreating Large-Scale Responsive Websites
Creating Large-Scale Responsive Websites
 
HTML5 vs. Native Apps: Demystifying the Decision Making Process
HTML5 vs. Native Apps: Demystifying the Decision Making ProcessHTML5 vs. Native Apps: Demystifying the Decision Making Process
HTML5 vs. Native Apps: Demystifying the Decision Making Process
 
PSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOURPSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOUR
 

Is That a Mobile Template or Responsive Design? Identify Which Mobile Strategy is Right For You.

  • 1. IS THAT A MOBILE TEMPLATE OR RESPONSIVE DESIGN? IDENTIFY WHICH MOBILE STRATEGY IS RIGHT FOR YOU #AUDC13
  • 2. OUR TIME TOGETHER TODAY • The Mobile Landscape and Outlook • The Four Flavors of Mobile Experiences • Developing the Right Mobile Strategy • How netFORUM is Adapting #AUDC13
  • 3. ABOUT .ORGSOURCE .orgSource is an experienced digital communications and technology consulting firm that serves only the association marketplace. All of our consultants are seasoned association professionals, with the knowledge and For more information please visit your website: experience to guide your organization www.ORGSOURCE.com through every step of its digital strategy. #AUDC13
  • 4. THE MOBILE LANDSCAPE AND OUTLOOK #AUDC13
  • 5. THE MOBILE OUTLOOK • 72% of the planet’s 6.9 billion inhabitants will be mobile by 2016 * • As of September 2012, Android accounted for 1.3 Million activations per day ** – This is just one platform! * via Forrester Research (April 2012) ** via Smashing Magazine Mobile Book (Dec. 2012) #AUDC13
  • 6. If you don’t have a mobile strategy, you don’t have a future strategy. - Eric Schmidt, Google, Executive Chairman #AUDC13
  • 7. BUT ASSOCIATIONS ARE DIFFERENT • Members aren’t coming to your site to “browse” while they are bored. • Your members come with a specific task. • Your strategy needs to be prepared to make those tasks as easy as possible. #AUDC13
  • 8. WHAT IS A MOBILE STRATEGY? • Mobile strategy is not a technology or a project, but a practice. It is the constant alignment of user needs, business goals, and evolving mobile technologies. #AUDC13
  • 9. KEY COMPONENTS TO A MOBILE STRATEGY Review Priorities Stakeholders Audience Needs Context Business Needs Objectives Metrics Budget Content #AUDC13
  • 10. HOW MANY OF YOU HAVE A MOBILE STRATEGY? A. We don’t have a strategy yet B. We have a defined mobile strategy for less than a year C. Early Stage – we are just beginning to define a mobile strategy D. We have a defined mobile strategy for more than a year #AUDC13
  • 11. WHICH OF THE FOLLOWING BEST DESCRIBES YOUR MOBILE STRATEGY TODAY? 11% We do nothave a mobile strategy yet 11% 38% We have a defined mobile stratetgy for less than one year Early stage -- we are just beginning to work on a strategy 40% We have a defined mobile strategy for a year or more Source: Forrester Research #AUDC13
  • 12. THE FOUR FLAVORS OF MOBILE WEB #AUDC13
  • 13. TYPES OF MOBILE EXPERIENCE Unique Mobile App Dedicated Mobile Site Content they want Time Your Objectives Adaptive Layouts Audience (aka Responsive Design) Tweak Increasing mobile support could lead to a better experience, but at what cost? Credit: mobile.smashingmagazine.com #AUDC13
  • 14. TWEAKING – AKA DO NOTHING • Your current site as it exists today renders on a smart phone or tablet. • Visitors have to pinch, double tap, and scroll to read content effectively. • Depending on technology you use (i.e. Flash), some content may or may not render. #AUDC13
  • 15. TWEAKING • Pros • Cons – Lowest barrier to entry – Often a poor user into mobile experience leads to less – Lowest investment - zero return visits – Some content may not render on mobile devices – Visitors often turned off by lack of optimization #AUDC13
  • 16. RESPONSIVE DESIGN • Your entire site is available on a mobile devices • Layouts and presentation adjusts and reconfigures depending on the screen size • Break points are often for desktop/laptop, tablets, mobile phones #AUDC13
  • 17. RESPONSIVE DESIGN • Pros • Cons – One set of code and – Possible redesign content to maintain and needed manage – Less differentiation of – Easier and cheaper to mobile content maintain – Lower mobile focused – No need for redirects user experience – One URL for better SEO – Access to all site content #AUDC13
  • 18. SEE HOW YOUR SITE LOOKS Not sure how your site looks on a mobile device? Check it out on our responsive design tool. http://www.orgsource.com/responsive/i ndex.html #AUDC13
  • 19. RESPONSIVE DESIGN “GOTCHAS” • Advertising • Content layout on different screen sizes – Long Form vs. Short Form – Tables and Analytical Data – Downloads / PDFs – Images #AUDC13
  • 20. WHEN RESPONSIVE DESIGN WON’T WORK • Your site content doesn’t lend well to mobile devices • Your users don’t need your entire site in a mobile environment • Some user experiences do not work well in responsive design – myOrganization portals – eLearning centers #AUDC13
  • 21. SOME LESSONS LEARNED • Personalized portals • User experience – Touch vs. click • Truncating content #AUDC13
  • 22. MOBILE SITE • A separate site optimized for mobile devices – Often has a separate URL like http://m.mywebsite.org – Allows you to display a subset of your website, not the full experience #AUDC13
  • 23. MOBILE SITE • Pros • Cons – Easier implementation – Content duplication risk – Capacity to differentiate (SEO hit)* mobile content – You have to maintain – Better mobile user and update separate experience templates and code – Higher cost of maintenance * There are methods to reduce any SEO risk #AUDC13
  • 24. LESSONS LEARNED • Managing content for both desktop and mobile • Limiting scrolling • Management of multiple templates and code #AUDC13
  • 25. MOBILE APPS • A separate application that is developed using specific platforms (iOS, Android, WP, BB) • Offers ability to take advantage of mobile devices capabilities where mobile sites and responsive design cannot • Custom development • Hybrid approaches #AUDC13
  • 26. MOBILE APPS • Pros • Cons – Avoid delays of buffering – Apps are specific to an video, audio or slow operating connections – Not as easy to modify as a – Can perform lots of complex Web site tasks quickly – Mobile options for Web – Monetization: People will pay becoming more robust (HTML for apps 5) – Can take advantage of mobile – Can be expensive to develop device functionality (access and maintain/update contacts, calendars, other apps) #AUDC13
  • 27. APP DEVELOPMENT • Use a vendor or do it yourself? – Do you have the staff to code and maintain? – Does your staff know all the programming languages for every type of mobile platform? #AUDC13
  • 28. DEVELOPING THE RIGHT MOBILE STRATEGY #AUDC13
  • 29. IT’S ALL ABOUT THE USER EXPERIENCE • Give the user what they need • Thinking about thumbs & fingers, not mice • Devices, devices, devices • Content accessibility • Pre-existing custom functionality & development #AUDC13
  • 30. DECIDING ON THE RIGHT STRATEGY • One approach or multiple • Look at your web statistics • Conduct a member survey • Develop and validate specific use cases • Review other industry leaders #AUDC13
  • 31. OTHER IMPLICATIONS • Regardless of the strategy, now you are mobile, which means you will need to: – Think of content in multiple dimensions when publishing – Think of user experiences from multiple view points – Site improvements need to consider all environments #AUDC13
  • 32. EXAMPLE STRATEGY • Use Case: Conferences & Large Meetings – Mobile specific app • Access information in real-time at event • Engage event attendees • Alerts and notifications • Use Case: Content Access by Mobile Visitors – Mobile site • Limited content needs in mobile setting • Can tailor content to audience needs #AUDC13
  • 33. START NOW • What problems are you trying to solve? • Review web analytics • Member needs assessments – previous research • Conduct new research #AUDC13
  • 35. How netFORUM is Adapting • netFORUM 2013 is Adapting to Mobile Needs • New Features / Functionality Include: – Responsive Design Framework (Bootstrap) – Removal of Fixed Positioning in Forms – Mobile Web Access to Profile Pages – HTML5 Adoption – Introduction of RESTful Web Services API #AUDC13
  • 36. QUESTIONS #AUDC13
  • 37. GET IN TOUCH CONTACT US Interested in mobile, website Sign Up to Receive Our redesigns, AMS, LMS, CMS Newsletter! Visit our selections? Let’s talk about your Website today! projects to see how we can help. Phone: www.orgsource.com +1 847.275.1840 twitter.com/orgsource www.linkedin.com/company/14 Email: 48229 info@orgsource.com #AUDC13
  • 38. THANK YOU #AUDC13