Tech Guide

The Snipping Tool is on your PC, waiting to make life a tiny bit better

If you already use the Snipping Tool, you know it's changed your life in a tiny way. You remember the days before you found it as extraordinarily wasteful. You shudder a little bit.

If you've NOT found the Snipping Tool before now: welcome. Everything up to now has been pre-Snipping Tool. You will remember this day.

The Snipping Tool allows you to draw a box around any section of your PC screen (or all of it) and then instantly saves whatever is in the box as an image. You can copy and paste that image into slides, posters, twitter, etc etc - or save it as JPG if you wish.

I know it doesn't sound like a big deal but trust me, when you prepare a lot of slides it saves AN AGE compared to taking the full print-screen then cropping. It's easier to set the margins just right than with cropping, too. So for screen-grabs in presentations, it makes things so much easier.

Here's a gif (I've never made a gif before) of the Snipping Tool doing its thing:

Look how quick it is to take the screengrab and then make it the background of the slide! Then just insert a text box, or an arrow, or a circle, and highlight the key things. Use it get images of logos, websites, databases, stills from youtube, stills from your own videos to act as thumbnails and to use in social media. It's useful in so many ways and the few seconds it saves you each time really do add up. Pin it to your taskbar forthwith.

The Snipping Tool is on all PCs already, you don't have to install it. Go to the Start Menu, type 'Snip' and there it is. It's been there all along!

So you want to make in infographic? 4 useful options

 

We're putting together a guide to various infographic software for our students, so I've had cause to play around with a few. I find a lot of tools recomended on the web just don't quite work for educational stuff (or, indeed, library stuff); they're just too much style and not enough substance.

Also, all the articles about infographic tools are entitled things like '61 GREAT INFOGRAPHIC PACKAGES!' which always baffles me somewhat. Maybe it's the information professional in me, but I think if you're going to write something recommending a set of tools, you should at least narrow the number down to a recommended few...

So what are the most effective tools for creating meaningful infographics?

1) Great for stats and figures: Piktochart

I really like Piktochart. It's the tool we use most often at work. My colleagues have used the templates to create infographics, for example this one has been used to explain library processes to users in a way that is engaging and easy to understand:

An example of a Piktochart template

An example of a Piktochart template

It's simple to take something like the template above and change the images (there's a huge built in library of icons, or you can use your own) and the colours etc to suit whatever you wish to express. Piktochart also has seperate templates for Reports, which are nice.

For me, though, the way it integrates very easily with your own data from Excel or Google Sheets, which you can import from a .CSV file, is the best thing about this tool. So it takes what you already have and makes it visually appealing, which helps prevent the all-style-no-substance issue that afflicts a lot of infographics.

You can import your own data

You can import your own data

Although Piktochart does infographics, reports, and some really nice data visualisation with maps, I've mostly used it to create individual charts which I've then exported for use in other things, like Action Plan documents, or presentations. In the example below, all the graphs etc and visualisations are from Piktochart, and I'm by no means an expert user so this is just scratching the surface of what it can do.

Piktochart is free, but also has reasonably priced educational packages, one of which we have at York, that allow you a few more options and some more features. 

2) Good for flexibility: Canva

Canva does a lot more besides infographics. It's really good for creating images perfectly sized for social media, and they put genuinely useful tips on their design school blog.

At York we've used Canva for creating one page guides to things like Google Scholar, or JSTOR, in order to embed them in the VLE, blogs, etc. Canva is simple to use and there are a lot of nice built in fonts and images which can make otherwise not-overly-exciting subjects a bit more engaging for users.

You can use Canva for free, which is what we do. It tries to tempt you in with paid for images and templates, but you can also import your own images so there's no requirement to pay for theirs if you don't want to.

Here's the interface and an example of a free to use template you can build on:

The Canva interface

The Canva interface

I'd recommend playing around with Canva if you've not used it, because it has so many potential applications. The trick, really, is being able to sort through the paid stuff to find the free stuff, and being able to sort through the superficial 'this is probably great if you're the web designer for an artisan baker in Portland' templates to find the 'I can actually see this working in my world' examples...

3) Good for interactivity: Infogram

Infogram is particularly good for creating graphics you want to embed online, because they can be responsive and interactive depending on what you do with them. It's basically about hovering over different bits of the graphics, but it does allow you to focus on certain parts of the data more easily than a static chart allows. See the example below:

