How to

Embedding Ethnography Part 5: Understanding Academics with UX

This is the 5th post in a series about using UX and ethnography as regular tools at the University of York. We're treating these techniques as 'business as usual' - in other words part of a selection of tools we'd call upon regularly in appropriate situations, rather than a stand-alone or siloed special project. If you're interested you can read Part 1: Long term UX, and two guest posts from our UX Interns in Part 2 and Part 4, plus my take on planning and delivering a UX-led project in Part 3.

Having focused our first two uses of UX on students - specifically postgraduates - the third time we've used it in earnest has been with the academic community.

One of the consent forms from the project

One of the consent forms from the project

The Understanding Academics Project

The project to better understand the lives and needs of our academics was an existing one in the Library: we knew we wanted to tweak our services to suit them better.  After finding the UX techniques so useful we decided to apply them here and make them the driving force behind the project. All other useful sources of info have been considered too - for example feedback to Academic Liaison Librarians, comments from the LibQual+ survey etc - but the body of the project would involve using ethnography to increase our understanding.

We've used five main ethnographic techniques at York (six if you count the feedback wall we now have near the exit of the library) but decided to limit ourselves to two of them for this project: cognitive maps, and semi-structured interviews. We aimed to meet 4 academics per Department, and ask them to draw a cognitive map of either their research process or the process for designing a new module - so unlike our previous UX projects which involved maps of physical spaces, this was literally 'mapping' the way they worked. Some interpreted this very visually, others in a more straightforward textual way. In all cases though, it proved an absolutely fascinating insight in to how things really work in academia, and provided a brilliant jumping off point for the interviews themselves.

These interviews were semi-structured rather than structured or unstructured; in other words they were based largely on the map and a natural flow of conversation rather than having any pre-set questions, but there were areas which we'd bring up at the end of they didn't come in the conversation without prompting. So for example most people in drawing the teaching-related map mentioned our reading list system, either in the map or in conversation - if after 50 minutes of chat it hadn't come up at all, we'd ask as open a question as possible to prompt some insight into their thoughts on it.

Vanya Gallimore has written a great overview of the project on the Lib-Innovation Blog, which we set up in the library to document our UX work among other things. In it she writes about the background to the project, the methods used, staffing it (in other words, who was doing the interviews) and then briefly about processing the data. It's the most popular post on our new blog and I'd recommend giving it a read.

For now I want to focus on something that post doesn't cover so much: actually doing the ethnography.

Ethnography fieldwork in practice

What is the verb for ethnography? Is it just 'doing' ethnography, or performing ethnography? Ehtnographising? Whatever it is, I hadn't done it in earnest until this project. In the two previous projects I'd been involved in setting things up, helping with the direction, interpreting the data and few other things, but we'd had interns out in the field, talking to people and asking them to draw maps etc. For Understanding Academics, it was agreed that the Academic Liaison Librarians (of which I am one) should be doing the fieldwork, for various reasons described by Vanya in her post linked above - ultimately it came down to two things: the need for a proper familiarity of the HE context and our systems in the Library in order to understand everything the academics were saying; and the sheer opportunity of talking in amazing depth with people in our departments.

