OUR WORK LIVESTOCK INFORMATION

The Livestock Information Programme (LIP) has been set up to deliver the Livestock Information Service (LIS), providing world-leading standards of livestock traceability in England.

Web Farm Media are helping Livestock deliver the User Experience.

Livestock Information

ABOUT PROJECT

Livestock Information selected Web Farm Media to help design the User Experience of the Livestock Information Service, an animal traceability application which is a new Government Service (Defra).

OUR WORK WEBSITE

PROJECT INTRODUCTION



Livestock Information aims to offer quicker and more convenient recording of animal movements as well as supporting innovative solutions that improve trade, productivity, animal health and welfare.

THE PROBLEM - PAPER TO DIGITAL

The existing animal traceability services cover cattle, pigs, sheep, goats and farmed deer and these are independent systems, designed on different platforms and have different levels of technology.

Much of that technology was out of date and some systems use a paper based process, which needed to be moved to a digital system.

Livestock Information wanted to collect data on these species in one system, creating a user interface that was straight forward, allowing users of all abilities to use the system.

THE USERS AND AUDIENCES

Primary service users using the systems to provide livestock data:

  • Farmers and Keepers
  • Farm Agents
  • Markets
  • Abattoirs
  • Third Party Software Providers
  • Bureau Services Staff (BCMS, AHDB, Capita)

PROJECT APPROACH

We worked with Livestock users, product owners and user researchers to gather requirements for the new Livestock Information Service. This comprised of stakeholder workshops, online MIRO board sessions, as well as gathering internal industry knowledge from Livestock staff.

THE PROJECT TEAM

Web Farm Media worked alongside a team consisting of:

  • Product Owners
  • Scrum Master
  • UX/UI Designer (that’s us)
  • User Researcher
  • 3 React Developers
  • Testers

ANALYSIS

Part of the analysis process was to work closely with user researchers and stakeholders to gather relevant information. In particular this was where user scenarios and user personas were created of the people who would be using the new systems. The user personas included the following information:

  • User Profile
  • Behaviours
  • Needs
  • Pain Points
  • Motivation

USER RESEARCH

Taking part in user research and stakeholder workshops, we spoke to keepers, markets and abattoirs in Devon, Somerset, Cornwall, Lincolnshire, Lancashire, Derbyshire, North & South Yorkshire, Northumberland and Cumbria.

We asked them about their experiences (good and bad) of the current services that support livestock registration and movement notifications which are critical to disease control and outbreak response.

DESIGN

  • Workflows
  • Wireframes
  • Prototypes
  • User Testing
  • Designs

After gathering information on Livestock’s Users and understanding who they are, their motivations, their needs, and their behaviours, this allowed us to create effective user flows and maps.

Taking a user centred design approach, we provided low and high fidelity wireframes and prototypes, to ensure the application met the needs of the users.

STYLEGUIDE

Web Farm Media produced a design library and created reusable style sheets to support ongoing development across the service to ensure a consistent look, feel and experience for the users.

Livestock Example Site Map

MOCKUPS & WIREFRAMES

Livestock found that our wireframes were extremely helpful in the initial stages of the product design process. They really helped the product owners and stakeholders visualise the structure of individual screens and understand how related screens work together from a user perspective.

Below is an example for part of the user flow for Tagging Animals. These show very early sketches, rough wireframe and then the high fidelity wireframes for part of the flow.

SKETCHES AND MOCKUPS

Livestock Tagging Applications
Livestock Tagging Applications

HIGH FIDELITY

We produced high fidelity wireframes to validate complex interactions during user testing. These wireframes provided test users with a realistic representation of what the product will look and feel like, as well as how it will respond to them.

INTERACTIVE PROTOTYPES

Building Interactive prototypes were helpful when we were trying to pitch an idea and explain design details to product owners and developers. We also used these to conduct usability sessions to validate the application design, this helped us work out the user pain points and improve the overall usability of the system.

Interactive Prototype
Interactive Prototype
Interactive Prototype