Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Let's have a lovely chat about forms: @cjforms at WWCLondon 2014

3,755 views

Published on

Working on forms gives you the opportunity to get involved in process design, service design, interaction design, improved content - and have fun. At the Women Who Code event on 14th October 2014, we chatted about forms in general and then enjoyed doing some forms studios on two forms.

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

Published in: Design
  • Be the first to comment

Let's have a lovely chat about forms: @cjforms at WWCLondon 2014

  1. 1. Let’s have a lovely chat about forms WWC October 2014 Caroline Jarrett @cjforms
  2. 2. 2 In honour of Ada Lovelace day: Four people with inspiring ideas about forms
  3. 3. 3
  4. 4. 4 “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 …
  5. 5. 5 Interaction Design Content Strategy and Plain Language Asks questions and expects answers Looks like a form and works like a form Service Design and Process Design Allows someone to achieve a goal
  6. 6. 6 Users’ goals (and business ones) Allows someone to achieve a goal Asks questions and expects answers The questions you ask The answers you need Looks like a form and works like a form Where you put the pixels
  7. 7. A great form works well across all three layers Appearance Conversation Relationship GLoovaellsy aancdh ileevgeibdle. Simple interaction Easy to understand and Goals answer achieved Goals achieved 7 Schema from “Forms that work: Designing web forms for usability”, Jarrett and Gaffney (2008) www.formsthatwork.com
  8. 8. 8 Four people with inspiring ideas about forms
  9. 9. 9 Jessica Enders, forms and survey expert • Follow her @Formulate • Find her articles at: http://formulate.com.au/
  10. 10. 10 Karen Schriver, information designer • Follow her @firstwren • “Information design is a process of orchestrating content visually and verbally, making the structure salient to people who engage with it.”
  11. 11. 11 Kathryn Summers, low literacy expert • Follow her @SummersKathryn • Co-author, “Design to Read” in “Rhetorical AccessAbility” (2013) edited by Lisa Meloncon • Shorter version in User Experience magazine, linked from http://www.designtoread.com
  12. 12. 12 Ginny Redish, writing and usability expert • Follow her @GinnyRedish • Even if you already have the first edition of “Letting go of the words”, buy the 2nd edition
  13. 13. 13 How to look at a form 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
  14. 14. 14 Now you try it: ‘Get a quote’ on http://systango.com/ 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
  15. 15. 15 Some resources for forms design • “Forms that work”: http://www.formsthatwork.com • Columns on Uxmatters.com: – Don’t Put Hints Inside Text Boxes in Web Forms http://www.uxmatters.com/mt/archives/2010/03/dont-put-hints-inside-text-boxes- in-web-forms.php – Don’t Put Labels Inside Text Boxes (Unless You’re Luke W) http://www.uxmatters.com/mt/archives/2013/02/dont-put-labels-inside-text- boxes-unless-youre-luke-w.php – The Question Protocol: How to Make Sure Every Form Field Is Necessary http://www.uxmatters.com/mt/archives/2010/06/the-question-protocol-how- to-make-sure-every-form-field-is-necessary.php – Eye Tracking of Forms and Surveys http://www.uxmatters.com/mt/archives/2014/09/eye-tracking-in-user-experience- design.php
  16. 16. 16 More tips http://www.slideshare.net/cjforms
  17. 17. 17 Caroline Jarrett twitter @cjforms caroline.jarrett@effortmark.co.uk www.effortmark.co.uk

×