Tech Guide

Twitter Video is here! And it's going to be great for libraries

 

NB If you're reading this and can't find Twitter video on the app, don't panic, it's being rolled out across all accounts but not everyone has it yet!

I resolutely refuse to include things in my training just because they're fashionable, and for that reason I still don't talk about Vine in any of the sessions I do. I think Vine can be great (some of the 'Vine-magic' stuff is awesome), but I'm yet to see an absolutely essential use for Libraries or in HE, so it gets left out. [Edit: I've finally seen a good example of a Library Vine account! Check out Newcastle Lib's here.]

Part of the problem is that 6 seconds is just too short for the kinds of ideas I have of how to use what you might call 'social video', as opposed to the more permanent videos you find on Vimeo and YouTube. I feel like I've been waiting for something like Vine, but less trendy...

Happily last week Twitter launched an alternative to Vine (which it also owns, by the way) which I do think we can get some proper use out of. You can now take 30 second videos and upload them to Twitter, where they'll play within the tweet without people needing to leave the site or the app. (At the moment you can't use video already on your camera roll.) The videos can be combinations of several shorter clips like Vine, but it won't automatically loop, and it won't play without someone hitting the 'play' button.

If Vine is the short-attention-span but bang on-trend toddler of internet video, Twitter video is its more considered older sibling. Less cool, but maybe with more meaningful things to say.

Here's how it works (email subscribers, click the title of this post to be taken to the web version if the pictures aren't appearing):

Image taken from Twitter's blog - click to be taken through to the relevant post

Image taken from Twitter's blog - click to be taken through to the relevant post

Like Vine it records as long as you hold the button, and you can quickly stitch together multiple clips - as many as you can fit into 30 seconds, in fact.

Note the third screen-shot there - you can delete, and drag to re-arrange the order. So it may be worth recording the most important parts (the start and end) first so you know how much time you have left for the rest, then re-arrange the order - rather than meticulously creating something with 20 clips, only to not have enough time for the ending and having to redo the whole thing.

So how can libraries use it? Before we get onto specific themes, the most essential thing is to think mobile. The whole point of this feature is people watch short videos, where they are, within the app. Twitter offered promoted videos to paying sponsors before this was rolled out to all of us, and apparently 90% of them were watched on mobile devices. So, hit the ground running (1 second intro, max!); shoot from the chest up if you've got people in there so they can clearly be seen on a small screen; if you're speaking make sure you're close to your phone so it's not too quiet; if you use words make the font LARGE; and if possible make the video in such a way as to not need sound to make sense.

I'd love some more ideas in the comments, but here's a few video ideas to start things off:

Customer Service: answering questions with video. If you use Twitter for customer service or a channel for enquiries, you'll know that often when one person answers a question it's worth ensuring everyone can see the answer (hence the twitter dot!) as many will find it useful. There could be even more impact to answering a question with video. So for example, a basic query like 'how do I locate a DVD' gets much more interesting if the answer is a video...

Transient videos. By which I mean, something where a video is appropriate or useful or funny or tapping into some sort of meme, but which you don't neccessarily want a 'permanent record' of on your YouTube channel. It's not that Twitter videos aren't permanent of course - they are - but just that your YouTube vids form a sort of canon which needs to be left alone, so the most important videos don't drown under lesser inconsequential ones. But Twitter video would be a way of getting something out there - news about an event, say - without that feeling of permanence.

If you do need to keep them though, you have the option to embed like I did above, meaning a Twitter video can be seen by and used by those not on Twitter, via the Library website, blog, or LibGuides.

Lightning Tours. Everyone loves a virtual tour! And you need a longer video to tour an entire library, but what about a new building, or new collection? 30 seconds should be doable.

Quick-fire 'Screen Capture'. Narrate a video which tells your users how to do something useful  and then tweet it as a twitter video. So that opens up instant guides to using equipment, finding stuff, getting the most out of databases etc. Here's an example of that, explaining how to make Billboards in Photofunia. (You could even have a #30SecondsOn... series.)

Ask A Librarian. For the brave and camera-confident, get a Twitter Q&A going, and answer the best questions with a to-camera answer from someone who knows what they're talking about.

Previews. Preview a larger video (a full virtual tour, say, or an infolit guide) with a movie-style trailer on Twitter video.

