{"id":940,"date":"2014-04-23T09:39:25","date_gmt":"2014-04-23T08:39:25","guid":{"rendered":"http:\/\/www.ericlee.info\/blog\/?p=940"},"modified":"2014-05-02T08:21:00","modified_gmt":"2014-05-02T07:21:00","slug":"unions-and-smartphones-time-to-get-it-right","status":"publish","type":"post","link":"https:\/\/www.ericlee.info\/blog\/unions-and-smartphones-time-to-get-it-right\/","title":{"rendered":"Unions and smartphones: Time to get it right"},"content":{"rendered":"<div id=\"attachment_943\" style=\"width: 560px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/www.ericlee.info\/blog\/wp-content\/uploads\/2014\/04\/responsivewebdesign.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-943\" class=\"size-full wp-image-943\" src=\"http:\/\/www.ericlee.info\/blog\/wp-content\/uploads\/2014\/04\/responsivewebdesign.png\" alt=\"The wrong way, an improvement, and the right way to do responsive design for union websites.\" width=\"550\" height=\"321\" srcset=\"https:\/\/www.ericlee.info\/blog\/wp-content\/uploads\/2014\/04\/responsivewebdesign.png 550w, https:\/\/www.ericlee.info\/blog\/wp-content\/uploads\/2014\/04\/responsivewebdesign-300x175.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><p id=\"caption-attachment-943\" class=\"wp-caption-text\">The wrong way, an improvement, and the right way to do responsive design for union websites.<\/p><\/div>\n<p><strong>In recent weeks, I&#8217;ve gotten a few requests for information about a survey LabourStart did a couple of years ago. It&#8217;s odd because we&#8217;ve not done anything to publicize this. So I asked one of those who wrote to me where they&#8217;d heard about it.<\/strong><\/p>\n<p>It turned out it was on a website for business people, in an article about how advanced unions were in their use of the net. Author Jessica Miller-Merrell warned companies that &#8220;While HR is slow to adopt and understand social media, unions on the other hand are very open to using this online technology.&#8221;<\/p>\n<p>I think anyone who has spent time working with unions and new media will smile reading that sentence.<\/p>\n<p>Because even if we&#8217;ve managed to get a website for nearly every union, we still lag far behind, and run the risk of disappearing completely from the online world if we don&#8217;t catch up.<\/p>\n<p>I&#8217;m thinking specifically of the problem known in the IT world as &#8220;responsive design&#8221;.<\/p>\n<p>What this basically means is that every website should render correctly on every device, regardless of screen size.<\/p>\n<p>There should be no need to scroll horizontally, or squint at tiny letters, or any of the other problems that might come up when trying to view a website on a phone or tablet.<\/p>\n<p>If a union does this right, if its website appears correctly on a smartphone, it may not even need a dedicated app. There are huge advantages to this, as apps need to be written to work on specific operating systems (ones that work on Apple devices won&#8217;t work on Android phones) and apps can be expensive to create.<\/p>\n<p>If a union were to embrace responsive design, it would already have what is sometimes called a &#8220;web app&#8221; &#8212; which is essentially a website that works correctly on small screens.<\/p>\n<p>This is important because increasing numbers of people access our movement&#8217;s websites on smartphones and tablets.<\/p>\n<p>16% of the visitors to LabourStart last month came on small screen devices, and 19% of the visitors to our online campaigns were on such devices as well.<\/p>\n<p>This is probably because people often visit a website by clicking on a link in an email message.<\/p>\n<p>As anyone who&#8217;s been on a bus in the UK in the last few years knows, millions of people now routinely access their email on their phones.<\/p>\n<p>The notion of responsive design for the web was first raised in <a href=\"http:\/\/alistapart.com\/article\/responsive-web-design\/\">a groundbreaking article by Ethan Marcotte in May 2010<\/a>.<\/p>\n<p>I doubt if any trade union communication officers read it then and I doubt if many of them are familiar with Marcotte&#8217;s arguments even now.<\/p>\n<p>Here is a nutshell is what he said:<\/p>\n<p>&#8220;Rather than tailoring disconnected designs to each of an ever-increasing number of web devices, we can treat them as facets of the same experience. We can design for an optimal viewing experience, but embed standards-based technologies into our designs to make them not only more flexible, but more adaptive to the media that renders them. In short, we need to practice responsive web design.&#8221;<\/p>\n<p>So four years after his article, and with many thousands of websites now taking on board his arguments, how do union websites in the UK rate?<\/p>\n<p>Can our members correctly use their union&#8217;s website on a smartphone or tablet?<\/p>\n<p>Let&#8217;s have a look.<\/p>\n<p>The TUC website gets it right, sort-of. Viewed on a small screen, it correctly displays just one column. Unfortunately, that column is essentially a menu of everything on the site. To see the latest news, which is prominent on the full-screen version, you need to scroll down quite a bit.<\/p>\n<p>The GMB works pretty much like the TUC website, with the same problems.<\/p>\n<p>The RMT to its credit does a better job, showing not a menu, but the main news story on top of the page.<\/p>\n<p>But UNISON gets it all wrong. Imagine if someone printed out the UNISON home page as you&#8217;d see it on your desktop PC &#8212; and then cuts off the upper left corner, taking about a fifth of the page width. That&#8217;s what you&#8217;ll see on your phone. Click on the link to News, and you&#8217;ll see just the first few words &#8212; you need to keep scrolling left and right to see the whole thing.<\/p>\n<p>Look at the websites of Unite, the CWU, PCS, NASUWT and NUT and you see the same thing: a site that just doesn&#8217;t work correctly on a small screen device. Do members of these unions not use smartphones and tablets?<\/p>\n<p>Some unions, like UNISON, have invested heavily in apps for smartphones. UNISON&#8217;s app, for example, works on Apple&#8217;s iOS devices, Android phone and tables, and even on Blackberry phones (which have an absolutely tiny market share these days).<\/p>\n<p>Why invest in expensive apps when a web app can do pretty much the same thing at a fraction of the price?<\/p>\n<p>Why reinvent the wheel when a union&#8217;s existing website can be fairly easily adapted using the principles of responsive design?<\/p>\n<p><strong>As our union websites because an increasingly important part of how we communicate with members and with the outside world, it&#8217;s essential that we get this right.<\/strong><\/p>\n<p><strong>Four years after Ethan Marcotte&#8217;s call to arms, most unions are still lagging far behind.<\/strong><\/p>\n<hr \/>\n<p>This article appears in <a href=\"http:\/\/www.workersliberty.org\/system\/files\/321.pdf\"><em>Solidarity<\/em><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In recent weeks, I&#8217;ve gotten a few requests for information about a survey LabourStart did a couple of years ago. It&#8217;s odd because we&#8217;ve not done anything to publicize this. So I asked one of&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-940","post","type-post","status-publish","format-standard","hentry","category-solidarity"],"_links":{"self":[{"href":"https:\/\/www.ericlee.info\/blog\/wp-json\/wp\/v2\/posts\/940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ericlee.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ericlee.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ericlee.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ericlee.info\/blog\/wp-json\/wp\/v2\/comments?post=940"}],"version-history":[{"count":4,"href":"https:\/\/www.ericlee.info\/blog\/wp-json\/wp\/v2\/posts\/940\/revisions"}],"predecessor-version":[{"id":945,"href":"https:\/\/www.ericlee.info\/blog\/wp-json\/wp\/v2\/posts\/940\/revisions\/945"}],"wp:attachment":[{"href":"https:\/\/www.ericlee.info\/blog\/wp-json\/wp\/v2\/media?parent=940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ericlee.info\/blog\/wp-json\/wp\/v2\/categories?post=940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ericlee.info\/blog\/wp-json\/wp\/v2\/tags?post=940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}