Information design services

Information design is specifically about content, complexity, usability and optimisation, and differs from just graphic design, or just Plain English, because it is about all the elements needing to work together, to enable successful communication for people (see near the end of this webpage for a longer description). We analyse your content and users, then figure-out what needs to be done to make it work well. Information design leads to more successful numerically measured communication, because we can test it with people and then fix the errors. User testing moves your design and communication from a linear output to circular. If you need your information and communication to work well, information design is for you. We live in challenging information rich times and we always try to use an information design approach. Below are precise examples.

Make it work really well, and know it works really well

We do

  • Intermediate Plain English writing and editing.
  • Complex document design and API (application programming interface) documentation design.
  • Form and questionnaire design.
  • Letter, bill and statement design.
  • Medicine/patient information leaflet (PIL) design.
  • Labelling.
  • Pictogram design and illustration.
  • Wayfinding and signage.
  • Usability testing with people and getting user feedback (we can get data on how well, or how not well, your communication is actually working with people, typically using diagnostic testing).
  • Monitoring design, information and communication over a period of time, to make sure it keeps working well.
  • User experience (UX) design and user research.

Below is a selection of projects to give you an idea, of just some of the projects we have worked on.

A large thick yellow handdrawn chalk arrow pointing down

Reduced size showcase of the credit card statements from different countries.

Image of test paperwork

Summary of the overall performance across all credit card statements.

Bar graph showing the 3 levels across all credit card statements

 

Performance level of tested tasks across all credit card statements.

Bar graph showing the 14 levels of task requirement results across all statements

Client

Communication Research Institute (international collaborative project).

Project title

Credit card statements: Communication benchmarks 2009.

Services

Benchmarking + User testing + Information design.

About the client

Leading worldwide not-for-profit communication research organisation based on research results over 35 years, with 200+ leading organisations.

Client’s needs

They wanted to investigate and measure how well ordinary monthly bank statements work, like the bills that come through your postal letterbox on a monthly basis.

Outline of what we did

11 fellows of the Communication Research Institute were contacted, and we set about finding out how well these financial statements work. Some of the diagnostic testing questions were: can people find and explain the opening/closing balances, can people find and explain how to avoid being charged interest, can people find and explain how to find more information. We sourced a wide-range of people to use as testing participants, and of different age ranges and abilities. We sourced a credit card statement, and then set users tasks to do, analysing what they could or could not do. We collected graphic communication performance evidence and data on the usability of the credit card statements. It is very valuable and gives the international banks concrete objective evidence about the health of their communications with customers, and highlights what is working well, and what is not working.

Results

View project report and findings (PDF). If you would like access to the full data, contact the Communication Research Institute.

3 main improvements for them

  • Gave international banks concrete objective usability data on tasks successfully or not successfully completed (we avoided opinion, preference or content quality testing).
  • Sourced and recruited a wide-range of people, abilities, ages and educational levels for usability testing to get data from a typical range of people and users.
  • Defined a range of common and more challenging tasks (the scoping requirements) everyday people should be able to do and perform, with ease and confidence.
Gave them a measured evidence-based bonus

Original map design/cartography for a publication/report. Image shows city centre

Client

Leicester BID (Business Improvement District).

Project title

BID map design.

Services

Technical illustration + Typographic design.

About the client

A business-led not-for-profit organisation working to transform Leicester city centre in the United Kingdom, making it a better place to live, work, visit, study and do business.

Client’s needs

The client needed a very detailed map of the area they were developing and proposing new ideas for.

Outline of what we did

A clear, legible and in-keeping map in relation to their website and overall corporate identity was designed. We used the most legible weight of the typeface (neither too light or too bold) to ensure best legibility of road names, even when printed on small A4 paper. We added a grid over the map, to help users refer to and identify areas and locations more easily. The map was available in a range of file formats, and as a print-ready PDF file, that can be made any size with no loss of quality.

3 main improvements for them

  • Allowed interested people, stakeholders and decision makers to make informed, clear and precise decisions.
  • The map can be made any size with no loss of quality, and is legible at very small sizes.
  • Allowed the map’s colour values to remain distinguishable even when printed in greyscale.
Helped them find actionable success

Signage proposal number 1.

Norwich School of Art and Design/Norwich University of the Arts signage/wayfinding system proposal 1. Signs showing different levels

 

Pictogram proposal (for signage proposal number 1).

Image of pictograms/icons for end of year exhibitions (Norwich School of Art and Design/Norwich University of the Arts). Pictograms ranging from graphic design, to games design

 

Signage proposal number 2.

Norwich School of Art and Design/Norwich University of the Arts signage/wayfinding system proposal 1. Hand drawn signs in chalk on black paper, stretched across walls and entrances

Client

Norwich School of Art and Design (now known as Norwich University of the Arts).

Project title

End of year exhibition signage wayfinding design and pictogram design.

Services

Information design + Technical illustration + Graphic communication design + Typographic design.

About the client

Tracing its history back to 1845, the Norwich School of Design is 1 of the great British art schools.

Client’s needs

