Designing Hantsweb

Sharing and recording our journey to a better Hantsweb

Category Archives: Design

The new Hantweb feature slider is here

We were looking for a great way to display related content that may be too long or large to be comfortably fitted onto a devices screen. We wanted this content to either be scrolled via a mouse or simply swiped into view should the user be on a touchscreen / mobile device.


Rethinking responsive navigation – a real world case study

A little case study describing revisions to the Hantsweb navigation.

December 29 2015

Design

Responsive Design User Interface (UI)


Card testing before you build

We’re starting to get pretty good at testing sites with users and service experts before they go live. We work closely with the contact centre, rope in staff from the services, and have even been known to assail passing strangers to ask them if they can work out how to report a drop kerb. The […]

Our cards for HR

December 3 2015

Design Research


Registration services

Work has been progressing over the last couple of months on rebuilding the registration service on Hantsweb. Here’s a current work in progress on the homepage: http://www3.hants.gov.uk/registration.htm This shows the common features of the template as applied to statutory content. In this case, registration services are also actively trying to promote Hampshire for weddings. We’re […]


Comics to communicate

I’ve been reading a bit recently about using comics to communicate ideas, processes, instructions – anything really. Here’s one I’ve put together as a simple example: http://www3.hants.gov.uk/wastepermits.htm It’s a little rough in parts, but is intentionally simple in order to communicate how the permits scheme works. It wouldn’t replace the more detailed content needed – […]


Indicating required and optional fields

Been looking at best practice for indicating required and optional fields in forms as we are very inconsistent. This article is very informative, with lots of research cited baymard.com/blog/required-optional-form-fields “During testing we frequently observe users having a laser-focus on the current field as they progress throughout the form – especially as they enter a new […]

December 16 2014

Design Research

HTML Ideas User Interface (UI)


A new theme for Hantsweb blogs

If you’ve been a regular reader of this blog (unlikely I know!), you might notice some changes around here now. That’s right – the blog has been given the Hantsweb treatment!

new theme

May 5 2014

Design Development

Releases


Stepped process visual indicators

A selection of concepts for indicating progress through a stepped/multipart process.

multipart

February 12 2014

Design Research

content types Ideas User Interface (UI)


Sketching into HTML

In this post, I want to share some of the sketches I’ve produced as part of the Hantsweb template project, and demonstrate how sketching can take us from concept to reality.

sketching

February 12 2014

Design

User Interface (UI)


Consultations

Examples of a revised layout for public consultations online.

consult

February 10 2014

Design Research

content strategy content types Ideas