That's all I can think of for now but people are bound to come up with more creative ideas, and I'd love to hear them.

There's more on Twitter Video here. How are you going to use Twitter video in your library?

Social Media: The best times to post

 

I like an infographic that actually tells us something useful. So, following the 'social media image sizing' one from a few weeks back, here's a 'when to post' infographic from QuickSprout.

I didn't used to think social media timings were important, but increasingly I think it is worth trying to hit times of peak engagement IF you're tweeting or posting something important, particularly when using social media as an organisation rather than just for yourself. If you've put effort into creating useful content, you want as many people to see it as possible.

Image courtesy of QuickSprout - click on it to view it on their site

Image courtesy of QuickSprout - click on it to view it on their site

Behind the Scenes at the Texas A&M University Libraries 'Happy' Video

 

Some of you may recall that before things got all serious with my post about my daughter, the previous article on this blog was a bit lighter and featured a great library tour video.

Texas A&M University Libraries pastiched Pharrel's Happy (one of the most watched pop videos in 2014) with one of their own. The original features loads of different people dancing to the song; Texas A&M featured loads of people dancing to the song AROUND the library, brilliantly, as way of providing orientation to new students.

This is an update on my previous post, as Texas A&M reached out and provided some great information about the aims behind the film - but first for those who haven't seen it, add to the 66,000+ views it has already had and take a look:

Stephanie Graves, Associate Professor and Cooridinator for Learning and Outreach, provided me with some details. First of all, here are the instructional outcomes they were aiming to achieve:

1)      We are a massive university and the size of the University Libraries can be intimidating.  We want their first introduction to the Libraries to be a positive, engaging experience that reduced library anxiety.  We intentionally choose the theme “Happy” to help accomplish this goal. 

2)      The students are inundated with information from various campus entities during orientation season.  We needed to do something that would be catchy, while relaying just enough information that was memorable.

3)      We have 6 buildings with numerous services.  This can be confusing.  It’s also impossible to give students a “tour” of the libraries on such a large campus.  We wanted the video to highlight our key services and communicate the variety of locations.

Overall, the video turned out to be very successful in reaching these. It's always hard to properly analyse success of this sort of thing, because the video went somewhat viral and that distorts all the statistics. We know it went down well in the library community but that's really on icing on the cake, and the cake is engagement from the library's actual users.

We had a record breaking attendance at our Library Open House (also Happy themed) with over 3,600 students in a 2 hour period. We ran out of Happy T-shirts (3,500) and had to order another batch (also gone). The library Happy shirt is now a “thing” on campus and you see them every day. Our desk staff get asked where folks can buy one on campus, which is a testament to the social phenomenon of our theme event.
— Stephanie Graves

This reinforces the belief that the details of these kinds of ventures, really perfecting a video and making sure it is aimed squarely at the target audience (and not librarians) really pays off. I'm so pleased this worked out so well for them. 

Finally, for those planning their own library video, you can see a Shooting Script from a video we made at York embedded in this blog post, and I'll leave the last word to Stephanie on their planning for their own film:

"We intentionally used student dance groups as our “actors” to help communicate that the libraries were student-centered spaces.  We used a student salsa group, our Aggie Wranglers, and a hip-hop group.  We were hopeful that the variety of dance would communicate the diversity of our campus and make all students feel welcome.  We carefully thought of all the locations and services that we wanted to highlight and in what sequential order to present them.  This pre-work was done  and then we met with the videographer to discuss our needs.   We had it planned out enough that the video only took a day and a half to shoot.    We benefited by having our very skilled student dance groups because we librarians had to do very little choreography.   We simply discussed how we wanted to highlight the space or services and the videographer had them dance as they normally would in the shoot. "

Squarespace: A comprehensive review of the website building platform

 

If you listen to any podcasts at all, you'll have heard of Squarespace.com - they seem to sponsor every single one. If you don't do podcasts and you're not familiar with them, Squarespace offer a complete website publishing package: you build it using attractive templates, they host it, and you pay them an annual fee.

After mulling it over for ages, and building a mock site using their free-trial, I eventually made the switch from my old wordpress.org site to this new squarespace.com site in August, and overall I'm very glad I did. So, for those I've spoken to online and in person who are wondering about making the switch, here's a (fairly long and comprehensive!) review of Squarespace.

