• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Lets Talk About Forms (Barcamp Perth 2010)
 

Lets Talk About Forms (Barcamp Perth 2010)

on

  • 1,199 views

Updated version of my talk introducing two models for good form design: 4 Cs and 4 layers. Key difference is last "C" has been changed from Contextual to Cooperative.

Updated version of my talk introducing two models for good form design: 4 Cs and 4 layers. Key difference is last "C" has been changed from Contextual to Cooperative.

Statistics

Views

Total Views
1,199
Views on SlideShare
1,193
Embed Views
6

Actions

Likes
3
Downloads
0
Comments
0

3 Embeds 6

http://www.slideshare.net 4
http://www.linkedin.com 1
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Lets Talk About Forms (Barcamp Perth 2010) Lets Talk About Forms (Barcamp Perth 2010) Presentation Transcript

    • Let’s talk about forms! Barcamp Perth 2010
    • Confusing Long Burdensome Broken
    • Confusing Clear Long Concise Burdensome Clever Broken Co-operative
    • Clear The form-filler understanding …with minimal effort …what to do with the form …as the designer intended
    • Concise Gathering the required information in the most efficient way possible It is not necessarily about being as short as possible (questions, pages or screens)
    • Clever Reduce the workload and prevent errors: •  Make use of existing data •  Utilise sequencing •  Do calculations •  Enforce limits •  Validate
    • Co-operative Work with the user: •  Manage expectations •  Match the user’s mental model •  Provide definitions and explicit boundaries •  Give background and explanations •  Confirm before submission, and allow modification •  Be bug free, stable, consistent and flexible •  Don’t frustrate!
    • Clear ✩ 4Cs of good Concise ✩ form Clever ✩ design Co-operative ✩
    • The question Instruction The answer choices
    • Join up Checkout method Join Booklovers Express checkout Use existing account Sign in Billing details Delivery method Gift wrap Confirm details Payment
    • Header Progress indicator Left-aligned fields Action button
    • Designer Stakeholder Processing Data user Self complete Order over using computer Order in-person the phone
    • Q&A Flow 4 layers of a form Layout Process
    • Clear ✩ 4 Cs of a good Concise ✩ form Clever ✩ design Co-operative ✩
    • Q&A Clear ✩ Flow Concise ✩ Layout Clever ✩ Process Co-operative ✩
    • 4 layers of a 4 Cs of good form form design Q&A Clear Flow Concise Layout Clever Process Co-operative
    • Questions & Comments? formulate.com.au jessica@formulate.com.au @Formulate on Twitter