Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add how to find an address #341

Open
kelliedesigner opened this issue Oct 2, 2018 · 4 comments

Comments

1 participant
@kelliedesigner
Copy link
Contributor

commented Oct 2, 2018

As a user of the Design System
I want to know how to provide the ability to find an address
So that there's consistency across products

Description

  • Also know as address lookup, postcode lookup, address finder
  • Help users find an address from a postcode and, optionally, a street number.

Links and resources

Acceptance Criteria

  • Provide research and guidance on how to provide the ability to find an address
@kelliedesigner

This comment has been minimized.

Copy link
Contributor Author

commented Oct 2, 2018

Home Office
Design system pattern
Github issue

screen shot 2018-10-02 at 11 39 23

include the option of adding the address manually on the first step (instead of the second step if the postcode isn't found)
We found this to be a common issue with lots of new builds in landlord checking services

@kelliedesigner

This comment has been minimized.

Copy link
Contributor Author

commented Oct 2, 2018

Gov.uk
Design system pattern

screen-shot-2018-10-02-at-11 43 37

Use this component when you’re asking users for a UK address

When using this component, you should:
provide the ability to enter an address manually
allow postcodes to be in upper or lower case and with or without spaces

@jeddy3 jeddy3 changed the title How to find an address Add how to find an address Oct 9, 2018

@jeddy3 jeddy3 added this to Backlog in Board Jan 18, 2019

@kelliedesigner

This comment has been minimized.

Copy link
Contributor Author

commented Jan 24, 2019

Key findings from: Why You Should Use a Text Area for Address Form Fields

  • Users come to a confusing stop when they encounter the “address line 2” field
  • The second address field also caused them to incorrectly split their input in the first address field
  • The second address field forces the user to type their address in the system’s preferred format, not the user’s
  • By using a single text area instead of two text fields, you’ll help users fill out the address field quicker

address-fields-comparison

@kelliedesigner kelliedesigner removed this from Backlog in Board Feb 21, 2019

@kelliedesigner kelliedesigner added this to Backlog in Board via automation May 13, 2019

@kelliedesigner kelliedesigner self-assigned this May 13, 2019

@kelliedesigner kelliedesigner moved this from Backlog to In progress in Board May 20, 2019

@kelliedesigner kelliedesigner moved this from In progress to Backlog in Board Jun 10, 2019

@kelliedesigner

This comment has been minimized.

Copy link
Contributor Author

commented Jun 10, 2019

A first iteration of this pattern has been published: https://design-system.barnardos.org.uk/patterns/gathering-information/#addresses

However more work is required to add detailed example implementations of each option, and to improve styling, for example the large spacing between the Postcode input and submit button on Address lookup may mean a bespoke component is required

@kelliedesigner kelliedesigner removed their assignment Jun 10, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.