The Design

One of the big reasons I switched to Squarespace was their designs. Their sites are above all clean - I find them engaging to look at and interact with. I spend most of my working life on the internet so I do appreciate when a site looks nice and is easy to use. Squarespace designs make great use of images and the full width of the screen. They allow you to highlight key information - your website may contain a lot but you can still direct people primarily to just a little of it, allowing those who want to go deeper easily to do so.

Squarespace uses a template system, but in the best possible use of the word 'template' - loads of different ways to present information which are easy to customise and make your own. At the time of writing there are 32 templates to choose from - here's a selection:

Click the pic to go to Squarespace's templates page

Click the pic to go to Squarespace's templates page

For each template there are a number of example websites (from actual Squarespace users) so you can see how they work in the real world. I chose 'Bedford' for this site because I liked the large image at the top of the page (if you're reading this blogpost on its own direct URL you won't be able to see this - have a look at the blog homepage in a new window, or the Past Talks page for example, to see how the site normally looks with a featured image)  and because I could see examples of the Blogging side of it working well; Squarespace is NOT primarily a blogging platform, so I needed to know I could still have columns, subscription options, and other things which a totally minimalist design might get rid of in the name of style over substance.

Essentially there are templates which allow you to present most types of information engagingly. Some are very commerce orientated, some are detailed, some are extremely sparse, some are designed to work as an online CV or portfolio. They all look lovely (and can all be completely changed as part of the customisation process anyhow) so you can choose one to suit the type of content you wish to have on your site.

There's no comparison between the way my old site looked and the new one looks. One is dated and the other is fresh. In fairness that's partly because I designed my old site myself using my limited html skills - there are plenty of Wordpress themes which look a lot more contemporary and usable (albeit, in my opinion, not on the same level as the Squarespace designs).

Mobile Ready and Responsive

The other key thing about the design is they're all Responsive Design sites. This means they recalibrate their content to suit whatever size of screen you look at them on. This is much, much better than an Adaptive Design site (which basically means having a mobile-friendly version and a desktop friendly version) in a number of ways, but primarily 1) you don't lose any content like you do with Adaptive; it's just rearranged to suit the screen, 2) it looks brilliant and works well on any device and 3) you don't have to limit the width of the screen because it responds to any width of screen, meaning it makes the most of widescreens. (My previous site was 1000px across, meaning anyone looking on a wider screen than that just saw wasted white space either side of the content.)

We all know being mobile-ready is essential these days. So far since August a bit over 3,200 people have visited this site on their mobile devices, which is relatively small as a proportion of the total visitors, but nevertheless I'm glad each one (hopefully) found it a useable experience.

Building the Site

Building the site is done via Squarespace's drag and drop content system. Once you get the hang of it it is much easier to use than any other system I've come across. I can write code but it takes me ages and I can't do anything flash with it, and Blogger and Wordpress simply don't the flexibility and power of the Squarespace engine.

Here's what this part of the blog post looks like in edit view, when I go to add a new piece of content. The things I use all the time from the Basic section are Text and Image (obviously), and I use Quote on the Training pages. From the More section I use the Code section to embed presentations, Storifys etc (it seems to work better than the Embed tool, for me) and the Spacer tool which basically allows you to arrange elements of your site precisely where you want them, for example by filling up the left hand side of the screen with a Spacer so your content appears on the right. There are more features you can't see in the screengrab, some of which I used in the building of the site but don't have cause to come back to when writing posts like this one. Squarespace provides clear instructions and some nicely illustrative videos that explain how it all works.

As well as types of content and tool, there are overall Page types. Clearly this section is on the 'Blog' type, but I use the regular 'Page' for most of the rest of the site. For the Upcoming Events page I use the 'Events' page type, which is terrifically useful; it makes it very easy to create actually useable events pages which have timings, maps and so on built in. Although I don't have use for the 'Gallery' page type it's also very nice and works really well.

squarespace2.png

As you can see in the screenshot above, my site is visible in the background in edit mode. This is because there is one interface which does both Content and Style - you edit the site as it appears to viewers rather than in a separate edit view with a preview mode. What You See is very literally What You Get.

The Bottom Line

Squarespace costs money and, as previously discussed in various posts on this site, it is perfectly possible to create an excellent blog or full website for free.

