Our Most Popular Posts of 2016

Posted on 5 January, 2017 by

We’ve published another year’s worth of blog content and now is my chance to take a look back and see how far we’ve come since this blog was just an idea in my head.

In 2016 we nearly doubled our editorial team. For me, that meant fresh ideas for posts, and new approaches and styles of writing. As a result, I think we’ve increased the variety of content we’ve produced during the past year.

Top five of 2016

Go Mobile Web Editor Community Event (guest post by Anna Jenner)
Breaking Bad When It Comes to Links
Team Update: 14 – 24 March
Tips for Surviving Go Mobile (guest post by Kate Austin)
Team update: 29 March – 8 April

We had two guest posts on the blog this year, and they both made it in to the top five.

That’s a clear sign that you’re looking to hear from other editors about their experiences. That’s something that’s supported by the positive response we’ve had to our web editor community events.

To build on this, my goal for the blog for 2017 is to get more guest posts on the blog – so if you’ve got an idea, get in touch.

I’m interested to see a couple of our team updates in the list. I took a look to see if I could spot what managed to hook people’s interest for those two weeks in March.

The first introduced our new members of staff; Andrew, Emily and Fen. The latter covered the launch of the new Careers website.

My favourite post

There were quite a few contenders for my favourite among the 62 posts we wrote last year. High up the list was one from Fen on the use of bold, but I figured I couldn’t just give it to her for the Star Trek reference.

Instead, I’ve chosen a post on another topic that’s close to my heart – clarity. In Making Research Readable for All, Andrew looks at why using Plain English and producing scannable content are the key to communicating your message.

Go Mobile Batch 7 Update

Posted on 16 December, 2016 by

Take a deep breath and wait for it…

We’ve made 20 new Go Mobile sites live today. This is our biggest batch in the programme to date.

The sites include:

Plus nine clinical research sites:

And we’ve also migrated content for the Procurement Service into the new Services for Business website and moved the website for the Centre for Physical Recreation and Sport over to a new URL.

An Introduction to Information Architecture

Posted on 29 November, 2016 by Fen

In my post about our minimalist approach to the web, I said that you should respect your users’ time by only providing them with essential information, and by guiding them through your website in a helpful way.

The best way to do this is by having good information architecture.

Information architecture is about deciding how something is organised. It’s not just about where your content is, it’s about the placement and design of that content, and what message that sends to your users.

I think the best way to explain this is with an example…

Example

In this example from the old Faculty of Medical Sciences website, five postgraduate taught programmes appear as sub-menu items in the sidebar, while the rest appear as bulleted list items on the page.

Some degree programmes appear as menu items in the left-hand navigation, others appear as links in the main body of the page.

In reality, there is no significant difference between these programmes, but the way they’re organised gives a false impression of hierarchy. It ascribes importance to the ones in the sidebar. Users could leave this page with the impression that the faculty values the programmes in the sidebar more highly than the ones in the list.

Here is the same page on the new Faculty of Medical Sciences website.

An example of good information architecture, from the Faculty of Medical Sciences website.

All degree programmes appear as links in the main body of the page. The list is separated by subject and ordered alphabetically.

All of the taught programmes are now listed in alphabetical order in the main part of the page. They all look equally important and they’re easier for the user to navigate.

The links take the user to the central postgraduate website. This fits in with our university-wide web strategy; creating a seamless browsing experience and ensuring that the user will receive the most accurate and appropriate course information.

For another example of how information architecture works, read Understanding information architecture via my bookshelf.

Benefits of good information architecture

Good information architecture aids the user journey. It helps people to navigate through your site in a way that makes sense, before arriving at the information they’re looking for.

Bad information architecture hinders the user journey. It confuses people by providing the wrong information at the wrong time, in the wrong place.

Information architecture also helps control the interpretation of your content, and communicate what you intend.

Websites with good information architecture are better for users because:

content is presented in a more useful and meaningful way
information is given at the appropriate point in the browsing experience
the browsing experience easier, more enjoyable and more intuitive

Websites with good information architecture also makes it easier to keep your website up to date, because new content can find a sensible home.

Next time

In my next post, I’ll be looking at the three elements of information architecture, and how they work together to create a great user experience.

I’ll also outline how you can create and maintain good information architecture using the tools we’ve given you.

Go Mobile Batch Six Update

Posted on 21 November, 2016 by

In batch six of the Go Mobile programme we published five sites. They are:

If you’re using T4 to manage your website, and have links to these sites, you can now add them as section links. See Anne’s post for an easy way to use Siteimprove to find which sites you’re linking to.

During this batch we also began pre-migration work on nine clinical research facility sites.

Use Siteimprove to Find Which Sites You’re Linking To

Posted on 18 November, 2016 by Anne

We’re asking our editors to make sure that all links in web content link to the correct destination page. This will reduce the number of broken links in our websites

You can check what links are on your website and where they are linking to with Siteimprove’s Inventory module. You can also use the section link in T4 to link to web pages within the content management system.

Section links in T4

In T4 using a section link reduces the number of broken links on your website. If the page being linked to moves within a site structure the link is maintained. If the page being linked to is deleted the link will be removed from content.

Over 50% of our websites are now in the content management system, so you can link to most central and school websites with a section link.

Find out which sites your website links to

Before you can update your website links you need to find out what links are in your web pages.

You can use Siteimprove’s Inventory module to see a list of all links used in your website. The inventory also helps you find the page where a particular link is used.

The inventory also shows you links that use a redirect and the correct destination for that link.

To help you work through your website and update your links you can also export a list of links as a spreadsheet.

How to use Siteimprove’s Inventory module

You’ll find a link to the Inventory in the left-hand panel of your Siteimprove report.

Click to expand the menu and select ‘Links’ to see the list of links used in your website content:

Siteimprove Menu panel and inventory tab

Siteimprove Inventory Tab

Then search for the link or part of the link you want to review, eg http://www.ncl.ac.uk/dental/:

Hovering the cursor over the ‘Pages’ column and clicking ‘+’ opens a sub-list showing the location of all pages where the link is used:

In this example the link http://www.ncl.ac.uk/dental/about/facilities/ can be found in two pages. Using the inventory makes it easy to identify the sections in T4 which contain the link.

Having found the link in T4 you can re-link the content to the destination page using a ‘Section link’.

Find and replace redirected links

When a website moves into the content management system, its address may change. Pages can move within the site structure or be removed from the site.

To avoid creating broken links across our websites we may use a redirect. This takes you from the old page address to a new location within a site structure. But when a redirect expires the links in content will break.

Use the inventory to identify which links use a redirect and update the links so that they point to the correct destination page.

A link which redirects is marked in the Links overview list as 301 Moved Permanently.

Clicking to the right of a link shows you where the link appears in content. Clicking to the left of the link displays the redirect destination page:

In this example, the link in the content is http://www.ncl.ac.uk/dental/study/undergraduate/treatingpatients.htm but the new destination is http://www.ncl.ac.uk/dental/study/undergraduate/.

As the new destination page is located in T4 you can use this information to help you find the link in the content management system. You can then change it to a ‘Section link’.

Keeping on top of broken links

Broken links on your site cause frustration for the user, and can damage your reputation. It’s important therefore that you keep on top of fixing existing broken links, and pre-empt any future broken links that might occur when redirects expire.

Using Siteimprove to do this makes the task much easier. We’ll also help you out by sending lists of sites to our editors, after each batch is moved into T4.

Access to Siteimprove

Request access to Siteimprove (University Login required).

Go Mobile Blog