{"id":6392,"date":"2016-08-11T15:40:02","date_gmt":"2016-08-11T19:40:02","guid":{"rendered":"http:\/\/www.naylor.com\/associationadviser\/?p=6392"},"modified":"2018-12-12T20:30:34","modified_gmt":"2018-12-12T20:30:34","slug":"adopt-responsive-design","status":"publish","type":"post","link":"https:\/\/www.naylor.com\/associationadviser\/adopt-responsive-design\/","title":{"rendered":"Why Associations Need to Adopt Responsive Design"},"content":{"rendered":"<figure id=\"attachment_3993\" aria-describedby=\"caption-attachment-3993\" style=\"width: 105px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3993\" src=\"https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2015\/03\/BriannaLawsonThumbnail.png\" alt=\"Brianna Lawson, Naylor Association Solutions\" width=\"105\" height=\"106\" \/><figcaption id=\"caption-attachment-3993\" class=\"wp-caption-text\"><em>Brianna Lawson, Naylor Association Solutions<\/em><\/figcaption><\/figure>\n<p>For many folks, responsive design means mobile-friendly. But that\u2019s not the whole story. Responsive design can be implemented across a variety of devices and offer easy reading and navigation with limited zooming, panning and scrolling.<\/p>\n<p>According to <strong>Laura Taylor<\/strong>, director of online solutions at Naylor Association Solutions, \u201cAssociations invest a lot of time and resources into positioning themselves as the content leader in their industry. In order to ensure industry professionals see the association as their number one resource, it is imperative that associations deliver their content in a mobile-friendly format.\u201d<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2502\" src=\"https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2014\/02\/Tweetables-icon.jpg\" alt=\"Tweetables\" width=\"300\" height=\"65\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><em>With the growth of mobile usage, it\u2019s essential for your association to offer a website that is responsive.<a href=\"http:\/\/ctt.ec\/1mRbn\"><img loading=\"lazy\" decoding=\"async\" class=\"align=none size-full wp-image-3157\" src=\"https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2014\/08\/LilTweetablesSmall.png\" alt=\"LilTweetablesSmall\" width=\"17\" height=\"15\" \/><\/a><\/em><\/li>\n<li><em>When your website is responsive, members can easily locate relevant information, regardless of their preferred device.<a href=\"http:\/\/ctt.ec\/2028i\"><img loading=\"lazy\" decoding=\"async\" class=\"align=none size-full wp-image-3157\" src=\"https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2014\/08\/LilTweetablesSmall.png\" alt=\"LilTweetablesSmall\" width=\"17\" height=\"15\" \/><\/a><\/em><\/li>\n<li><em>Google has been favoring responsive websites since it recently <span style=\"text-decoration: underline;\"><strong><a href=\"https:\/\/webmasters.googleblog.com\/2016\/03\/continuing-to-make-web-more-mobile.html\" target=\"_blank\" rel=\"noopener\">updated its algorithm<\/a><\/strong><\/span> in March 2016.<a href=\"http:\/\/ctt.ec\/T80HL\"><img loading=\"lazy\" decoding=\"async\" class=\"align=none size-full wp-image-3157\" src=\"https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2014\/08\/LilTweetablesSmall.png\" alt=\"LilTweetablesSmall\" width=\"17\" height=\"15\" \/><\/a><\/em><\/li>\n<li><em>Mobile readers engage with emails longer than desktop readers do, with 67.1 percent of mobile readers spending longer than 10 seconds.<a href=\"http:\/\/ctt.ec\/lmjUa\"><img loading=\"lazy\" decoding=\"async\" class=\"align=none size-full wp-image-3157\" src=\"https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2014\/08\/LilTweetablesSmall.png\" alt=\"LilTweetablesSmall\" width=\"17\" height=\"15\" \/><\/a><\/em><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><em>Do you know if your association\u2019s website is responsive? Take the test <\/em><span style=\"text-decoration: underline;\"><strong><a href=\"https:\/\/search.google.com\/search-console\/mobile-friendly\" target=\"_blank\" rel=\"noopener\"><em>here<\/em><\/a><\/strong><\/span><em>.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-6393\" src=\"https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2016\/08\/Association-Adviser-Website-Results-Responsive-1024x490.png\" alt=\"Association Adviser Website Test\" width=\"550\" height=\"263\" srcset=\"https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2016\/08\/Association-Adviser-Website-Results-Responsive-1024x490.png 1024w, https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2016\/08\/Association-Adviser-Website-Results-Responsive-300x144.png 300w, https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2016\/08\/Association-Adviser-Website-Results-Responsive-768x368.png 768w, https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2016\/08\/Association-Adviser-Website-Results-Responsive.png 1602w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>With the growth of mobile usage, over 41 percent according to the <span style=\"text-decoration: underline;\"><strong><a href=\"https:\/\/www.informz.com\/blog\/benchmark-report\/2016-association-email-marketing-benchmark-report\/\" target=\"_blank\" rel=\"noopener\">Informz Association Email Marketing Benchmark Report<\/a><\/strong><\/span>, it\u2019s essential for your association to offer a website and emails that are responsive because more email is read on a mobile device than on a desktop. When your website is responsive, your members and potential members can easily locate relevant information, regardless of their preferred device (phone, tablet or desktop).<\/p>\n<h2><strong>Benefits of responsive website design<\/strong><\/h2>\n<p><strong>Laura Taylor<\/strong> also mentions that \u201cmore than half of website visitors and newsletter recipients are viewing digital media on a mobile device, and that percentage is growing rapidly. If associations do not move to a responsive design for their website and newsletters, they are at risk of losing their audience and position in their industry.\u201d By having a responsive website, your association can:<\/p>\n<ul>\n<li><strong>Improve search rankings for your website. <\/strong>Google has been favoring responsive websites since it recently <span style=\"text-decoration: underline;\"><strong><a href=\"https:\/\/webmasters.googleblog.com\/2016\/03\/continuing-to-make-web-more-mobile.html\" target=\"_blank\" rel=\"noopener\">updated its algorithm<\/a><\/strong><\/span> in March. Google\u2019s Jerry Dischler <span style=\"text-decoration: underline;\"><strong><a href=\"https:\/\/adwords.googleblog.com\/2015\/05\/building-for-next-moment.html\" target=\"_blank\" rel=\"noopener\">wrote a post for the AdWords blog<\/a><\/strong><\/span> last year, stating, \u201cmore Google searches take place on mobile devices than on computers in 10 countries including the US and Japan.\u201d Responsive websites perform best in search rankings because they provide a better overall user experience than non-responsive sites.<\/li>\n<li><strong>Keep a single URL. <\/strong>If you\u2019re on the fence about whether or not your association needs a responsive website, there\u2019s good news. You don\u2019t need a separate URL for the mobile version of your website; even Google discourages using more than one. Plus, having a single URL will keep your workload lighter by allowing you to make changes to a single website instead of two separate websites, and then have it reflect across a wide variety of mobile devices and tablets.<\/li>\n<li><strong>Increase mobile visits through social media.<\/strong> Does your association post frequently on social media? Social media is a great way to bring visitors back to your website. Think about how you check your social media accounts throughout the day; we assume it\u2019s most likely through your mobile device. When your association\u2019s website is responsive, people will be less likely to navigate away after clicking through to your website from a post that they found interesting via Facebook or Twitter.<\/li>\n<li><strong>Generate the best user experience. <\/strong>Most importantly, responsive web design leads to a better user experience. When a potential member views your website via their mobile device and is seeking more information about membership, they need to not only be able to find it easily, but read and apply it to your association easily. No matter where your website visitors are, they should be able to access information on the go without having to go through the trouble of zooming in\/out, panning and side scrolling. This will also eliminate high bounce rates and boost conversions when you cater to the needs of your audience and how they can receive information easily and efficiently.<\/li>\n<\/ul>\n<h2><strong>What\u2019s next? Responsive email design<\/strong><\/h2>\n<p>The same report from Informz found that mobile readers engage with emails longer than desktop readers do, with 67.1 percent of mobile readers spending longer than 10 seconds with an email and more than 57 percent of emails being read on iPhones. Therefore, it\u2019s not only important to have a responsive website, but responsive emails as well.<\/p>\n<p>Similar to having a responsive website, responsive emails create a better user experience and prevent readers from immediately deleting the informative emails you\u2019ve worked hard to create. What good is your content if readers can\u2019t actually read it upon immediately opening your email? Think about the design elements of your responsive emails, including:<\/p>\n<ul>\n<li><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-6394\" src=\"https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2016\/08\/AA-Responsive-Design-iPhone.png\" alt=\"AA Responsive Design - iPhone\" width=\"175\" height=\"330\" srcset=\"https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2016\/08\/AA-Responsive-Design-iPhone.png 286w, https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2016\/08\/AA-Responsive-Design-iPhone-159x300.png 159w\" sizes=\"auto, (max-width: 175px) 100vw, 175px\" \/>Layout.<\/strong> When viewing emails on a mobile device, multiple column layouts tend to appear squished, busy and difficult to navigate. Stick to a single column layout so that your emails are compatible regardless of what device is being used. Since the mobile screen is small, using a single column layout cannot only simplify your design, but can highlight more important content as well.<\/li>\n<li><strong>Fonts.<\/strong> It\u2019s crucial to select a font and size that is clear and easy to read. Small font requires people to zoom in and side scroll, which isn\u2019t ideal. You don\u2019t want readers to have to do any extra work in order to read your email or else they\u2019ll be likely to move on.<\/li>\n<li><strong>Content.<\/strong> Your most important message should be conveyed \u201cabove the fold.\u201d Let readers know first off what your email is going to be about beyond the subject line. People reading emails on mobile devices are likely to skim through and seek out images and any call-to-actions first, for example to watch a video or to download a report.<\/li>\n<li><strong>Call-to-action. <\/strong>Make it easier for your readers to click on an item with hyperlinks or buttons. You\u2019ll be more likely to convert a reader to become a member of your association by offering them a button that\u2019s easy to click and take action.<\/li>\n<li><strong>Images.<\/strong> Don\u2019t go overboard with images in your emails to cater to mobile devices. Don\u2019t lose readers with too many graphics and graphics that do not adjust to mobile devices well. For example, avoid using long banners in your emails as it can distort the overall format on mobile devices.<\/li>\n<li><strong>Don\u2019t forget to test your emails! <\/strong>As with any item you plan to send out to your membership, make sure you test, test and test again. Have a fresh set of eyes review your email and provide feedback on usability through multiple mobile devices and tablets.<\/li>\n<\/ul>\n<p>A responsive website or email campaign is no longer a nice-to-have, but a necessity that can impact how visitors and readers interact and view your association. Offering your members and potential members a beautiful, optimized experience through their device of choice means you have expanded your reach of service and opportunity for increased engagement.<\/p>\n<p>Is responsive design something you\u2019ve already utilized? Are you planning to utilize it in the near future? Share your thoughts in the comments below!<\/p>\n<p><em><div class=\"clear\"><\/div><div class=\"author-info row\"><div class=\"col col-3\"><img decoding=\"async\" class=\"author-img\" src=\"\" alt=\"\" \/><\/div><div class=\"col col-9\"><div class=\"author-info-content\"><h3>About The Author<\/h3>\n\t\t\tBrianna Lawson is an online marketing specialist at Naylor Association Solutions.\n\t\t\t<\/div><\/div><\/div><\/em><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For many folks, responsive design means mobile-friendly. But that\u2019s not the whole story. Responsive design can be implemented across a variety of devices and offer easy reading and navigation with limited zooming, panning and scrolling.<\/p>\n","protected":false},"author":75,"featured_media":6398,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,6],"tags":[1178,981,1179,1180,588,1181,1182,1183],"class_list":["post-6392","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-communications","category-technology","tag-content-leader","tag-laura-taylor","tag-mobile-usage","tag-mobile-friendly","tag-responsive-design","tag-responsive-email","tag-responsive-website","tag-website-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Why Associations Need to Adopt Responsive Design - Association Adviser<\/title>\n<meta name=\"description\" content=\"For many folks, responsive design means mobile-friendly. With the growth of mobile usage, it\u2019s essential for you to offer a website that is responsive.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.naylor.com\/associationadviser\/adopt-responsive-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why Associations Need to Adopt Responsive Design - Association Adviser\" \/>\n<meta property=\"og:description\" content=\"For many folks, responsive design means mobile-friendly. With the growth of mobile usage, it\u2019s essential for you to offer a website that is responsive.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.naylor.com\/associationadviser\/adopt-responsive-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Association Adviser\" \/>\n<meta property=\"article:published_time\" content=\"2016-08-11T19:40:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-12-12T20:30:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2016\/08\/Association-Adviser-Website-Results-Responsive-Website-Thumbnail-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"620\" \/>\n\t<meta property=\"og:image:height\" content=\"330\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.naylor.com\/associationadviser\/adopt-responsive-design\/\",\"url\":\"https:\/\/www.naylor.com\/associationadviser\/adopt-responsive-design\/\",\"name\":\"Why Associations Need to Adopt Responsive Design - Association Adviser\",\"isPartOf\":{\"@id\":\"https:\/\/www.naylor.com\/associationadviser\/#website\"},\"datePublished\":\"2016-08-11T19:40:02+00:00\",\"dateModified\":\"2018-12-12T20:30:34+00:00\",\"author\":{\"@id\":\"\"},\"description\":\"For many folks, responsive design means mobile-friendly. With the growth of mobile usage, it\u2019s essential for you to offer a website that is responsive.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.naylor.com\/associationadviser\/adopt-responsive-design\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.naylor.com\/associationadviser\/#website\",\"url\":\"https:\/\/www.naylor.com\/associationadviser\/\",\"name\":\"Association Adviser\",\"description\":\"Leadership Strategies &amp; Best Practices for Association Professionals\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.naylor.com\/associationadviser\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"\",\"url\":\"https:\/\/www.naylor.com\/associationadviser\/author\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Why Associations Need to Adopt Responsive Design - Association Adviser","description":"For many folks, responsive design means mobile-friendly. With the growth of mobile usage, it\u2019s essential for you to offer a website that is responsive.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.naylor.com\/associationadviser\/adopt-responsive-design\/","og_locale":"en_US","og_type":"article","og_title":"Why Associations Need to Adopt Responsive Design - Association Adviser","og_description":"For many folks, responsive design means mobile-friendly. With the growth of mobile usage, it\u2019s essential for you to offer a website that is responsive.","og_url":"https:\/\/www.naylor.com\/associationadviser\/adopt-responsive-design\/","og_site_name":"Association Adviser","article_published_time":"2016-08-11T19:40:02+00:00","article_modified_time":"2018-12-12T20:30:34+00:00","og_image":[{"width":620,"height":330,"url":"https:\/\/www.naylor.com\/associationadviser\/wp-content\/uploads\/sites\/2\/2016\/08\/Association-Adviser-Website-Results-Responsive-Website-Thumbnail-2.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.naylor.com\/associationadviser\/adopt-responsive-design\/","url":"https:\/\/www.naylor.com\/associationadviser\/adopt-responsive-design\/","name":"Why Associations Need to Adopt Responsive Design - Association Adviser","isPartOf":{"@id":"https:\/\/www.naylor.com\/associationadviser\/#website"},"datePublished":"2016-08-11T19:40:02+00:00","dateModified":"2018-12-12T20:30:34+00:00","author":{"@id":""},"description":"For many folks, responsive design means mobile-friendly. With the growth of mobile usage, it\u2019s essential for you to offer a website that is responsive.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.naylor.com\/associationadviser\/adopt-responsive-design\/"]}]},{"@type":"WebSite","@id":"https:\/\/www.naylor.com\/associationadviser\/#website","url":"https:\/\/www.naylor.com\/associationadviser\/","name":"Association Adviser","description":"Leadership Strategies &amp; Best Practices for Association Professionals","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.naylor.com\/associationadviser\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/www.naylor.com\/associationadviser\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/www.naylor.com\/associationadviser\/wp-json\/wp\/v2\/posts\/6392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.naylor.com\/associationadviser\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.naylor.com\/associationadviser\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.naylor.com\/associationadviser\/wp-json\/wp\/v2\/users\/75"}],"replies":[{"embeddable":true,"href":"https:\/\/www.naylor.com\/associationadviser\/wp-json\/wp\/v2\/comments?post=6392"}],"version-history":[{"count":0,"href":"https:\/\/www.naylor.com\/associationadviser\/wp-json\/wp\/v2\/posts\/6392\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.naylor.com\/associationadviser\/wp-json\/wp\/v2\/media\/6398"}],"wp:attachment":[{"href":"https:\/\/www.naylor.com\/associationadviser\/wp-json\/wp\/v2\/media?parent=6392"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.naylor.com\/associationadviser\/wp-json\/wp\/v2\/categories?post=6392"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.naylor.com\/associationadviser\/wp-json\/wp\/v2\/tags?post=6392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}