Published on February 19, 2014
Webinar: How to Create Meaningful Mobile Experiences With Responsive Design Deliver the right experience to the right device. with your host, Brian Harris Director of Digital Services, iSG presented by: @bridgeline Bridgeline.com
Please engage with this presentation We welcome your questions… As the presentation is being given, we welcome your inquiries. Just open the questions pane and ask what you want to know!
About the presenters Visit us at: bridgeline.com Follow us: @bridgeline Brian Harris @brianart Director of Digital Services, iAPPS Success Group BFA Computer Graphics, Syracuse University firstname.lastname@example.org Lauren Moore @bridgeline Vice President of Interface Design BFA Electronic Multimedia, University of Florida email@example.com Tom Lynch @bridgeline Vice President of Interface Design Bachelors degree in Graphic Design from the Fashion Institute of Technology firstname.lastname@example.org
Who is Bridgeline Digital
How We Build Customer Success We help our customers achieve their key initiatives by leveraging leading web based technologies “No other company in the web engagement marketplace can provide for its customers the integrated solutions Bridgeline provides.” - Scott Liewehr, DCG
Introduction: The Itinerary What we are talking about today … Mobile. It‟s not a technology. Or Strategy. It’s a connection.
Introduction: Why We‟re Here Bridgeline Digital’s Mobile Maturity Model: Stage #1 Stage #2: Stage #3: Stage #4: Awareness Planning Action Maturity CMOs & eCommerce Professionals Recognize Mobile as critical to business objectives, but 2/3 indicate they don't have a strong understanding of the mobile user experience. 72% of respondents expect to invest more in mobile channels. Vendor selection to implement the planned technology to deal with the Mobile Revolution. Your business has a meaningful & contextualized presence that seamlessly meets the needs of your customers.
Introduction: The Itinerary Why Embracing Mobile Matters: Brand Long-Term Opportunities Mobile Commerce/Conversion A Different Kind of Engagement
Introduction: Mobile & Brand Preservation Why Embracing Mobile Matters Brand Google found 72% of online shoppers expect businesses to have a mobile-friendly website 55% say a poor mobile experience will hurt their opinion of brand
Introduction: Long-term Mobile Considerations Why Embracing Mobile Matters Long-Term Opportunities 89% of customers do business with a competitor following a poor customer experience (IBM) 72% of companies said that mobile accounts for more than 10% of traffic, up from 52% in 2012 (Google) 67% of consumers said they‟re more likely to make a purchase if a website is mobile-friendly (Google)
Introduction: Email Still Wins the Day Why Embracing Mobile Matters Mobile Commerce & Conversion Success In 2013, Mobile Commerce grew to grow nearly 70%, reaching $41.7 billion Growth would exceed BoA pace, which projects Mobile Commerce to reach $67 billion by 2015 Monetate reported that Q1 of 2013 marked the first time conversion rates on tablets exceeded desktops.
Introduction: Mobile Customer Engagement Why Embracing Mobile Matters A Different Kind of Engagement 91% of smart phone users have their phone within arm‟s reach 24/7 31% of American Adults who have cell phones use it for the majority of their Internet use
What Is Responsive Design? Lauren Moore Vice President of Interface Design
What is Responsive Design? What is Responsive Design: “ Responsive Web design is the approach that suggests that design and development should respond to the user‟s behavior and environment based on screen size, platform and orientation. Kayla Knight, Smashing Magazine ”
Why Responsive is the answer: Breaking Down the Alternatives Marrying devices, instead of a concept, limits business presence The “App” Problem: To find an App In Marketplace and Download Is Active Experience. Must Develop Different Apps For Different Devices Quarantined content isn‟t shareable (prevents virality) Separate Mobile Website: Creating separate Mobile websites hurts SEO. Mobile Sites Appear Fragmented On Desktop/Laptops. Requires content updates in two separate locations.
Reasons Why Responsive Works Importance of User Behavior Smart Device Users Rely Heavily on Search In November 2013 alone: OVER 19 Billion Search Queries Occurred Across Five Major Search Engines. 26% of 19B = 4.94 Billion Inquiries On Mobile Devices
Reasons Why Responsive Works Importance of User Behavior (Continued) Customer Tendencies: Action, Not Volume, Is Critical 9 out of 10 smart phone searches result in customer action with over half leading in a purchase. 58% of Americans use their smart device on their way to the retail store or in store.
Reasons Why Responsive Works Search Engine Optimization Considerations From Google’s Developer Guide: Single URL creates easier user interaction and sharing opportunities Helps Google‟s algorithms assign the indexing properties for the content No redirection is needed for users to get to the device-optimized view & reduces loading time
Reasons Why Responsive Works Consistent User Experience Across All Channels Social Considerations: Example Twitter From Twitter Advertising Team: “ Think about content that‟s easy to interact with and consider the experience beyond the Tweet too – for example, link to sites that are optimized for mobile. – Twitter Mobile Users are More Engaged: 44% more likely to click on links 66% more likely to reTweet 76% more likely to favorite a Tweet. More than 60% of Twitter users log-on to via a mobile device ”
Reasons Why Responsive Works Consistent User Experience Across All Channels Don’t Submarine Email Marketing Campaigns with a Call-To-Action That Leads to a Fragmented Web Experience. Half of all unique opens occurred on a mobile device Desktop-only Webmail-only Mobile-combo Other Mobile-only Unique opens Source: Experian Marketing Services
Reasons Why Responsive Works Contextualized Interactions 2 out of 5 companies agree that 'delivering positive customer experiences is harder on a Mobile Device„ (IBM) Responsive Design empowers companies to best deliver the right experience to the right device
Creating a Responsive Web Design Tom Lynch Vice President of Interface Design
Creating a Responsive Web Design Discovery Phase 1. Interview End Users, Stakeholders 2. Conduct Competitive Analysis; Analytical Review For SEO 3. Establish Content Hierarchy 4. Develop Site Map 5. Create Wireframes 6. Usability Testing STEP 1 STEP 2 STEP 3 STEP 4 STEP 5 STEP 6 Interview End Users & Stakeholders Conduct Competitive Analysis; Analytic Review Establish Content Hierarchy Develop Site Map Create Wireframes Usability Testing
Creating a Responsive Web Design Discovery Phase: Develop Site Map
Creating a Responsive Web Design Discovery Phase: Homepage – Wireframes
Creating a Responsive Web Design Discovery Phase: Homepage – Screenshots
Creating a Responsive Web Design Discovery Phase: Product Details – Wireframes
Creating a Responsive Web Design Discovery Phase: Product Details – Screenshots
Final Thoughts … 1. You’re not late to the party, but the 13th hour is upon us 2. Responsive Design is the panacea to the mobile puzzle 3. Mobile Maturity starts at selecting the right technology, and ends with creating a seamless experience … regardless of device
Q&A Brian Harris Lauren Moore Tom Lynch Director of Digital Services Bridgeline Digital @brianart Vice President of Interface Design Bridgeline Digital @Bridgeline Vice President of Interface Design Bridgeline Digital @Bridgeline
Thank You for joining the Webinar! Follow us on twitter: @bridgeline Visit us at: www.bridgelinedigital.com
Responsive Design improves the customer experience. Learn How to Create Meaningful Mobile Experiences With Responsive Design, Webinar from Bridgeline Digital.
Check out all the Informational Webinars that ... and Email Marketing to Responsive Design ... How to Create Meaningful Mobile Experiences With Responsive ...
... to the mobile device, responsive design ... webinar, for an optimal mobile experience: ... create the exceptional customer experience ...
This session will explore the extent to which businesses can extend responsive design into their mobile ... and mobile experiences? ... Webinars; Blog ...
Responsive and mobile ready email design in eMarketeer. This webinar will show you how to create responsive ... webinar will show you how to build mobile ...
Check out Creating a Responsive Web Experience! ... Setting up the mobile nav ... simply resizing your web design is not enough to create a satisfying ...
Adobe® Experience Manager Pre-Header ... 7 ways to simplify your mobile strategy. Adobe on-demand webinar ... With responsive design, you can create one ...
... and you've paid dearly for that mistake—a responsive web design. ... meaningful experience for your mobile ... create a seamless experience ...
... way to create a website mobile ... mobile devices * Optimum viewing experience ... the design to responsive the sales via mobile devices ...
... ways to add mobile responsive design into ... mobile design and user experience ... that creates innovative and meaningful ...