Other pluses with Infogram include its ability to import data from a really impressive variety of sources. Downsides include the free version being fairly stripped back of features, and even the cheaper paid for version being out of financial reach for most non-profits.

4) Good for surprising you with its potential for making infographics: PowerPoint!

The much maligned PowerPoint is actually a very good tool which is often deployed spectacularly badly by its users. It's more flexible people than people realise (especially the two most recent iterations, 2013 + 2016), and that makes it surprisingly good for infographics. The main reason it's good is because you can take something - a chart or graph from excel, words written in interesting fonts, icons, images - and put it on a slide, and it just stays where you put it. Then you can layer more and more stuff on, and easily move it around - unlike Word which is a nightmare for that sort of thing, and a bit like Photoshop, but without the need for a 2 year learning curve...

The keys to making an infographic are firstly to edit your slide to the right dimensions: go into the Design tab, choose Page setup and then choose, for example, A3, Portrait. Your single slide is your infographic. Secondly, use images from somewhere like freeimages.com, or icons from iconfinder.com, to make your content interesting (along side graphs and charts you can copy and paste in from Excel). Thirdly, use a non-standard font - download one from fontsquirrel.com - as typography makes a huge difference.

Bonus option: Visual.ly for Google Analytics Infographics

If you have a website which uses Google Analytics to track statistics, but don't want to be logging in to check your stats all the time, visual.ly provide a useful free service. You log in with your Google ID, give them your analytics code, and they send you a weekly infographic which tells you how you've done in all the key areas. When you have a good week it's a nice friendly blue, if you have a not-so-good week it's red for danger...

Sign up for yours at visual.ly, here. Everything else visual.ly does is a paid for service, but the Analytics infographics are free.


Do you have any recommendations I should add to this list? Leave me a comment below.

 

 

 

How to use Instagram as an easy photo editor but NOT necessarily a social network!

 

As well as being a massively popular social network, Instagram is a brilliant photo editing tool - it's quick, intuitive and easy to transform images. But you can't save the photos to your phone unless you post them online, and sometimes you might want to edit a photo and not share it with the world on social media.

So how do you do this? The tl;dr version of this post:

How to use Instagram as a photo editor

This is great for family stuff (and professional stuff, more on which below). I've become a little obsessed with manipulating photos so that the most important part of the image is clearly highlighted in some way. For example this weekend I took a picture of my daughter and wanted to use the filters Instagram provides and also the tilt-shift function. I love tilt-shift - it makes part of your image slightly out of focus, drawing the eye to the in-focus part you define. But I didn't want to post a picture of my kids on Instagram because I use that purely for drumming related shenanigans - so I took the picture and went into Instagram, edited it, and posted in Airplane Mode so it didn't actually get as far as the internet, but DID save to my camera roll. I really like the way the bits in the picture frame are in focus, but the resit isn't.

The original picture

The original picture

The tilt-shifted, Instagram filtered one

The tilt-shifted, Instagram filtered one

5 steps to use Instagram professionally for photo editing

For professional projects this is potentially very useful, especially if you can't find a free stock image that suits your requirements. Let's say you're making a slide for a presentation and you need to talk about Google. You don't want to pay for a photo, and you can't find a suitable Google-related pic which has space to write on, without having to pay.

STEP 1: Use your phone to take a picture of the Google app icon on a tablet. (Keep in mind you don't have to take a photo - you could screengrab your phone or tablet if you want to get an image of an app or website. I've gone with a photo in this example to get the angle.)

STEP 1: Use your phone to take a picture of the Google app icon on a tablet

STEP 2: Apply a filter. (I ended up choosing X-PRO II)

STEP 3: Use the Radial Tilt-Shift to effectively blur everything except the Google icon

STEP 4: If you don't post it to Instagram it won't save to your Camara Roll. So go into Airplane Mode then post it - you'll see the 'Failed' message and you can press the X to dismiss it. Instagram will now forget all about the image and not attempt to repost it when you have connectivity - but you'll still have the edited pic saved to your phone.

STEP 4: If you don't post it to Instagram it won't save to your Camara Roll. So go into Airplane Mode then post it - you'll see the 'Failed' message and you can press the X to dismiss it. Instagram will now forget all about the image and not attempt…

STEP 5: Your finished photo! The eye is drawn to the Google icon, and the photo is darkened and blurred so you can potentially add easily readable white text to your image as part of a slide. Email it to yourself and it's ready to use in your slide.