With 1000s of visitors to the end of year exhibition every year, many of them have no idea about which buildings the different exhibitions are shown in. A signage and wayfinding system was needed and we were invited to submit designs.

Outline of what we did

We designed 2 wayfinding systems to manage all exhibition rooms and buildings.

The 1st proposal is based more on clarity, precision and easily changeable signs. The system can be edited easily and updated with new locations and information. A pictogram system was designed to aid understanding and recognition of the different subject courses.

The 2nd proposal is based around the idea of signs being stuck along the walls of the buildings, eventually leading to the correct room. This signage system was designed to make it impossible to get lost, as there is no splitting or distance between signs, it is just a continual marker and guide…

The images and work shown, are not in a totally ideal final form, a bit more development is needed, but the communications and campaign concept is there.

3 main improvements for them

  • Improved and updated their wayfinding and signage strategy for their exhibitions and buildings.
  • Reduced confusion and stress for visitors, the public, service users and staff.
  • Increased findability and improved their users’ service experience of their establishment.
Showed them the way

Before our redesign.

Page 1 of Leicester BID form/questionnaire, the originally supplied design
Page 2 of Leicester BID form/questionnaire, the originally supplied design


After our redesign.

Page 1 of Leicester BID form/questionnaire design, redesigned version
Page 2 of Leicester BID form/questionnaire design, redesigned version

Client

Leicester BID (Business Improvement District).

Project title

BID area questionnaire form.

Services

Information design + Plain English + Typographic design.

About the client

A business-led not-for-profit organisation working to transform Leicester city centre in the United Kingdom, making it a better place to live, work, visit, study and do business.

Client’s needs

The organisation wanted to use design to give their questionnaire form the best chance of collecting quality information, and collecting as much data as possible. They knew they needed design input with this type of typically boring and inconvenient document, as they often get rejected by people.

Outline of what we did

Their original form was not particularly clear, it was boring, highly generic and not engaging to read or use. We worked on the clarity and appeal of this inconvenient type of document, giving it much more chance of getting used, filled‑in and returned back to the client with useful data. The original form had not large enough spaces to write responses in by hand, making it hard for people to interact with, so we increased the space available to write in the form fields. We used clear language, editing, rewording and graphic communication design, to maximise wide-spread understanding. Another unusual aspect was that we avoided large full‑bleed areas of block colour and large background images, as many people would use an inkjet printer at home or work, which would cause people’s inkjet printer cartridges to drain unnecessarily.

3 main improvements for them

  • Decreased staff hours needed to sort and go through returned forms and data from users.
  • Increased the chance of getting a larger quantity of filled-in forms returned back, with increased data accuracy.
  • Improved the form’s written tone of voice, reworded questions to reduce confusion, and decreased the amount questions wrongly answered, by confusion and mistake.
Helped their users form an opinion

Before our redesign.

Image of an inside spread showing complex financial tables before our redesign

 

After our redesign.

Annual report design, page layout, typesetting and complex tables. Photograph of an inside spread showing complex financial tables

Annual report and financial statements photograph of an inside spread showing complex financial tables

Dyslexia Institute annual report purple acetate overlay for dyslexic users at the back of publication

Annual report and financial statements design guide/specification

Client

Dyslexia Institute.

Project title

Annual report and financial statements.

Services

Publication design + Typographic design + Typesetting + Information design + Paper selection support.

About the client

Provides teaching and support for people with dyslexia since 1972, with 12 centres throughout the U.K.

Client’s needs

This dyslexia organisation needed help producing and designing a more professional annual report and financial statements than in previous years. Previously they had done the report in Word using amateur formatting, amateur text composition, not enough space between many table columns, and a highly debatable typeface choice Comic Sans.

Outline of what we did

The client wanted a highly accessible graphic communication design, we did this through the overall design, layout and typography, and also included in the back of the publication, a purple acetate overlay to further make the publication even more accessible (some people with dyslexia prefer to read with a coloured acetate overlay). The publication contained a mass of complex financial information which needed designing and laying‑out clearly. For numerical data we used tabular lining numbers which makes numbers easier‑to‑read and align better vertically. We put the report title at the bottom of all pages in the footer, and the section title at the top of the left and right pages in the running heads, so if people photocopy or save‑out individual PDF pages, they will always know which publication the page has come from. We researched, selected and sourced dyslexia-friendly off‑white/cream paper.

Note

When we did research in 2005 into the typographic requirements of people with dyslexia, there was conflicting advice ranging from handwritten typefaces, to serif, to sans serif. Due to new research released in 2006, we would not use Helvetica again for people with dyslexia. Contact us for up‑to‑date in‑depth knowledge of designing for people with dyslexia.

3 main improvements for them

  • Built-in an acetate overlay feature on the last page of the annual report, which was a 1st in accessible dyslexia publication design.
  • Decreased layout and typographic usability errors and difficulties.
  • Improved typographic clarity and communication for people with dyslexia and people in general, making the publication perform better than last year’s publication design.

Details