At the time of writing there are three Squarespace plans: Personal, Professional and Business. Rather than list the differences here's a screengrab:

Click to go to Squarespace's Pricing page

Click to go to Squarespace's Pricing page

I've got the Professional package - the dollar per month pricing works out as about £120 per year (billed annually), although I got 10% off by using an offer code from a podcast. Listen to any episode of Football Weekly, WTF, This American Life, I'd Hit That (for the drummers!), Freakonomics, Serial - basically any popular podcast - and you'll hear an ad with an offer code you can use to get the saving.

The reason I went for this plan rather than Personal is the unlimited bandwidth. Bandwidth stresses me out because you can't really control how much of it you use - there are things you can do to influence it but ultimately it comes down to how many people visit your site. Every time someone views a webpage it uses up bandwidth. I've had to spend extra money before to get extra bandwidth allowance on the old site, so I wanted an entirely hassle-free experience where I know I'll never need to change my current package - 500gig may well have been enough, but I prefer not having to think about it. (More on understand bandwidth requirements here.)

So £108 each year with the discount, or £55ish if you go for the Personal spec. Is it worth spending that kind of money on a website? Clearly the answer will vary depending on what you use your website for and how important it is to what you do.

I used to spend around £60 per year on hosting for my wordpress.org website, so Squarespace is more of a cost - I decided it was worth the extra cost for me because of the simplicity of the way it works, and the ease of maintenance / lack of upkeep, and because it looks a lot better. I also, quite honestly, wanted an excuse and the motivation to completely redo my website - next year I'm part-time in my main job so I can do more training for organisations, so as this website acts as a sort of HQ for my freelance work I figured it was worth the investment.

The other reason I think it's worth the money to me is that I think it's extraordinary that you can have a fully hosted, fully responsive to mobiles, fully SEO optimised, contemporary looking website for this amount of money. The amount of time it would take me to make something like this from scratch I can't even imagine - weeks and weeks. I think for what it is, it represents great value. Imagine how much you'd have to spend to build, or have built for you, a website like a Squarespace site even just two years ago! An absolute fortune by comparison. A feel bad for web developers.

Finally, a brief summary of the good and the bad of the platform.

Cons

So what are the downsides of Squarespace? Here's my take:

  • It's a relatively new company, so who knows what its long term future is? (Squarespace has actually been around since 2004, but only in its current form and with its current high level of popularity and use since 2012.) Wordpress, which I used previously, had been around for a long term and was sustained by input from the developer community as well as its own employees. It's free and open-source. There's every reason to expect it to be here and usable for a long time. We just don't know enough about Squarespace to be able to say it'll be around for a long time - and it's a for-profit company which means it could go bankrupt. So there's a risk.
  • It's a relatively new company so they change stuff all the time - features you like may disappear. In the short time I've been using it they migrated to Squarespace 7, an all new version which, as described in the Building the Site part above, essentially allows you to design your site without using a separate edit interface. This is great for site design but once your site is up and running and you're no longer tweaking it, I actually find it gets in the way somewhat. Also since I've been using it they've got rid of the option to add an image via a Flickr URL - you now have to save the image to your PC and upload it. It's a minor inconvenience but it's a feature I used to use but can't anymore - there may be more of those to come...
  • It represents great value for money - for now. By which I mean, if Squarespace turn around and hike my yearly payment by 100% next time around, what do I do? I can export all my data of course, and build a new site on another platform using all the words and images from this one, but that would be a LOT of hassle. So I'm relying on them not getting evil and greedy.
  • It's not a blogging platform. Blogging still a central part of what my site is for but it's not the be all and end all like it used to be, so this isn't so much of an issue for me. But not being a dedicated blogging platform, Squarespace does lack features which wordpress.org had that made life easier - more details statistics, useful plugins and so on.