One of the most common quesitons about the project is: how did you get the academics to take part? The answer is, we asked them all individually, by email. No mass emails to the whole department, but no incentives either (we've offered post-graduates cake vouchers and the like, in previous UX projects) - just an email to a person selected with care, often in conjunction with the Library Rep and / or Head of Department, explaining what we were doing, why we were doing it, and our reasons for approaching them specifically. We asked around 110 academics this way, and 97 said yes: the other 13 either didn't want to do it or couldn't make time within the duration of the project.

There was a roughly even split of research focused and teaching focused conversations (although in either case there were no limits to the conversation, so some interviews ended up mentioning both). I look after three Departments from the Library: I interviewed three academics from one, and four from each of the other two, plus I did two of the three 'warm-up' interviews.

Prep

The warm up interviews were just like the regular interviews, and their data included in the project, but they were with partners of library staff who happened to be academics... The idea was to refine our processes and see how things worked in practice, on an audience who wouldn't mind being subject to our first attempts at ethnographic fieldwork. This was really useful, and we changed things as a result - for example the message written on the top of the piece of paper assigned to draw cognitive maps on was made clearer, and we extended the time we'd set aside for each interview after the try-outs used their 60 minute slots before the conversations had reached a natural conclusion. 

For the remainder of my interviews the prep consisted of reading up on each academic on their staff profile page, printing out the various bits of paper required, and charging devices. 

Accoutrements

There were a lot of things we had to bring with us to each interview.

  • a device to audio-record the whole thing on (my phone);
  • a device to write on (ipad with keyboard, or laptop); 
  • the paper with the map explanation on; 
  • the paper with the areas to cover if they didn't arise naturally listed; 
  • two copies of the consent form - one for us to keep and one for the subject to keep
  • a set of four pens (we ask users to draw cognitive maps over a period of 6 minutes, giving them a different colour of pen every 2 minutes)

Of the above, the cognitive map, conversation topics and consent forms were all either teaching specific or research specific - largely the same but with subtly different wording in places. 

The Map

Each session began with an explanation of what we were doing here. The emails sent to invite each academic had covered some of that, but it's always good to talk it over. We discussed what the library wanted to do (change things for the better) but that we didn't have specific things in mind - we wanted to be led by the data. Then we talked about the format of the interview, the fact it would be recorded, and went through the consent forms. I particularly stressed the fact they could withdraw at any time - in other words, an academic could decide now, several months later, that they wished they hadn't been so candid, and we'd take all their data out of the study.

Finally we explained the map, the use of the different colours of pen, the fact it didn't have to be remotely artistic. None of my interviewees seemed particularly put off or phased by drawing the map. Then there was a period of silence as they drew the map (not everyone needed all six minutes; if people took longer than six minutes I didn't hurry them), after which I turned on the recorder and said 'Now if you can talk me through what you've drawn...' 

The Interview

Once the subject had described their map - with me trying not to interrupt unless I didn't understand something, but jotting down potential questions as they talked - the interview commenced. I can't recommend highly enough using either a cognitive map or another ethnographic technique such as a love/break-up letter or touchstone tour as a jumping off point for an interview. It means you instantly have context, you're in their world, and there's no shortage of meaningful ideas to talk about. 

I have to say that during the main body of the interview, I didn't actively try and think about what the project was trying to achieve, I just asked questions I was interested in. Sometimes this meant spending a long time discussing things which weren't library related at all - but that's part of what this project is all about, to understand the academic world more holistically rather than in a library-centric way. 

Some interviews came to a natural end after around 40 minutes; others I felt like we could have gone much longer but I didn't want to take up more of their time than I said I would.

Writing up

One of the changes we made after the initial interviews was to just listen and not try and write notes whilst the protagonists described their map. We didn't have time to transcribe each interview (that would mean we'd have spent more than 500 hours on the project before a single piece of analysis) but we did feel the map description was key, so we listened without writing during that bit and transcribed it fully later. We then wrote notes as we conducted the interview, using the recording to go back and fill any holes or make clear anything from our notes that didn't make sense. Sometimes during a particularly long and involved answer I'd just write go back and listen to this in my notes and stop writing until the next question. 

We blocked out time after each interview to write it up immediately while it was fresh in our minds - so in my case this was mainly going through and correcting all the mistakes from my high-speed typing, then referring to the recording where necessary, then noting down any immediate conclusions I could draw outside of the project framework - things I could learn from and change the way I worked because of. I didn't write these down as part of the notes from the interview because I didn't want to bias the analysis in any way - I just wrote ideas down elsewhere for my own use. 

Conclusions

I absolutely loved doing the fieldwork for this project. It was fantastic. I learned so much, I deepened existing relationships, and I got to know staff really well who I'd barely met before. Every time I came away from an interview I was absolutely buzzing. 

I don't think everyone enjoyed it as much as I did. Some people felt like they didn't know enough about a subject's research project to be able to ask intelligent questions about it - personally I just asked unintelligent questions until I got it - and there was the odd instance of the conversation being stilted or awkward. For me and a lot of my colleagues, though, it was eye-opening and actually really exciting. 

The question of what we do next - how we process all the data, and then act on what we learn - is covered in the following post.

Using Kahoot in Library Induction and Teaching Sessions

A colleague at York, Tony Wilson, brought Kahoot! to our attention recently for possible use in teaching and orientation sessions: it's a really nice quiz tool. There is nothing new about using quizzes in library sessions and there's about a million and one tools out there for making them, but Kahoot differs in its execution of the idea. It's so much slicker and just more FUN than anything like this I've looked at before. And interestingly, it already seems to have currency with students:

