Tech Guide

Coming up: online marketing workshops for New Zealand and Australia libraries!

I'm absolutely thrilled to say I'm working with PiCS again, this time to deliver online training. With PiCS I've previously run marketing training in Sydney, Melbourne and Brisbane, and an emerging technologies in Auckland, and they always go all out to put on the best possible day.

If all goes to plan I'll be back in Oz in 2018 to deliver some face-to-face workshops on Presentation Skills (aimed specifically at information professionals), and in the meantime we're collaborating on three workshops online: Marketing your library (running across March, April and May), Digital Marketing and Online Tools (running in June) and Social Media: Next Steps (running across July and August).

It's all quite complicated because of running them at different times for different time-zones. Each course takes place in two sessions - 2 hours one week, then 2 hours the next week at the same time. There are New Zealand versions and Australia versions... Here are the details:

For me and Viv at PiCS trying to work out timings here has been brain-meltingly complicated, not least because in the case of the New Zealand timings I'm actually delivering them at 10pm the previous day, UK-time, for them to run at 9am Auckland time! The Australian ones are slightly more straightforward, with the training happening at 6am for me...

Anyhow, I'm really looking forward to this. All the courses are tailored for the online environment and I promise we won't be in the standard 'death by webinar' mode here: these are interactive, participatory, and hands-on workshops: you'll be DOING as well as watching and listening. It's going to be ace.

For info on the content and booking etc see the individual workshop pages linked above - for the rest of this post I'm going to use a Q&A format to explain some more about how these sessions will work.

How long are the workshops?

Each session is 2 hours long - any more than that is too much screen time in my experience. There'll be a 5 minute break in the middle, and pratical exercises throughout so it's by no means listening to me for 2 hours. Then there's a week off and a second session of 2 hours, and in between there might be some activities to explore and report back on. So in total each set of workshops will take 4 hours.

Will I be able to ask questions and interact with fellow attendees?

Yes absolutely. I use two screens, one of which has the discussion window open the whole time - so I can pick up questions as they come in rather than needing a section of the training where a moderator coordinates the questions. You can also talk to each other in the discussion. And you can message me in the session if you want to ask a non-public question.

Could I attend all three courses or is there overlap in content?

All three courses are about communciation so certain themes run through each, but none of the fundamental content is the same and none of the tasks and exercises are the same.

I came to your LIANZA marketing workshop on marketing - should I still sign up for the online version?

The workshop at LIANZA was a super-condensed version of the workshop, crammed into 1.5 hours and needing to work for 130 people! Places on these new sessions are limited to small numbers, and over more than twice the time, so the marketing one does contain a lot of material that wasn't included at LIANZA. I've also added a few new sections to the training since late 2015. However there is some overlap! So you'll hear a few things you heard previously. But I'd say there's enough new and additonal content to make it worthwhile.

I came to your Digital Marketing & Online Training full day in Auckland - should I still sign up to the online version?

I'd say 'no'. Although there's new content since the Auckland workshop, a lot of it will cover similar topics so you'll find yourself repeating exercises. Of course you're more than welcome to attend anyway! But I'd recommend attending one or both of the other two workshops (Marketing your library service, and Social Media: Next Steps) instead.

I came to your Marketing Your Library full day in Brisbane / Sydney / Melbourne - should I still sign up for the online version?

The workshop does have some new sections in since the sessions I ran in Australia but a lot of the content is similar, so I'd recommend signing up for one of the other two online workshops instead.

Can I see just the workshops listed for my time zone?

Yes you can!

Or there's more details including links to booking below:

I have more questions!

No problem, either leave them in a comment, or send me an email.

I look forward to seeing some of you online!

Using PowerPoint as a design tool

If you're a graphic designer you probably use a professional tool like Adobe InDesign or Photoshop to make leaflets, posters, infographics and other digital images. If, like me, you're not, and those tools are beyond both your budget and capacity to learn complicated programmes you're not going to use that often, you need an alternative.

I've written on here before about Canva, which is excellent for more than just presentations, and I like Phoster in the iOS app store for designing digital posters. But an under-rated tool for Design is PowerPoint. The main reasons are it's a lot more flexible than it's often given credit for, and it's incredibly easy to layer content (to put text over images, etc) - something which is maddeningly difficult to do in Word, for example.

So here are the key aspects to using PowerPoint for design.

1) You can make a slide ANY size, and save it as a JPG or PNG file

Go to Design, Slide Size then Custom Slide Size to get to this menu

Go to Design, Slide Size then Custom Slide Size to get to this menu

PowerPoint defaults to a 4:3 or 16:9 slide - but you can edit the slide to be any shape, size and proportions. Open a new presentation and go to Design then Slide Size and choose Custom Slide Size you can bring up this drop-down menu, or just put in the custom dimensions of your choice.

Everything becomes easier with design when your canvas is the perfect dimensions to start off with. Sizes like A3 and A4 are self-explanatory if you're designing flyers or posters, but also think about digital image sizes. For example:

  • A Twitter image (which is to say a perfectly sized image which doesn't require users to click to expand when viewing it's tweeted) is W: 116 mm x H 232mm
  • An Instagram image can be any square, but optimally is 134mm x 134mm
  • A Facebook image is 317mm x 317mm
  • A YouTube custom video thumbnail is H: 190mm x W: 338mm

(You can work out any pixels to mm dimensions using an online converter: I used this one for the above.)

Once you've created blank slides in a variety of useful sizes, save them to use as a template more quickly in the future.

2) You can install fantastic typography

As anyone who has attended my presentation skills training will attest, I'm always banging on about how Typography is a hugely underrated part of design. Fonts matter a lot, and can make the difference between something looking and the same thing looking really professional.

As always, I'd highly reccomend fontsquirrel as a souce of fantastic (and free to use) fonts - and see the previous post for more info on font-pairings.

Click to go to the font-pairing post

Click to go to the font-pairing post

3) It's easy to manipulate images in useful ways

You can find the ideal image from a CC0 site like Pexels, and make it easier to use - to layer text on top of, for example - using PPTs editing tools. They're nowhere near as sophisticated as those in Photoshop, but it's still really useful. Particularly darkening images using the Brightness slider so that white text clearly shows up on it, or blurring images. Both of these techniques are explained in more detail here.

You can also Crop images to specific shapes, circles for example, which can help with really striking design.

4) You can follow the basic principles of good design, and that's more important than the tool

I've found that I really like design without truly understanding it like a proper designer would, but certain rules apply across the board and help me with whatever I'm doing:

  1. Images AS the background most often works better than images against a background (unless you're using icons).
  2. Space is good. Leave space.
  3. No more than three fonts per design. And use fonts that help you communicate your message - or, to use a phrase I'm not altogether comfortable with for some reason, but it seems to apply here: use fonts intentionally.
  4. The most important thing about text is legibility. Make sure text is large, and the contrast is high between the text and the background.
  5. Left-align text unless there's a specific reason to Centre-align it (or very occasionally right-align or justify).
  6. Avoid orphan or widow words. Just stretch your text box a little more, or narrow it, so words aren't left on a line of their own. Canva's helpful design rules also have this to say on line length:

5) Save slides as images

You can save your PowerPoint as a PPTX to come back to the design later, but you can also save a slide as an image, or a whole bunch of slides as seperate images.

When you go to Save As, choose JPEG or PNG from the drop-down menu - it will then give you the choice of saving just the slide you're on at the moment as an image, or to create a folder into which it will save all the slides in the presentation as individual images.

Saving slides as JPEGs

Saving slides as JPEGs

And finally, while we're on the Save As function, here's a brief guide to which format to save regular presentations in depending on your situation...

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.