STEP 5: Your finished photo! The eye is drawn to the Google icon, and the photo is darkened and blurred so you can potentially add easily readable white text to your image as part of a slide.

Finally here are the two photos side by side so you can see the difference.

Original photo

Original photo

Edited version

Edited version

You can sign up to Instagram and never publically post a picture if you don't want to! If you make creative use of this technique let me know in a comment.

An Alternative to Seth Godin's 5 Rules to create amazing PowerPoint Presentations

 

Seth Godin is a very influential man, and his views on PowerPoint carry a lot of weight. He wrote a famous post a while back (1.5k Facebook shares, a gazillion tweets about it etc) on creating amazing presentations - you can read it here. I agree with lots of it completely, but I'm not totally on board with the five rules at the end.

My take on Seth's rules

My take on Seth's rules

No more than six words on a slide. EVER. There is no presentation so complex that this rule needs to be broken. To me this seems too arbitrary. Fewer words is without doubt better than more words when it comes to slides - they're presentation tools not written documents. But six? As the maximum ever? Unless that's based on research that shows seven or more words reduces the effectiveness of your PowerPoint, why limit yourself in such an extreme way? I'd say one or two sentences to ensure brevity but allow yourself a little flexibility in conveying meaning and nuance.

No cheesy images. Use professional stock photo images. First of all there are plenty of cheesy professional stock photos! Authenticity is key. The trick is to find images which look like the camera has happened upon a real scene - lots of pro stock images show impossibly perfect people laughing flirtatiously over a blank iPad, I mean come on. I find Pixabay and Unsplash have enough for most presentations I make, plus someone introduced me to Pexels the other day which looks good, and they're all free - both of copyright and financial cost. The professional stock photo sites cost a fortune to use - why use them when so many great (legal) images can be found for free?

No dissolves, spins or other transitions. Yup. No argument here. If it's extraneous to your story, all you're doing is reducing the impact of your message.

Sound effects can be used a few times per presentation, but never use the sound effects that are built in to the program. Instead, rip sounds and music from CDs and leverage the Proustian effect this can have. If people start bouncing up and down to the Grateful Dead, you’ve kept them from falling asleep, and you’ve reminded them that this isn’t a typical meeting you’re running. I like the idea about using music etc but it really needs a certain type of high energy presentation performance to pull this off. It's not for everybody (I couldn't do it). It's hard to think of a rule around sound that is absolute; it all depends on your audience, and some of them way think the use of music is a little distracting, whatever your music taste... From what I understand about the Proustian effect it's a very personal thing; I'm not sure a presenter could expect to cause or induce it for a room full of people. 

Don’t hand out print-outs of your slides. They don’t work without you there. I agree with this. But I wouldn't put it in my top 5...

Header pic is a CC-BY image by Betsyweber - clcik to view original on Flickr.

Header pic is a CC-BY image by Betsyweber - clcik to view original on Flickr.

 

My own top 5 rules for creating effective PowerPoint slides

So what would I put in my top 5 rules for creating amazing PowerPoint presentations? I can answer that question because the intro to my full-day Presentation Skills training is built around five golden rules, based on existing research into what makes for an effective presentations - and that's the aim here, to build something which works. 'Amazing' is no good on its own; you need people to remember your key messages, not just how great a presenter you were.

Here we go:

  1. Keep it simple. Slides don't need to be flash - get rid of anything that doesn't tell your specific story, and leave behind something which supports and reinforces what you're saying out loud, and prompts you as to what to say next.
  2. No more bullets. Bullet points ruin slides. They're fine for documents, but you're not making a document in PowerPoint. As well as being symptomatic of a general Death By PowerPoint malaise, they make people less likely to agree with, understand and remember your presentation. Oh and they like you less when you use them. That's enough of a reason to never use them, surely?
  3. Make one point per slide. Make your point, allow your audience to digest it, then move on together in sync with them. Several points on a slide inevitably result in your audience moving at a different pace to you, because they can only listen and read for a few short seconds. Why be in conflict with your presentation materials when you don't have to? Give each key message room to breathe.
  4. Big fresh fonts. Font size 24 is the absolute minimum you should ever use in slides. If you need more you're trying to fit too much on one slide. Either ditch some text or cascade it across two slides. Non-standard fonts (which is to say, fonts which don't appear in the Office Suite) can, if chosen carefully, increase the impact of your presentation. Typography is underrated.
  5. More images, less text. Too much text stops slides working. Relevant images help people learn. Make the most of your opportunity with each new PowerPoint you make!