One of the most useful aspects of a quiz is that people are asked to actively engage with the information rather than passively receive it. I'm absolutely convinced the students are remembering more this way than if we just presented them with the complete information.

4 reasons Kahoot works so well

It's really, really nice, for these reasons in reverse order of importance:

The music. It has cool retro sort of 8-bit music in the background.
The aesthetics. It has bright colours and looks generally nice. Here's what a question looks like:

An example of a question as it looks on the screen during the quiz

An example of a question as it looks on the screen during the quiz

The leaderboard. Oh yes. It has a LEADERBOARD. This is the key thing, really: people put in their nicknames and after each question the top 5 is displayed (based on, obviously, how acurate their answers are but also how quick). Even completely non-competitive people get excited when they see their name in the top 5... I tweeted about using Kahoot and Diana Caulfied chimed in about the tension the leaderboard brings:

The mobile view from the student perspective

The mobile view from the student perspective

It's VERY easy to use. These things have to be SO simple to justify using them. In the case of Kahoot, you load up the quiz, and the students go to kahoot.it and put in the pin number the quiz gives you on the screen. It works perfectly on phones, tablets, or PCs. There's only one thing on the screen - the box to put the pin number in; and only one thing to do - put the pin number in. This simplicity and intuitive interface means everyone can get on board right away. There's no hunting around. 

You can also use it on an epic scale - one colleague just came back from using it with 95 undergraduates today, who responded really well, another used it with over 100 who were absolutely buzzing after each question. You can actually have up to 4,000 players at once.

Here's what the students are presented with when they go to the (very simple) URL:

An example from York

So here's the quiz I made for Induction, click here if you want to have a go. This particular link is (I think) in ghost mode, where you're competing with a previous group of players. So if you do the quiz now, you'll be up against my History of Art PostGraduates and will only show up in the Top 5 leaderboard if you get better scores than at least 25 of them! But normally in a session I'd use a completely blank slate.

Possible uses

In this example the questions I chose are basically just a way to show off our resources and services: it's all stuff I'd be telling them as part of a regular induction talk anyway:

My Kahoot quiz questions

My Kahoot quiz questions

The students I've used it with so far have really enjoyed it (as far as I can tell!). It's much more interesting than listing things, and, intruigingly, I think that asking people to guess between possible options actually seems the answer more impressive than just telling them the fact outright. So for example in the Google Apps question above, there were gasps when I revealed they get unlimited storage and the majority had chosen one of the lower options (the results screen shows how many people have chosen each option) - I'm fairly sure if I'd just told them they get unlimited storage, not one person would have gasped.

But there are plenty of other possibilities for Kahoot that are a bit more pedagogical in nature. Using it to measure how much of the session has sunk in at the end; using it at the start and end to measure a difference in knowledge; and using it to establish the level of student understanding:

There's also a Discussion mode rather than a Quiz mode. You pose a question and students type their answers in (rather than selecting from multiple choice) and their words come up on the screen. Anything rude or offensive can be deleted with one click. It would be a great way to find out what students felt unsure of or wanted to learn about, or to discuss the merits of a particular approach.

In summary

So I'd recommend taking a look at Kahoot and seeing if you can incorporate it into your teaching. As well as using it throughout Induction I'm planning on using different kinds of quizzes as part of infolit sessions and am excited to see how that works. You can easily incorporate your own library's images and videos and the tool is free, very easy to use, nicely made, and FUN. 

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...

Creating images with copy-space for text

This post originally appeared on the Lib-Innovation blog.

As always things have changed in my library over the summer, and we needed some new images to reflect our reconfigured rooms, new signage and new services. We're very fortunate to have easy access to the University photographer Paul Sheilds, who is based in our Morrell Library building, so we booked a morning with him.

We had very specific needs in mind, based on a list we'd drawn up to suit what I wanted for our Induction Project, what my Academic Liaison colleague David Brown wanted for the new LibGuides and what the Comms Team needed. In particular I was really keen to get photos with copy-space.

Copy-space literally means a space to write 'copy' in the newspaper meaning of the word - in other words an area of the image which is less busy and which could be written upon without obscuring a key part of the picture.

In essence I wanted to be able to write directly onto the images (for use in slides, posters, digital screens and social media) without having either a separate area for text, or a back-filled text box - because I think it looks smarter that way and because it allows the images to be full screen at all times. It's a lot easier to do this when the images are captured with that in mind from the outset.

