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.
This document discusses the rise of mobile access to websites and the importance of optimizing websites for mobile. Some key points:
- By 2015, mobile access will surpass desktop as the primary method for accessing the web.
- Mobile users have different needs and goals than desktop users, wanting quick access to key information like maps, contacts, social media, etc.
- Websites designed for desktops are often not optimized for smaller mobile screens. Responsive design and designated mobile sites are approaches to make sites mobile-friendly.
- Google Analytics can measure what percentage of a site's traffic and returning visitors come from mobile to determine if a mobile-optimized site is needed. Failing to do so can negatively impact user
Responsive web design helps enhance the user experience on all devices like mobile, tablet, etc. by adapting to different screen sizes. It has become essential for businesses in recent years as companies want to engage customers who are mobile. Responsive design provides a consistent user experience through a single URL across all devices, improves SEO through a unified site, and can increase revenue by attracting more traffic from various devices.
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.
This document discusses the need for multi-device websites that are responsive to different devices. It notes that over 35% of internet traffic now comes from mobile devices and that mobile data usage is growing rapidly. Responsive design allows a website to automatically adapt to different screen sizes so that users have an optimal experience across devices. The benefits of responsive multi-device websites include improved search engine optimization, future-proofing against new devices, focusing on content over device specifics, cost-effectiveness, and performance.
BlogWell Bay Area Social Media Case Study: Whole Foods Market, presented by N...SocialMedia.org
In her BlogWell Bay Area presentation, Whole Foods Market's Director of Social Media and Digital Marketing, Natanya Anderson, explains why "culture eats strategy for lunch" and how the upscale grocery brand engages consumers on the local level.
She shares how Whole Foods separated global and local social strategy, with the global level addressing lifestyle and the local level tackling transaction, to create a more efficient social experience for consumers.
This document discusses pros and cons of mobile web design. It recommends that mobile websites be simple to navigate, focus on the main features for consumers, integrate phone functions like GPS, resize images and detect mobile devices. Good mobile websites like ESPN, Amazon and YouTube optimize for touch screens with easy transitions, minimize scrolling and show progress indicators. The worst mobile sites are those from car dealerships, Dell and Nokia that are not optimized for mobile. References are provided for mobile design priorities, differences from desktop sites and tips for mobile-friendly websites.
Now, get flexible and compatible website designs through responsive web designing techniques. These web designing and development approach is practiced in order to attain maximum viewing experience.
This document discusses the rise of mobile access to websites and the importance of optimizing websites for mobile. Some key points:
- By 2015, mobile access will surpass desktop as the primary method for accessing the web.
- Mobile users have different needs and goals than desktop users, wanting quick access to key information like maps, contacts, social media, etc.
- Websites designed for desktops are often not optimized for smaller mobile screens. Responsive design and designated mobile sites are approaches to make sites mobile-friendly.
- Google Analytics can measure what percentage of a site's traffic and returning visitors come from mobile to determine if a mobile-optimized site is needed. Failing to do so can negatively impact user
Responsive web design helps enhance the user experience on all devices like mobile, tablet, etc. by adapting to different screen sizes. It has become essential for businesses in recent years as companies want to engage customers who are mobile. Responsive design provides a consistent user experience through a single URL across all devices, improves SEO through a unified site, and can increase revenue by attracting more traffic from various devices.
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.
This document discusses the need for multi-device websites that are responsive to different devices. It notes that over 35% of internet traffic now comes from mobile devices and that mobile data usage is growing rapidly. Responsive design allows a website to automatically adapt to different screen sizes so that users have an optimal experience across devices. The benefits of responsive multi-device websites include improved search engine optimization, future-proofing against new devices, focusing on content over device specifics, cost-effectiveness, and performance.
BlogWell Bay Area Social Media Case Study: Whole Foods Market, presented by N...SocialMedia.org
In her BlogWell Bay Area presentation, Whole Foods Market's Director of Social Media and Digital Marketing, Natanya Anderson, explains why "culture eats strategy for lunch" and how the upscale grocery brand engages consumers on the local level.
She shares how Whole Foods separated global and local social strategy, with the global level addressing lifestyle and the local level tackling transaction, to create a more efficient social experience for consumers.
This document discusses pros and cons of mobile web design. It recommends that mobile websites be simple to navigate, focus on the main features for consumers, integrate phone functions like GPS, resize images and detect mobile devices. Good mobile websites like ESPN, Amazon and YouTube optimize for touch screens with easy transitions, minimize scrolling and show progress indicators. The worst mobile sites are those from car dealerships, Dell and Nokia that are not optimized for mobile. References are provided for mobile design priorities, differences from desktop sites and tips for mobile-friendly websites.
Now, get flexible and compatible website designs through responsive web designing techniques. These web designing and development approach is practiced in order to attain maximum viewing experience.
This document discusses different methods for mobilizing a website to increase reach. It begins by noting the growing percentage of people who browse the web primarily via mobile devices. It then outlines three main options for making a site mobile-friendly: native apps, mobile-friendly plugins/templates, and responsive web design. For each option, it provides details on features, benefits, drawbacks, and examples. It concludes by advising readers to choose the best option based on their budget and needs, and emphasizes that high-quality content should remain the priority regardless of method.
The ins and outs of Responsive Web Designmeijun_corp
1. What Responsive Web Design is?
Why Responsive Web Design is important for small and mid-sized businesses?
- Mobile Traffic, Increased mobile internet usage, mobile users experiences.
2. Why should this consider? Easy to manage and optimize your website
3. Pros and Cons of RWD - How would you deal with your website from a different kind of devices? People access your website's SEO. An issue with taking longer to load.
4. Examples of Responsive Web Design in different industries.
Healthcare, Non-profits, Education, Food and Drink, Retail, Publishing, and Creative.
5. Conclusion
- With an expectation that mobile sales will overtake desktop sales, you need to focus on how to make your website friendly on the mobile. Consumers are more likely to consider it is a good that a company has a positive viewing experience.
This document discusses the pros and cons of mobile apps, responsive websites, and mobile websites. It also covers topics like app marketing, return on investment for apps, and whether to build a native or hybrid app. The key takeaways are that apps can do powerful things but are costly to develop, responsive websites are widely accessible but content must be optimized for mobile, and if pursuing an app, define the audience and business model first.
This document outlines a plan for a social network focused on place discovery called Davai. It aims to marry discovery with social sharing by allowing users to share videos and photos about places they visit. The target market is millennials who travel frequently and use technology and sharing platforms. The plan is to launch a beta version in late July, release an app by September, and focus on user growth and metrics. Funding is being sought from FounderFuel to support developing the beta and growing the network in an incubator environment.
Website Analysis - Why Update? - Hiller MuseumMariya Anderson
Many non profit organizations continue to neglect their most important communication outlet - their website. Many seem to be stuck in 1999, with garish colors and 100s of cumbersome HTML pages. This presentation explores examples of successful aviation museum websites (and what makes them engaging) and compares them to a museum website that struggles to catch up to current technology.
Overview of mobile first, responsive web design philosophy, including examples and benefits that designers, developers and web firms can take advantage of.
Liquid Creativity by YOOSE | CommunicAsia Summit 2014 Day 2 YOOSE
This document provides tips and guidelines for developing a successful mobile marketing campaign in 3 sentences or less:
It outlines key considerations for mobile campaigns including understanding your audience, location targeting, device optimization, creative content, and calls to action. Examples are given showing how location-based mobile ads were used to drive foot traffic to retailers in Singapore and engage sports fans in the UK. The document concludes with emerging mobile marketing trends like digital out-of-home, augmented reality, and the growing importance of mobile apps.
Web Design 2016: Top 10 Trends to Attract New CustomersAIS Media, Inc.
This document outlines the top 10 web design trends for 2016 to attract new customers. It discusses designing for mobile as mobile usage has surpassed desktop usage. It emphasizes the importance of responsive design that adapts to different screen sizes and devices. The document also stresses the need to eliminate friction through quick loading pages, clear calls-to-action, and consistent navigation. Social proof from reviews, testimonials and awards is recommended to boost credibility and conversions. Overall web performance and speed are critical as mobile users have less bandwidth and patience.
This document summarizes 20 nonprofit technology trends. Some key points include: cloud computing is widely adopted with over 80% of organizations saving money by moving services to the cloud. Mobile usage continues to grow rapidly, with half of users relying on mobile as their primary internet source. Social media signals and user experience are increasingly important for search engine optimization rather than on-page keywords. Blogging is important for content creation and search engine rankings. While Facebook is a primary focus, organic reach on the platform has dropped 50% in recent years.
Mobile usage has increased dramatically in recent years. Neglecting a mobile-friendly website would be a huge disadvantage for businesses as more people browse from their phones than desktop computers. It is important to make websites accessible and easy to use on all devices through resizing images, clear navigation, and measuring mobile audiences. Well-designed mobile sites like Facebook and Craigslist automatically adapt to any smartphone screen, while some existing websites still need help becoming mobile-friendly. Consulting experts can help businesses get their sites updated and take advantage of opportunities in the mobile space.
This document provides information from a seminar on mobile marketing. It discusses:
- Why mobile marketing is important as mobile device usage increases and more searches are done on mobile. Consumers are more likely to take immediate action on mobile-friendly sites.
- The differences between mobile apps and mobile websites. Apps provide additional features but both an app and mobile-optimized website are generally needed.
- Types of mobile websites, including responsive designs that adapt content for all devices and standalone mobile sites optimized specifically for mobile.
- Best practices for mobile sites like keeping content quick to load, simplifying navigation, and designing for usability on mobile devices.
- The seminar concluded with a demonstration
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.
This document introduces BeInspired, an advertising platform designed for the on-demand world. It notes that video consumption is increasing dramatically online and on mobile. BeInspired allows users to touch points in videos that interest them to discover related content without interrupting the video. This engages users and can lead them to products. Advertisers can connect with consumers during inspired moments. Publishers gain new monetization through immersive ads and increased content engagement over time.
Bharti axa website analysis, competitor analysis & visual approachRahul Singh
The document outlines the visual design approach for a new insurance website. It proposes 5 key design elements: 1) layered background images with interactive elements, 2) simple, uncluttered customer journeys, 3) large, readable fonts with appealing copy, 4) mobile-style menus, and 5) mobile-friendly forms. Examples are provided for each element to illustrate best practices and things to avoid, with a focus on optimizing the user experience across devices.
This document summarizes a presentation about how Shutterfly leverages social data. It discusses capturing social activities across devices, analyzing which activities drive brand performance, and optimizing creatives. It provides an example campaign for Shutterfly's photo story app. Key findings were that consuming and sharing content were the top performing social activities, and the campaign drove over 300 app installs and multiple orders. The document advocates using contextual and activity targeting to reach qualified audiences.
How to Increase Your Site Usability to Drive LeadsDigital Reach
It’s 2019 and ranking factors are all about the user (and more intuitive than ever). Is your site user-friendly and easy to use? How are you guiding your customers’ journey?
In this slideshow, we walk through analyzing your site’s usability and what functionalities you can use to your advantage.
- How site usability has become a major ranking factor
- What ideal site usability looks like
- How to guide the customer journey through site functionality
and drive leads
This is the designing of website in a way that all its content, structure and images remain the same on all devices of different sizes. Below are the 10 reasons why responsive web design is important for your website.
Measuring the Effectiveness of B2B MarketingHileman Group
Measuring the business impact of digital marketing efforts continues to be one of the biggest struggles in B2B. Learning how to effectively measure these campaigns will help ensure the success of your team and organization. View this presentation to learn how to integrate data, measure ROI and more in order to improve your B2B marketing efforts.
This document discusses different methods for mobilizing a website to increase reach. It begins by noting the growing percentage of people who browse the web primarily via mobile devices. It then outlines three main options for making a site mobile-friendly: native apps, mobile-friendly plugins/templates, and responsive web design. For each option, it provides details on features, benefits, drawbacks, and examples. It concludes by advising readers to choose the best option based on their budget and needs, and emphasizes that high-quality content should remain the priority regardless of method.
The ins and outs of Responsive Web Designmeijun_corp
1. What Responsive Web Design is?
Why Responsive Web Design is important for small and mid-sized businesses?
- Mobile Traffic, Increased mobile internet usage, mobile users experiences.
2. Why should this consider? Easy to manage and optimize your website
3. Pros and Cons of RWD - How would you deal with your website from a different kind of devices? People access your website's SEO. An issue with taking longer to load.
4. Examples of Responsive Web Design in different industries.
Healthcare, Non-profits, Education, Food and Drink, Retail, Publishing, and Creative.
5. Conclusion
- With an expectation that mobile sales will overtake desktop sales, you need to focus on how to make your website friendly on the mobile. Consumers are more likely to consider it is a good that a company has a positive viewing experience.
This document discusses the pros and cons of mobile apps, responsive websites, and mobile websites. It also covers topics like app marketing, return on investment for apps, and whether to build a native or hybrid app. The key takeaways are that apps can do powerful things but are costly to develop, responsive websites are widely accessible but content must be optimized for mobile, and if pursuing an app, define the audience and business model first.
This document outlines a plan for a social network focused on place discovery called Davai. It aims to marry discovery with social sharing by allowing users to share videos and photos about places they visit. The target market is millennials who travel frequently and use technology and sharing platforms. The plan is to launch a beta version in late July, release an app by September, and focus on user growth and metrics. Funding is being sought from FounderFuel to support developing the beta and growing the network in an incubator environment.
Website Analysis - Why Update? - Hiller MuseumMariya Anderson
Many non profit organizations continue to neglect their most important communication outlet - their website. Many seem to be stuck in 1999, with garish colors and 100s of cumbersome HTML pages. This presentation explores examples of successful aviation museum websites (and what makes them engaging) and compares them to a museum website that struggles to catch up to current technology.
Overview of mobile first, responsive web design philosophy, including examples and benefits that designers, developers and web firms can take advantage of.
Liquid Creativity by YOOSE | CommunicAsia Summit 2014 Day 2 YOOSE
This document provides tips and guidelines for developing a successful mobile marketing campaign in 3 sentences or less:
It outlines key considerations for mobile campaigns including understanding your audience, location targeting, device optimization, creative content, and calls to action. Examples are given showing how location-based mobile ads were used to drive foot traffic to retailers in Singapore and engage sports fans in the UK. The document concludes with emerging mobile marketing trends like digital out-of-home, augmented reality, and the growing importance of mobile apps.
Web Design 2016: Top 10 Trends to Attract New CustomersAIS Media, Inc.
This document outlines the top 10 web design trends for 2016 to attract new customers. It discusses designing for mobile as mobile usage has surpassed desktop usage. It emphasizes the importance of responsive design that adapts to different screen sizes and devices. The document also stresses the need to eliminate friction through quick loading pages, clear calls-to-action, and consistent navigation. Social proof from reviews, testimonials and awards is recommended to boost credibility and conversions. Overall web performance and speed are critical as mobile users have less bandwidth and patience.
This document summarizes 20 nonprofit technology trends. Some key points include: cloud computing is widely adopted with over 80% of organizations saving money by moving services to the cloud. Mobile usage continues to grow rapidly, with half of users relying on mobile as their primary internet source. Social media signals and user experience are increasingly important for search engine optimization rather than on-page keywords. Blogging is important for content creation and search engine rankings. While Facebook is a primary focus, organic reach on the platform has dropped 50% in recent years.
Mobile usage has increased dramatically in recent years. Neglecting a mobile-friendly website would be a huge disadvantage for businesses as more people browse from their phones than desktop computers. It is important to make websites accessible and easy to use on all devices through resizing images, clear navigation, and measuring mobile audiences. Well-designed mobile sites like Facebook and Craigslist automatically adapt to any smartphone screen, while some existing websites still need help becoming mobile-friendly. Consulting experts can help businesses get their sites updated and take advantage of opportunities in the mobile space.
This document provides information from a seminar on mobile marketing. It discusses:
- Why mobile marketing is important as mobile device usage increases and more searches are done on mobile. Consumers are more likely to take immediate action on mobile-friendly sites.
- The differences between mobile apps and mobile websites. Apps provide additional features but both an app and mobile-optimized website are generally needed.
- Types of mobile websites, including responsive designs that adapt content for all devices and standalone mobile sites optimized specifically for mobile.
- Best practices for mobile sites like keeping content quick to load, simplifying navigation, and designing for usability on mobile devices.
- The seminar concluded with a demonstration
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.
This document introduces BeInspired, an advertising platform designed for the on-demand world. It notes that video consumption is increasing dramatically online and on mobile. BeInspired allows users to touch points in videos that interest them to discover related content without interrupting the video. This engages users and can lead them to products. Advertisers can connect with consumers during inspired moments. Publishers gain new monetization through immersive ads and increased content engagement over time.
Bharti axa website analysis, competitor analysis & visual approachRahul Singh
The document outlines the visual design approach for a new insurance website. It proposes 5 key design elements: 1) layered background images with interactive elements, 2) simple, uncluttered customer journeys, 3) large, readable fonts with appealing copy, 4) mobile-style menus, and 5) mobile-friendly forms. Examples are provided for each element to illustrate best practices and things to avoid, with a focus on optimizing the user experience across devices.
This document summarizes a presentation about how Shutterfly leverages social data. It discusses capturing social activities across devices, analyzing which activities drive brand performance, and optimizing creatives. It provides an example campaign for Shutterfly's photo story app. Key findings were that consuming and sharing content were the top performing social activities, and the campaign drove over 300 app installs and multiple orders. The document advocates using contextual and activity targeting to reach qualified audiences.
How to Increase Your Site Usability to Drive LeadsDigital Reach
It’s 2019 and ranking factors are all about the user (and more intuitive than ever). Is your site user-friendly and easy to use? How are you guiding your customers’ journey?
In this slideshow, we walk through analyzing your site’s usability and what functionalities you can use to your advantage.
- How site usability has become a major ranking factor
- What ideal site usability looks like
- How to guide the customer journey through site functionality
and drive leads
This is the designing of website in a way that all its content, structure and images remain the same on all devices of different sizes. Below are the 10 reasons why responsive web design is important for your website.
Measuring the Effectiveness of B2B MarketingHileman Group
Measuring the business impact of digital marketing efforts continues to be one of the biggest struggles in B2B. Learning how to effectively measure these campaigns will help ensure the success of your team and organization. View this presentation to learn how to integrate data, measure ROI and more in order to improve your B2B marketing efforts.
The Marriage of Traditional and Digital MarketingHileman Group
Weddings are fun, aren’t they? Especially when it’s for two equally important strategies in your life, like traditional and digital marketing. They are both special to your overall marketing mix, and you’re over the moon when they are happy and work well together.
But, coming from different backgrounds, how can we ensure marital bliss? In the following presentation, we identify common pitfalls and effective approaches to successfully transition current marketing tactics from traditional avenues to digital.
This document summarizes 10 hacks for simplifying your day in Marketo. It discusses techniques like leveraging process templates for commonly used programs, using tokens for reusable elements, adding hidden form fields to differentiate campaigns, and utilizing constraints to better filter leads. Specific hacks covered include using tokens in various places, leveraging the drag-and-drop editor, and nesting tokens for flexibility. The document provides descriptions and examples for each hack to help Marketo users get more out of the platform.
The webinar covered search engine marketing strategies, including:
1) An overview of search engine marketing and the anatomy of search engine results pages, which include paid and organic search listings.
2) Details on optimizing for organic search through content targeting, user experience, and external links to a website.
3) How paid search works on a pay-per-click auction model and tips to improve quality scores without increasing budgets.
4) Key tips for 2015 like using negative keywords, rebuilding campaigns for quality score refreshes, and leveraging remarketing lists and link reclamation.
Learn how to make sense of two approaches to managing customer interaction and engagement: CRM (Customer Relationship Management) and MA (Marketing Automation). In this presentation, you will learn:
-101-level marketing technology definitions
-When and how to use what platform
-Best practices & success stories for marketing and sales teams
The document discusses various megatrends for websites in 2015 and beyond, focusing on six key areas: website performance, better search results, website design and usability, importance of content, engagement/calls to action, and social media integration. It provides details on each area, highlighting the importance of things like site speed, mobile responsiveness, content strategy, conversion optimization, and integrating social media to increase exposure and engage customers. The overall message is that websites must adapt to changing consumer behaviors and priorities to remain competitive online.
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.
The document discusses responsive design from a marketer's perspective. It defines responsive design as providing an optimal viewing experience across devices through flexible layouts that adapt to different screen sizes. The key benefits of responsive design are meeting mobile user expectations, reaching mobile-only users who spend more time on mobile devices, and improving SEO. Most industries should consider responsive design, though some retailers may find mobile-optimized sites better. Responsive design requires additional time and costs compared to a typical website redesign.
Creating an effective online presence for small businesses on the new webZiv Koren
A presentation delivered at the Jerusalem Web Marketing Convention on 27.5.14 covering the pros and cons of various online presence strategies and the effect of Facebook recent changes on small business marketing on Facebook.
A mobile responsive website automatically adjusts the layout and design to properly display on any device like desktops, laptops, smartphones, or tablets using the same HTML and CSS code, which is important as more people access the internet using mobile devices; having a mobile responsive website means users will have no difficulty viewing content regardless of device and ensures businesses only need one website instead of separate mobile and desktop sites.
Technologies: Expert in the Room Webinar: Optimizing your Website for MobileRandstad USA
Key Takeaways:
- Why optimize for mobility
- Defining your approach
- Mistakes made when designing for mobile
- Best practices for developing a mobile website
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
This document discusses approaches to user experience (UX) design for responsive websites. It begins by explaining that UX encompasses creative and technical aspects to create seamless experiences for users across different devices. It then discusses the rise of mobile internet usage and how responsive design and adaptive design approaches can create flexible experiences across devices. Responsive design uses one code base that adapts layouts to different screens, while adaptive design prioritizes customized experiences for different contexts. The document considers factors for choosing an approach, such as analyzing user data and prioritizing a mobile-first design. It emphasizes designing for the majority of device traffic and letting user behavior dictate the experience.
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 Design: Where, Why and How | Imagine 2013 Strategic MarketingAtwix
This document discusses responsive design for ecommerce websites. It begins with introducing several speakers who are experts on responsive design and ecommerce. It then discusses the benefits of responsive design over separate mobile sites or apps, including lower maintenance costs and SEO benefits.
The document outlines a case study of implementing responsive design for Peter Millar's ecommerce site, which led to increased mobile visits, average order value, conversion rate, and overall site visits. Finally, it discusses best practices for responsive design, including analyzing user behaviors across devices and budgeting based on business goals and needs assessments.
Our efforts behind Future Friendly as a philosophy and Responsive Web Design are twofold, to acknowledge and embrace unpredictability while focusing on audience needs, context and content, and staying ahead of what's coming around the corner next.
One Size does Not Fit All: Selecting the Right Mobile StrategyKentico mobil...Thomas Robbins
The key to a successful mobile strategy is aligning user needs with your business goals and evolving mobile technologies. Once you have alignment, the focus turns to determining the right strategy for your business:
• Responsive website?
• Mobile website?
• Native application?
During this webinar, we'll help you understand these three mobile strategy options with a side-by-side comparison, as well as best practices and key considerations. This discussion will help attendees ask the right questions to determine the best mobile solution to meet their business needs.
About our speaker Jeff Willinger
Jeff Willinger is the Director of Social Computing, Collaboration and Intranets at Rightpoint and was recently named one of the top SharePoint influencers to watch in 2013, for the third year and is recognized as one of the top social media personalities in the country. He specializes in advising clients on social computing strategies, social intranets and portals, mobile reach vs. reach and increasing employee engagement. With experience spanning more than two decades, he is an internationally recognized speaker and expert in all CMS solutions and is a technology and business evangelist with deep expertise in information architecture, enterprise content management, and web 2.0 technology strategy. A character with character, he is the President and Founder of the Social Media Club of Chicago.
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
Aga spring meeting_bwm_mobile_landscape_04-03-13Chris Forhan
The document discusses mobile websites and trends in mobile technology. It provides an overview of Blue Water Media, a digital agency, and discusses the growing mobile landscape. Key points covered include the rapid growth of mobile device usage, the importance of responsive design for mobile websites, and trends like localized experiences, mobile commerce, and the convergence of social, local and mobile features. The presentation aims to highlight opportunities for mobile optimization and engagement.
Google: Does your website work for the multi-screen UK consumer?Matt Brocklehurst
In the UK, customers’ buying habits are changing. People now use an average of three devices and with 32% of them making a purchase every month on a smartphone, the UK is now the number one country in Europe for mobile shopping. Now more than ever, consumers use multiple devices to search for, research and buy products while at home, in the office and on the move.
To take advantage of this, your website must work well for users on smartphones, tablets and desktop computers.
This report looks at why a mobile-friendly site is now mandatory and top tips on how to set up or improve your site for all devices.
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
This document discusses responsive and adaptive design approaches for websites. Responsive design adapts a website's layout to fit different screen sizes using a single code base, while adaptive design customizes the user experience for different contexts using multiple code bases. The document explores considerations for choosing between the approaches, like users' devices and needs. It emphasizes starting with a mobile-first design and prioritizing users' most common tasks and devices.
Future-Proofing the Web: Choosing the Optimal Mobile Design StrategyHuge
This report, first in a series, focuses on how businesses should choose a mobile design strategy. It considers the rapid evolution of the mobile ecosystem, the exponential growth in devices, and how the right design strategy can not only address these issues, but provide solutions that support the overall goals of a business.
Ähnlich wie Designing for Mobile - Hileman Group Lunch & Learn Series (20)
Whether you’re sinking time into manual ad buys, missing audience opportunities with AdWords, or just waiting for a magic bullet to come along for digital ads — this webinar can give you a place to start for programmatic.
How to Run an Effective Brainstorm SessionHileman Group
New ideas and solutions are the bread and butter for company growth and effectiveness. After all, who doesn’t want to come up with the next big thing?
But getting the brainstorm process started can often be challenging and lead to road blocks and lower productivity when the right questions are not asked. Although you may have been in brainstorms before, you may be missing key elements that are making them less effective. Without the right process, strong ideas will remain out of reach.
In this presentation, our panel of experts will walk you through the key steps for a successful brainstorming session, the overall ideation process and how to challenge assumptions.
An effective MarTech stack can help you execute, evaluate and expand marketing efforts across the entire customer lifecycle. Listen in to this webinar to how to optimize your MarTech stack.
Marketing Dashboards: The Dos and Don’ts of Effective ReportingHileman Group
The webinar discussed effective practices for marketing dashboards and reporting. It addressed questions about how much data and insights to include for different stakeholders, reporting cadence, balancing automated and manual reporting, taking a holistic view of data to derive trends and insights, and benchmarking performance against industry peers. Key takeaways included automating manual tasks, avoiding data silos, customizing views for different audiences, not overanalyzing small data sets, testing changes, and avoiding rash decisions.
Technology has changed the way we market to consumers, allowing for more real-time data and personalization. Because of this shift, we too must change how we use and protect that data. And with laws like GDPR going into effect, this issue is not going away anytime soon. Discover actionable ways you can improve security both from an organizational standpoint and from the view of your users.
The Role of ADA Compliance and the Future of the WebHileman Group
ADA compliance is the catalyst for inclusive design. When responding to meeting new standards, think more about inclusion rather than checking off a box. Having a compliant and usable website can have a positive impact on website design and ROI.
What does this mean, exactly? Do you have to run out and quickly redesign your website? Not exactly. But, not addressing these issues could be costly for your organization.
Building and Maintaining Effective Teams (who want to work for you)Hileman Group
To us, building an effective team is like building a house. You can’t build a reliable house without a sound foundation. Review this webinar presentation to see Tom Hileman's tactics to building and maintaining an effective team.
Rankpocalypse! Can SEO Survive Without Rankings?Hileman Group
This document provides information from a webinar presentation on SEO. It discusses how SEO is evolving as search engines use more signals to determine results and as search queries become more conversational. It notes that keyword rankings are no longer the primary metric for SEO success. The document offers strategies for addressing pushback on this change, such as measuring organic traffic and key performance indicators over time rather than immediate keyword rankings. It emphasizes thinking beyond traditional tactics like link building and optimizing only for Google to consider other sites and platforms. The key takeaway is that SEO requires adapting to the changing search landscape and focusing on overall organic growth rather than keyword rankings alone.
UX Tips: 9 Tactics to Build Your WebsiteHileman Group
In this webinar, we’ve teamed up with Kentico to provide 9 UX tips to help you build a better website. You will learn:
• What is UX (and what it isn’t)
• Tips and tricks to help build an optimal website structure
• Tools you need to be a UX expert
9 Takeaways From Content Marketing WorldHileman Group
We were lucky enough to attend Content Marketing World in Cleveland, Ohio this year! This infographic sums up the top 9 takeaways we heard from the largest gathering of content marketers in the world.
The Importance of Integration - Hileman Group Lunch & Learn SeriesHileman Group
The Importance of Integrations examines some of the different types of integrations out there, specifically, what categories exist for us to gain efficiencies or enhance our user’s experience?
Explore the essential graphic design tools and software that can elevate your creative projects. Discover industry favorites and innovative solutions for stunning design results.
International Upcycling Research Network advisory board meeting 4Kyungeun Sung
Slides used for the International Upcycling Research Network advisory board 4 (last one). The project is based at De Montfort University in Leicester, UK, and funded by the Arts and Humanities Research Council.
Practical eLearning Makeovers for EveryoneBianca Woods
Welcome to Practical eLearning Makeovers for Everyone. In this presentation, we’ll take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.
Architectural and constructions management experience since 2003 including 18 years located in UAE.
Coordinate and oversee all technical activities relating to architectural and construction projects,
including directing the design team, reviewing drafts and computer models, and approving design
changes.
Organize and typically develop, and review building plans, ensuring that a project meets all safety and
environmental standards.
Prepare feasibility studies, construction contracts, and tender documents with specifications and
tender analyses.
Consulting with clients, work on formulating equipment and labor cost estimates, ensuring a project
meets environmental, safety, structural, zoning, and aesthetic standards.
Monitoring the progress of a project to assess whether or not it is in compliance with building plans
and project deadlines.
Attention to detail, exceptional time management, and strong problem-solving and communication
skills are required for this role.
2. DESIGNING FOR MOBILE
Danielle Weiss
Sr. User Experience Designer / Design Team Lead
dweiss@hilemangroup.com
What we’ll cover…
• Importance of a Mobile Web Presence
• Mobile Website Design Strategy
• Responsive Design vs. Adaptive Design
• Which approach is right for you?
• Questions
2Tweet Us with #HilemanGroup
3. MOBILE WEB PRESENCE
Why is a mobile web presence important?
Because mobile is important to your target audience.
The smartphone market is now larger than the PC market.
• 56% of American adults are now smartphone owners.
(Source: Pew Internet & American Life Project, 2013)
• 55% of mobile owners access mobile web
(Source: Pew Research Center, 2012)
• 53% of American consumers use their smartphones to access search
engines at least once a day
(Source: Google and Mobile Marketing Association Survey)
• 66% of Americans ages 24-35 own a smartphone
(Source: Nielsen, 2012)
3Tweet Us with #HilemanGroup
4. MOBILE WEB PRESENCE
Why is a mobile web presence important?
Competitive Advantage
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.
4Tweet Us with #HilemanGroup
5. MOBILE WEB DESIGN STRATEGY
Provide an Improved User Experience
The ease with which a mobile user can navigate site features and use
mobile websites influences overall engagement.
• Determine user needs for a mobile environment vs. desktop
environment
• Design site navigation and page layouts that support mobile usability
• Content strategy is appropriate for a mobile environment and
supports message architecture
• Visual design supports your online brand, is engaging, and aids
usability
5Tweet Us with #HilemanGroup
6. RESPONSIVE VS.ADAPTIVE
What’s the difference?
Before we can compare the advantages and disadvantages of the two
it’s important to understand the key differences.
• Both methods aim to provide your users with an optimal mobile
experience
• Users who access your websites through their mobile devices really
do not care what method you use
• The difference is how the mobile solution is developed
6Tweet Us with #HilemanGroup
7. RESPONSIVE WEBSITE DESIGN
What is Responsive Website Design?
Website design approach that aims to optimize the viewing experience
across a wide range of devices from desktop to smartphones.
• One website for all
devices – desktop,
tablets, smartphones
• Reformats the page
layout per screen
resolution
• Ideal for sites with less
complex functionality
and high volume of
content
7Tweet Us with #HilemanGroup
8. ADAPTIVE WEBSITE DESIGN
What is Adaptive Website Design?
Adaptive design detects specific devices to provide the user with a
separate mobile website. Like responsive design, it also aims to optimize
the user’s viewing experience.
• Separate website for
desktop and mobile devices
• Detects the user’s device,
not screen resolution
• Ideal for websites with
high amount of functionality
8Tweet Us with #HilemanGroup
9. RESPONSIVE WEBSITE DESIGN
Advantages of Responsive Website Design
• Excellent mobile design solution for landing page campaigns,
information rich microsites, or smaller content-heavy websites
• Quick and easy to maintain web content for all devices
• Cost-effective mobile design approach, if implemented at the same
time as full website build
9Tweet Us with #HilemanGroup
10. RESPONSIVE WEBSITE DESIGN
Disadvantages of Responsive Website Design
• Not a custom mobile experience - site structure and page layout is
limited due to various screen resolutions
• Not able to customize message or content to a mobile audience
• Loads all website content; can cause slower performance speeds
• Need to rebuild entire site to implement
10Tweet Us with #HilemanGroup
11. RESPONSIVE WEBSITE DESIGN
2014 Medical Innovation Summit
http://summit.clevelandclinic.org
11Tweet Us with #HilemanGroup
13. ADAPTIVE WEBSITE DESIGN
Advantages of Adaptive Website Design
• Allows for a custom mobile experience:
• Separate mobile site structure (navigation)
• Mobile-specific page layouts/templates
• Mobile content strategy: custom tailor your message to a mobile audience
• Do not have to rebuild full desktop site to implement
• Only loads device specific resources (smartphone, tablet, laptop);
Results in increased performance
• Excellent mobile solution for large sites with a vast amount of information and
high functionality; provide only what’s important to mobile users
13Tweet Us with #HilemanGroup
14. ADAPTIVE WEBSITE DESIGN
Disadvantages of Adaptive Website Design
• Requires more time to maintain mobile site content (two separate
websites vs. just one)
• May require the highest level of investment (case by case)
14Tweet Us with #HilemanGroup
17. DESIGNAPPROACH
17
Which design approach is right for you?
The tactic used to develop your mobile website should be inline with
your design strategy.
• Determine the goals of your mobile website
• What are you trying to achieve through a mobile website?
• Does your website provide complex functionality or mostly static content?
• Evaluate your current site’s analytics
• What mobile devices are currently accessing your full website?
• Which pages are they visiting on mobile devices?
• What percentage of your users are coming from mobile devices?
• Consider your site’s audience
• What do your users need from your mobile website?
Tweet Us with #HilemanGroup
18. CONCLUSION
18
Key Takeaways…
• Establishing a mobile web presence is important
• Developing a mobile web design strategy should be your first step
• Your strategy should be built on analytics and user research
• Responsive and adaptive design methods are not one-size fits all
approaches
• Users don’t care how you do it, they just care that you have a mobile
optimized website that is easy to use.
Questions?
Tweet Us with #HilemanGroup
Improved User Experience - Mobile websites are specifically designed for handheld devices - nobody wants to browse a desktop website on their smartphone! By designing your website specifically for smartphones and other mobile devices, we can make it as easy as possible to use your site, read your content, or make purchases. Mobile usability is a huge factor in improving the user experience and make a positive impression with your audience when it counts.
Determine user needs for a mobile environment vs. desktop environment: are the needs of your users the same or have they changed when it comes to the device they are using? What are the main tasks a user is likely to complete when on a smartphone vs a desktop computer? Not sure? Analytics and User Research can help play a bit part in answering these questions and determining a mobile design strategy
Make sure your mobile site is easy to navigate on a mobile device; especially a smartphone.
Design Page structures support mobile usability; think about how this differs from desktop to tablet to smartphone; smartphones – typically one column; consider portrait and landscape view on a phone
Content strategy is appropriate for a mobile environment; consider the length of copy, image and video sizes; should your message be different for your mobile audience vs. your desktop audience? Should it be prioritized differently? Is the voice and tone of your content consistent with your overall brand?
Visual design of the mobile site supports your online brand? Is it engaging – does it look profession and portray your brand? Does the visual design also aid mobile usability – links are easily recognizable; font size and face are easy to read on a mobile device?