Pages: 70Page size: A4: width 210mm × height 297mmPaper: Croxley Heritage Wove, ivory, 120g/m², 75% recycled.

They can read it better now
Infographic for the paper: Information on different types of people for graphic communication, website and information designers. Shows statistics for the following types of people: Children, 4–12 years old, Teenagers, 13–19 years old, General people, 20–45 years old, Older adults, 60 years old+, Dyslexia, Vision impairment, Colour blindness, Arthritis, Text and numerical literacy, Digital literacy, Education level, Prior experience (knowledge level), and Psychology

Client

Usability Geek.

Project title

Information on different categories of people for graphic communication, website and information designers.

Services

Academic and statistical research + Technical illustration + Typographic design + Information design.

Version

October 2021.

About the client

Usability and user experience blog providing practical and useful insights. The website has over 530 articles, 215 guest authors, and 120,000 monthly users.

Client’s needs

Here at User Design, Illustration and Typesetting, we wanted to raise awareness about different categories of people and their different setups and needs. We are not seeking to label people, but want to understand the needs of different categories of people.

Outline of what we did

We researched and read through many research and academic papers gaining statistical data, which was of most use for designers when designing graphic communication. The infographic we designed, shows the data in its most simplistic and quickest form. Pictogram illustrations were used to help relate the different categories of people to the statistical data. The infographic, statistics and paper are ideal to use with website accessibility statements, on social media and blogs.

Link to the paper

This infographic accompanies our paper called Information on different categories of people for graphic communication, website and information designers including free reusable infographic which was originally published on the Usability Geek website in February 2018, but can now be found on our Medium web area. It is freely reusable and copyright free. You can download the infographic as a PNG (an image which is good for emails or websites), PDF (which can be made any size, and allows high-quality printing) or HTML (online webpage).

Award longlist

  • Longlisted in the Kantar Information is Beautiful Awards 2018, in the visualisation and information design category. You can view our entry here.

3 main improvements for them

  • Increased designers’ awareness of the people they are designing for, and should consider including.
  • Increased accessibility considerations among designers and in design projects.
  • Designed a quickly accessible and simplified infographic to summarise key information from the full lengthy research.

Contribute

If you would like to suggest possible additions to the infographic, please do contact us.

Helped designers and users work better together

More about information design

Since the 1970s (Stiff, 2005) information design has been referred to using a range of different terminologies, like technical communication, user experience (Norman, 1993), document design (Schriver, 1997), clear language, to currently content design (GOV.UK, 2016). 2 definitions are:

‘Information design is about improving the design, usability and overall effectiveness of content put into form – of verbal and visual messages shaped to meet the needs of particular audiences’ (Information Design Journal).
‘Information designers create and manage the relationship between people and information so that the information is accessible and usable by people, and they provide evidence that the information is accessible and usable to an agreed high standard’ (David Sless, Communication Research Institute).

With any item being designed and communicated, we also understand that people need to: find, use and act appropriately on the information. Going 1 step further, people should be able to find quickly and easily at least 90% of what they are looking for. Then those 90%, should be able to appropriately use and act on (demonstrate they understand) 90% of what they find, giving a target performance level of 81% (90% × 90% = 81%) (Communication Research Institute).

An example of how a website design project can become an information design project

Rather than us working on just the aesthetic graphic communication design, or the technical backend coding which are both typical website design project tasks, information designers can do:

Clear language

Edit and rewrite text content, to make sure that it is clear and easy to understand, for as many people as possible. Improve grammar, use easier to understand words and expand abbreviations.

Accessibility for the frontend (what you see)

Improve colour contrast, typographic legibility, and add possible new access structures, like a search feature on a website, an index, or well designed sitemap.

Accessibility for the backend (website code)

If people with vision impairments use screenreader software, we can improve and better describe the website code and elements, so it reads it out in audio more accurately.

Usability

Make improvements, fixes and optimisations to the layout, graphics, text and interactive elements. Also reorder and relayout information for improved communication.

User testing and feedback

Find out if people can or cannot do what they need to, and do what you intend. Get feedback from users on your design and communication, and discover potential issues.

Psychology

How do users feel about your brand’s corporate identity and the tone of voice of your written content? Is your design cognitively demanding or very difficult to use?

User experience

For an online ordering website or ecommerce section, we could look at ways to see how many people exit the website and who do not order anything, even after they have created an account or got to the final stages of the checkout stage.

Use and utilise best communication design practice

We can follow academic research, how-to guides, articles from leading professionals, and expert books and manuals. Also integrate the latest academic research into design and communication.

Legal accessibility requirements

Public sector body websites, like health care services and public museums in the United Kingdom (GOV.UK, 2018), have to meet certain legal accessibility requirements. We can make sure you meet them and often even excel them!

3 results of information design by us

 1 Our information design service saves lives and prevents fatalities. Good information design increases product sales.

 2 Prevent furious users and customers, resulting in less calls to your telephone helpline and complaints to your support email address.

 3 Numerical data about how your intentions and design is actually working with people.

Make lives safer, better and easier

We would like to know more about your project

Contact us