1. Caroline Jarrett @cjforms Forms studio

2. 2 It’s easy to say which page is the form

3. 3 “service” “transaction” Allows someone to achieve a goal Asks questions and expects answers Looks like a form and works like a form It’s a form if it …

4. 4 Content Strategy and Plain Language Asks questions and expects answers Interaction Design Looks like a form and works like a form Service Design and Process Design Allows someone to achieve a goal

5. 5 Users’ goals (and business ones) Allows someone to achieve a goal Asks questions and expects answers The answers you need The questions you ask Looks like a form and works like a form Where you put the pixels

6. 6 Schema from “Forms that work: Designing web forms for usability”, Jarrett and Gaffney (2008) www.formsthatwork.com Relationship Conversation Goals achieved Easy to understand and answer Goals achieved Lovely and legible. Simple interaction Appearance A great form works well across all three layers

7. 7 How to look at a form

8. Step 1 8 Don’t look at it yet

9. Step 2 9 Choose a persona Write the story of why that persona is filling in the form

10. Step 3 10 Fill in the form as that persona, as honestly as you can

11. Step 4 11 Now look at it How did it work across the three layers? Appearance Conversation Relationship

12. 12 1.Don’t look at it. 2.Choose a persona and write the story of why that persona is filling in this form. 3.Fill in the form as that persona, as honestly as you can. 4.Now look at it. How did it work across the three layers? Appearance Conversation Relationship How to look at a form

13. 13 For design patterns and GOV.UK elements, search for: “service manual design patterns” Or go to https://designpatterns.hackpad.com https://designpatterns.hackpad.com “Forms that work”: http://www.formsthatwork.comhttp://www.formsthatwork.com My blog: http://www.effortmark.co.uk/bloghttp://www.effortmark.co.uk/blog Some resources for forms design

14. 14 More slides http://www.slideshare.net/cjforms

15. 15 twitter @cjforms caroline.jarrett@effortmark.co.uk caroline.jarrett@effortmark.co.uk www.effortmark.co.uk Caroline Jarrett