Here are some examples - these are works-in-progress that I'm playing around with for the forthcoming #UoYTips Induction campaign for 2016/17 at my institution. They won't look exactly like this in the final versions but the copy-text principle will remain.

We have borrowable laptops which I wanted to showcase. I've added a piece of text to the copy-space:

Here's an example of an image of the same lockers which is a great pic but which doesn't have copy-space built in (making it a little less flexible to work with in marketing):

It would be possible to write on this of course, but you'd need to manipulate the image to ensure the text was legible, or used a back-filled text box.

Next up is a picture of the copy-print-scan machines - the copy-space in this case being the underside of the lid. I did experiment with having the text at an angle to match it but it looked a little clunky so I went with good old fashioned horizontal text for this one...

Here's a picture of a student - by not putting her centre of the frame (and by conforming to the rule of thirds) we've made space for the text.

Finally here's an example where despite leaving copy-space the background is too busy to write directly onto - the text wouldn't be clear enough. There's a neat divide where the wall ends, so I've inserted a shape over everything to the left of the wall, to make the copy-space more clearly defined. I did this in PowerPoint - inserting the rectangle, filling it black, then making the fill 19% transparent. The white text is clearly visible against it, and the focus of the image (the walls you can write on) is still clear and uncluttered.

Type Genius: the joys of font-pairing

I'm a little bit obsessed with nice fonts - I love how they can impact on design and help tell your story. An aspect of design which is often undervalued is the combinations of fonts: pairing up fonts (or sometimes mixing groups of three fonts, ideally not more than three in one design) for posters, or social media campaigns, or PowerPoint presentations.

I've just found a great site called Type Genius that helps out with choosing fonts, more on which below.

Here are four font combinations I like, three of which I've used, and all the fonts for which can be downloaded individually from Fontsquirrel:

BEBAS NUEUE AND MONTSERRAT

The first combination is what is used for the blog and much of the rest of site. The blog title is Bebas Nueue and the body text is Monstserrat. (Whenever I use Heading 2 in the formatting that's also Montserrat, but in all-caps - the Heading 3 used in this post os back to Bebas Nueue again). I chose them mainly because when I rejigged the design of the site recently I wanted a thicker body text font, so chose Montserrat which I've been using since I saw Matthew Reidsma use it for his UXLibs I keynote. Bebas compliments it for titles because it a tall and narrow font in contrast with Montserrat being thick and more rounded.

LATO AND ROBOTO SLAB

The second combination I've not used at the time of writing, but got from Type Genius - which you can find at typegenius.com. You tell it what font you want to use, and it gives you a number of potential companions to pair with it (as it happens when you put in Montserrat it suggests Bebas Nueue, as used on this site).

In the case of Lato and Roboto Slab, I've actually not used the Regular Lato in the example above at all - I used Lato Thin for the first part and Lato Heavy for 'titles'. I do like the contrast of light and heavy.

RALEWAY AND... RALEWAY

Which brings us to the third combination, which isn't technically a pair as it's just Raleway used in three different ways. I love Raleway beyond all other fonts. As long as you have both Raleway Regular and Raleway Bold installed (although PowerPoint will try and Bold non-standard fonts when you highlight them and click the Bold button, it's not the same as actually installing the Bold version that the typographers intended) they work so beautifully together, especially in all caps. The intro to UX presentation I blogged about recently used Raleway in all possible combinations (Regular and Bold in both lower and upper case) with no other fonts involved:

The other joy of Raleway is it renders perfectly on Slideshare. Some other fonts, even when you save and upload your presentations as a PDF, go a bit blocky on Slideshare, for example my LIANZA Marketing Manifesto slides, which use Raleway along with ChunkFive Roman - the latter looked great at the conference but not so good on Slideshare, but Raleway was perfect in both situations.

MATHLETE BULKY AND CAVIAR DREAMS

I used this combination for my Tuning Out The White Noise presentation which became the most popular thing I've ever put on Slideshare (despite Mathlete Bulky not rendering properely on the site) and I use it in some of my training materials, so I've become slightly bored with it due to over-exposure! I also over-used Mathlete and have since changed it round so it gets much less use in my slides, because it's a little too quirky for any kind of long-term reading. I like the way it looks but usability has to come first.

Further reading

For more info and guidance on font-pairing, check out this article from CreativeBloq, and Canva's Ultimate Guide to font-pairing.

If you have a particular pairing you'd recommend I'd love to hear it in a comment below.