If you need a conference / event / project website, Strikingly might be the option for you

 
The short version of this post is: if you'd like a clean modern website for your online presence, and aren't looking to do anything too complicated, Strikingly may well be the right choice for you. It's easy to use for both author and viewers of the site, and it's free as long as you don't get TOO much traffic.

Over the past couple of months I've been tinkering around with the website builder Strikingly in spare pockets of time.

I really like the vertical scrolling style websites you can make in Strikingly - I first saw that style when Matt Borg used it for stuff like the UXLibs site. You can use normal navigation to skip to whichever page you like, or you can scroll down and they all appear below the homepage - meaning you never have to load up a new page to explore the website. This long-form one-page style saves time and works well.

Where it doesn't work so well is if you have a lot of complicated information to display on many different subjects - in that setting a traditional website may work better. But if you have just one story to tell Strikingly can do it with an uncluttered, stylish, and very mobile friendly site. For example for a conference, an event, a project, a collaboration, or even a personal website to act as a CV or something for the Googlers to find.

I already have this main website made in Squarespace (which I reviewed here), so in order to have a reason to sign up and play with Strikingly in earnest I built a site for my Training offering. You can find it here if you're interested - the top part looks like this:

Click the pic to open the website in a new window

Click the pic to open the website in a new window

At the moment this feels some way ahead of Blogger and even Wordpress in terms of the interface - it's pleasant to interact with a Strikingly site. You can actually blog using Strikingly, but if you do that and achieve success with it, you're going to exceed the 5GB of bandwidth that comes with the free version of the service. You can upgrade to the 8-or-16 dollar a month packages but I doubt anyone reading this would want to that - so to my eyes, Strikingly is a good option for someone who wants an online presence, perhaps to document some projects you've worked on, an online CV, or to showcase your skills if you're job-hunting, but who doesn't want to commit to blogging. Or, as mentioned, for an event, conference or collaborative project.

The editor looks like this:

As you can see you choose the type of section you want, then edit the content to your own. You edit the actual site - so what you see is truly what you get, rather than there being a seperate Editor interface. This makes it easier to see exactly how the changes you make are going to affect your design.

PROS OF STRIKINGLY

  • It's fairly fool-proof in terms of making things look nice. You are set up to succeed and would have to out of your way to make a duff site, even if you have no experience of web design or blog-building etc
  • It's very easy to create a site. There are nice templates which are relatively customisable
  • It's free, as long as your site is not too popular! (See below)
  • It's Responsive Design, so everything about your site is retained when viewing it on mobiles - it's just re-ordered to best fit the size of screen. Below is a screen-grab of Preview mode where you can see your site in tablet or phone view:

CONS OF STRIKINGLY

  • If you exceed 5GB of bandwidth per month, you'll need to upgrade to a paid-for package. There's more on understand bandwidth requirements here but to 5GB ought to be enough unless you're blogging and building an audience. I don't know what my bandwidth usage is anymore as the Squarespace package I have is unlimited, but in my old wordpress days I used between 10 and 20GB a month - had I not been blogging and thus creating traffic I think 5GB would have been more than enough
  • You need a lot of imagery. As with all modern website designs, it's a lot about pictures - so you'll have to use some. There's plenty of inbuilt options to choose from but in making mine I had to hunt around for things which were relevant, and not just stylish for the sake of it
  • Following on from that, all these new website builders (like Squarespace too) are really aimed primarily at start-ups and freelancers; sometimes it feels like an effort to find the options which aren't all about a: the hard sell or b: vaguely trendy lifestyle stuff that may work in a San Franciso web design office but is hard to imagine having any meaning elsewhere
  • It's not THAT flexible - as mentioned above, a more complicated site is better off with a different website builder. The editor is easy to use but a little constraining so you can't micromanage the finer details of how each section is arranged
  • And the usual disclaimer as with any new site-builder - who knows how long the company will be around? Unlike Wordpress which is open-source and sustained by the non-profit community, Strikingly exists as a business, and businesses go under... There's no reason to expect Strikingly to stop existing, but you never know.

So could Strikingly work for you or an enterprise you're involved with? If you do decide to give it a whirl let me know what you make with it.