The top statistics are from Squarespace (which sadly doesn't provide 'All Time' stats so this is just for the last month); as you can see, search engines not nearly as important as they were in the Wordpress days, which are the lower stats.

The top statistics are from Squarespace (which sadly doesn't provide 'All Time' stats so this is just for the last month); as you can see, search engines not nearly as important as they were in the Wordpress days, which are the lower stats.

One final thing is that I was unable to switch over without losing some SEO. This almost certainly isn't Squarespace's fault (it is, after all, 'SEO optmized'), but rather due to changing my site's URL to something brand new at the same time. I used to get at least 300 people a day finding my site via Google etc even if I didn't post anything - that no longer happens, and I effectively have to generate traffic myself via Twitter or it's a much smaller figure. (I am trying not to be sad about this! Changing to a proper URL was still worth it, I think.) I've put redirects on but that doesn't seem to have counted for that much - however as I say I think it's probably something which would have happened whether I'd switched to Squarespace or not. I just can't be 100% sure because I don't know enough about this sort of thing.

Weirdly the number 1 source of traffic for the new site is 'Direct' which presumably means people typing the URL directly into thier browsers - I'm baffled by this and can't help thinking something has got lost in translation between what's actually happening and how Squarespace is rendering the statistics.

 

Pros

  • Everything is included. For me the main pro is that using Squarespace makes things simple and unambiguous. I have the editor, the published site, the custom URL, the hosting, the unlimited bandwidth (and also unlimited storage and unlimited pages) and the ability to do other stuff I don't currently need to like add Podcasting or Commerce options - this is all in the same package, with no ambiguity or add-ons. I like this a lot.
  • It looks great: contemporary and nice to use. The interface is easy to work with and I love the way the website looks on all devices. The content is engaging and usable. Should I tire of this design I can just choose one of the other 32 templates and it'll completely rejig my site in one fell swoop.
  • It is amazing value for money. As I mentioned above, the idea a few years ago that you could get basically any kind of website you wanted, beautifully rendered, for just over a hundred quid a year, would have been bonkers.
  • The Support is very good. Squarespace are based on New York and Dublin and that's where their support teams are too. They get back to request for help within a couple of hours, they know what they're doing, they speak perfect English... All that stuff helps. Also the developer community are great - they helped me with the fact that wordpress.org uses a different style of URL to Squarespace, so all my URLs have to be redone individually for the old thewikiman links to work, and they wrote some easily editable java script which allows me to have the feature images take up the exact proportion of the screen I want them to (by default in this template they took up too much of the vertical space, and when I tested my proto-site on my wife she said people might not even realise you can scroll down to find more content) - whatever you need to do the chances are someone on there knows how to do it...
  • It's constantly evolving: I mentioned this as a con above, but it can be a pro too - they've added loads of new templates just in the time I've been using Squarespace, so you can always stay ahead of the web-design curve.

So that's the end of a pretty epic-length post by my standards. If you have experience with Squarespace (good or bad!) or have any questions about it from a user's point of view please leave a comment. If you fancy trying it out, sign up for the free trial and play around - it's not one of those free trials where you give your credit card details and it automatically starts unless you cancel it, so there's no harm in giving it a look. And if you build your own Squarespace site, let me know!

A handy guide for when to save images as JPEGs, PNGs or GIFs

 

Thanks to David Green for flagging up this whoishostingthis.com infographic on Twitter - I found it useful because I tend to use a mixture of JPEG and PNG with saving images, with not much understanding of why I'm choosing what I'm choosing...

JPEGs reduce the size of an image by compressing it - making the image less detailed and so the file-size smaller, but effectively doing so in a way which the human notices least. This is important for web-use as everything each viewer of your website has to download - which is to say, have appear on their screen, rather than save to their computer - takes up bandwidth, and bandwidth costs money. One of the reasons I switched over to Squarespace from Wordpress.org is the unlimited bandwidth meaning I don't have to worry about upgrading my package to accommodate more.

PNG files can be transparent - they don't have to have a white (or black, or any other colour) background. This is truly useful because they can 'sit' on top of any background - so for organisatinal logos for example, it's essential to be able to drop them in over any kind of poster or slides or publicity materials, without an ugly white background delineating the logo from the rest of the content. PNG files generally take up more space than JPEGs but keep their quality better by not compressing the file in a lossy way. This is useful for something like uploading an image to Twitter; Twitter compresses the image, so an already compressed image can start to look really quite rough by the time it a Twitter user sees it.

GIFs I use a lot but never really have cause to make. They generally take up the least space and work better for created graphics rather than photographs.

After the recent posts on which format to choose when saving presentations, and which sizes to use when saving social media images, it seems only right to complete the set with one on how to save pictures too! So courtesy of whoishostingthis.com, here we are: