SlideShare une entreprise Scribd logo
1  sur  25
Télécharger pour lire hors ligne
FORMS  ,[object Object],Danielle Swank Jim Fleming June 2011
developers are lazy
 
most forms are designed for databases and not people
 
people can find those same forms hard, scary, confusing and slow
 
there are other ways...
the case for intelligent forms
1. static forms  EXAMPLES login forms, email sign-ups WHEN TO USE all or most of the fields are required
example image 1 goes here
example image 2 goes here
2. ADAPTIVE forms  EXAMPLES product data, surveys, task lists WHEN TO USE complex discrete data, few required fields
example slide 5 goes here
example slide 3 goes here
example slide 4 goes here
3. Formless forms  EXAMPLES content management systems, blogs, addresses WHEN TO USE large amount of simple data, standardized formats
 
demo goes here
 
there are other ways.
people should not find forms hard, scary, confusing or slow
create forms for  people not databases
don’t be lazy
FORMS  ,[object Object],Danielle Swank Jim Fleming June 2011

Contenu connexe

En vedette

Paychex Small Business Snapshot: How Does the Election Impact Hiring and Wage...
Paychex Small Business Snapshot: How Does the Election Impact Hiring and Wage...Paychex Small Business Snapshot: How Does the Election Impact Hiring and Wage...
Paychex Small Business Snapshot: How Does the Election Impact Hiring and Wage...Paychex
 
EY Business Barometer - O viziune a creșterii - ediția de toamnă 2016
EY Business Barometer - O viziune a creșterii - ediția de toamnă 2016EY Business Barometer - O viziune a creșterii - ediția de toamnă 2016
EY Business Barometer - O viziune a creșterii - ediția de toamnă 2016Mihaela Matei
 
Microcredit and the culture of reciprocity
Microcredit and the culture of reciprocity Microcredit and the culture of reciprocity
Microcredit and the culture of reciprocity Africa2011
 
9 Field-Tested, No-Fail Strategies To Help You Succeed In Your Next Negotia...
9 Field-Tested, No-Fail Strategies  To Help You Succeed  In Your Next Negotia...9 Field-Tested, No-Fail Strategies  To Help You Succeed  In Your Next Negotia...
9 Field-Tested, No-Fail Strategies To Help You Succeed In Your Next Negotia...Christopher Voss
 
Understanding the EU Referendum through IRT
Understanding the EU Referendum through IRTUnderstanding the EU Referendum through IRT
Understanding the EU Referendum through IRTIpsos UK
 
Information Security Benchmarking 2016
Information Security Benchmarking 2016Information Security Benchmarking 2016
Information Security Benchmarking 2016Capgemini
 
How branding effects conversions & what that means for CROs
How branding effects conversions & what that means for CROsHow branding effects conversions & what that means for CROs
How branding effects conversions & what that means for CROsWil Reynolds
 
Hays Journal 11
Hays Journal 11Hays Journal 11
Hays Journal 11Hays
 
Работает ли мой контент? Основы аналитики контентого маркетинга.
Работает ли мой контент? Основы аналитики контентого маркетинга.Работает ли мой контент? Основы аналитики контентого маркетинга.
Работает ли мой контент? Основы аналитики контентого маркетинга.Nimax
 
บทที่ 2 การฟัง
บทที่ 2 การฟังบทที่ 2 การฟัง
บทที่ 2 การฟังAj.Mallika Phongphaew
 

En vedette (11)

Paychex Small Business Snapshot: How Does the Election Impact Hiring and Wage...
Paychex Small Business Snapshot: How Does the Election Impact Hiring and Wage...Paychex Small Business Snapshot: How Does the Election Impact Hiring and Wage...
Paychex Small Business Snapshot: How Does the Election Impact Hiring and Wage...
 
EY Business Barometer - O viziune a creșterii - ediția de toamnă 2016
EY Business Barometer - O viziune a creșterii - ediția de toamnă 2016EY Business Barometer - O viziune a creșterii - ediția de toamnă 2016
EY Business Barometer - O viziune a creșterii - ediția de toamnă 2016
 
Microcredit and the culture of reciprocity
Microcredit and the culture of reciprocity Microcredit and the culture of reciprocity
Microcredit and the culture of reciprocity
 
9 Field-Tested, No-Fail Strategies To Help You Succeed In Your Next Negotia...
9 Field-Tested, No-Fail Strategies  To Help You Succeed  In Your Next Negotia...9 Field-Tested, No-Fail Strategies  To Help You Succeed  In Your Next Negotia...
9 Field-Tested, No-Fail Strategies To Help You Succeed In Your Next Negotia...
 
Understanding the EU Referendum through IRT
Understanding the EU Referendum through IRTUnderstanding the EU Referendum through IRT
Understanding the EU Referendum through IRT
 
Information Security Benchmarking 2016
Information Security Benchmarking 2016Information Security Benchmarking 2016
Information Security Benchmarking 2016
 
How branding effects conversions & what that means for CROs
How branding effects conversions & what that means for CROsHow branding effects conversions & what that means for CROs
How branding effects conversions & what that means for CROs
 
Hays Journal 11
Hays Journal 11Hays Journal 11
Hays Journal 11
 
Работает ли мой контент? Основы аналитики контентого маркетинга.
Работает ли мой контент? Основы аналитики контентого маркетинга.Работает ли мой контент? Основы аналитики контентого маркетинга.
Работает ли мой контент? Основы аналитики контентого маркетинга.
 
Web Marketing Master
Web Marketing MasterWeb Marketing Master
Web Marketing Master
 
บทที่ 2 การฟัง
บทที่ 2 การฟังบทที่ 2 การฟัง
บทที่ 2 การฟัง
 

Similaire à Forms : a UX manifesto

Data Collection in Qualitative Research
Data Collection in Qualitative ResearchData Collection in Qualitative Research
Data Collection in Qualitative ResearchLadie Ballesteros
 
[Content_Types].xml_rels.relspptslides_relsslide5.xm.docx
[Content_Types].xml_rels.relspptslides_relsslide5.xm.docx[Content_Types].xml_rels.relspptslides_relsslide5.xm.docx
[Content_Types].xml_rels.relspptslides_relsslide5.xm.docxlynnalix61619
 
Career Center Resume 101 Workshop
Career Center Resume 101 WorkshopCareer Center Resume 101 Workshop
Career Center Resume 101 WorkshopPage Tisdale
 
1. The birth of the internet brief discussion2. Early Internet b.docx
1. The birth of the internet brief discussion2. Early Internet b.docx1. The birth of the internet brief discussion2. Early Internet b.docx
1. The birth of the internet brief discussion2. Early Internet b.docxpaynetawnya
 

Similaire à Forms : a UX manifesto (6)

Data Collection in Qualitative Research
Data Collection in Qualitative ResearchData Collection in Qualitative Research
Data Collection in Qualitative Research
 
[Content_Types].xml_rels.relspptslides_relsslide5.xm.docx
[Content_Types].xml_rels.relspptslides_relsslide5.xm.docx[Content_Types].xml_rels.relspptslides_relsslide5.xm.docx
[Content_Types].xml_rels.relspptslides_relsslide5.xm.docx
 
Career Center Resume 101 Workshop
Career Center Resume 101 WorkshopCareer Center Resume 101 Workshop
Career Center Resume 101 Workshop
 
1. The birth of the internet brief discussion2. Early Internet b.docx
1. The birth of the internet brief discussion2. Early Internet b.docx1. The birth of the internet brief discussion2. Early Internet b.docx
1. The birth of the internet brief discussion2. Early Internet b.docx
 
Tutoria 1 fund 2
Tutoria 1 fund 2Tutoria 1 fund 2
Tutoria 1 fund 2
 
dos and donts.ppt
dos and donts.pptdos and donts.ppt
dos and donts.ppt
 

Dernier

Michael Vidyakin: Introduction to PMO (UA)
Michael Vidyakin: Introduction to PMO (UA)Michael Vidyakin: Introduction to PMO (UA)
Michael Vidyakin: Introduction to PMO (UA)Lviv Startup Club
 
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for Business
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for BusinessQ2 2024 APCO Geopolitical Radar - The Global Operating Environment for Business
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for BusinessAPCO
 
Anyhr.io | Presentation HR&Recruiting agency
Anyhr.io | Presentation HR&Recruiting agencyAnyhr.io | Presentation HR&Recruiting agency
Anyhr.io | Presentation HR&Recruiting agencyHanna Klim
 
Slicing Work on Business Agility Meetup Berlin
Slicing Work on Business Agility Meetup BerlinSlicing Work on Business Agility Meetup Berlin
Slicing Work on Business Agility Meetup BerlinAnton Skornyakov
 
Plano de marketing- inglês em formato ppt
Plano de marketing- inglês  em formato pptPlano de marketing- inglês  em formato ppt
Plano de marketing- inglês em formato pptElizangelaSoaresdaCo
 
AMAZON SELLER VIRTUAL ASSISTANT PRODUCT RESEARCH .pdf
AMAZON SELLER VIRTUAL ASSISTANT PRODUCT RESEARCH .pdfAMAZON SELLER VIRTUAL ASSISTANT PRODUCT RESEARCH .pdf
AMAZON SELLER VIRTUAL ASSISTANT PRODUCT RESEARCH .pdfJohnCarloValencia4
 
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
 Building Your Personal Brand on LinkedIn - Expert Planet-  2024 Building Your Personal Brand on LinkedIn - Expert Planet-  2024
Building Your Personal Brand on LinkedIn - Expert Planet- 2024Stephan Koning
 
Ethical stalking by Mark Williams. UpliftLive 2024
Ethical stalking by Mark Williams. UpliftLive 2024Ethical stalking by Mark Williams. UpliftLive 2024
Ethical stalking by Mark Williams. UpliftLive 2024Winbusinessin
 
Live-Streaming in the Music Industry Webinar
Live-Streaming in the Music Industry WebinarLive-Streaming in the Music Industry Webinar
Live-Streaming in the Music Industry WebinarNathanielSchmuck
 
Intellectual Property Licensing Examples
Intellectual Property Licensing ExamplesIntellectual Property Licensing Examples
Intellectual Property Licensing Examplesamberjiles31
 
Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024Borderless Access
 
Mihir Menda - Member of Supervisory Board at RMZ
Mihir Menda - Member of Supervisory Board at RMZMihir Menda - Member of Supervisory Board at RMZ
Mihir Menda - Member of Supervisory Board at RMZKanakChauhan5
 
Developing Coaching Skills: Mine, Yours, Ours
Developing Coaching Skills: Mine, Yours, OursDeveloping Coaching Skills: Mine, Yours, Ours
Developing Coaching Skills: Mine, Yours, OursKaiNexus
 
Project Brief & Information Architecture Report
Project Brief & Information Architecture ReportProject Brief & Information Architecture Report
Project Brief & Information Architecture Reportamberjiles31
 
HELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptx
HELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptxHELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptx
HELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptxHelene Heckrotte
 
MC Heights construction company in Jhang
MC Heights construction company in JhangMC Heights construction company in Jhang
MC Heights construction company in Jhangmcgroupjeya
 
IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...
IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...
IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...AustraliaChapterIIBA
 
A flour, rice and Suji company in Jhang.
A flour, rice and Suji company in Jhang.A flour, rice and Suji company in Jhang.
A flour, rice and Suji company in Jhang.mcshagufta46
 
PDT 89 - $1.4M - Seed - Plantee Innovations.pdf
PDT 89 - $1.4M - Seed - Plantee Innovations.pdfPDT 89 - $1.4M - Seed - Plantee Innovations.pdf
PDT 89 - $1.4M - Seed - Plantee Innovations.pdfHajeJanKamps
 

Dernier (20)

Michael Vidyakin: Introduction to PMO (UA)
Michael Vidyakin: Introduction to PMO (UA)Michael Vidyakin: Introduction to PMO (UA)
Michael Vidyakin: Introduction to PMO (UA)
 
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for Business
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for BusinessQ2 2024 APCO Geopolitical Radar - The Global Operating Environment for Business
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for Business
 
Anyhr.io | Presentation HR&Recruiting agency
Anyhr.io | Presentation HR&Recruiting agencyAnyhr.io | Presentation HR&Recruiting agency
Anyhr.io | Presentation HR&Recruiting agency
 
Slicing Work on Business Agility Meetup Berlin
Slicing Work on Business Agility Meetup BerlinSlicing Work on Business Agility Meetup Berlin
Slicing Work on Business Agility Meetup Berlin
 
Plano de marketing- inglês em formato ppt
Plano de marketing- inglês  em formato pptPlano de marketing- inglês  em formato ppt
Plano de marketing- inglês em formato ppt
 
AMAZON SELLER VIRTUAL ASSISTANT PRODUCT RESEARCH .pdf
AMAZON SELLER VIRTUAL ASSISTANT PRODUCT RESEARCH .pdfAMAZON SELLER VIRTUAL ASSISTANT PRODUCT RESEARCH .pdf
AMAZON SELLER VIRTUAL ASSISTANT PRODUCT RESEARCH .pdf
 
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
 Building Your Personal Brand on LinkedIn - Expert Planet-  2024 Building Your Personal Brand on LinkedIn - Expert Planet-  2024
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
 
Ethical stalking by Mark Williams. UpliftLive 2024
Ethical stalking by Mark Williams. UpliftLive 2024Ethical stalking by Mark Williams. UpliftLive 2024
Ethical stalking by Mark Williams. UpliftLive 2024
 
Live-Streaming in the Music Industry Webinar
Live-Streaming in the Music Industry WebinarLive-Streaming in the Music Industry Webinar
Live-Streaming in the Music Industry Webinar
 
Intellectual Property Licensing Examples
Intellectual Property Licensing ExamplesIntellectual Property Licensing Examples
Intellectual Property Licensing Examples
 
Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024
 
Mihir Menda - Member of Supervisory Board at RMZ
Mihir Menda - Member of Supervisory Board at RMZMihir Menda - Member of Supervisory Board at RMZ
Mihir Menda - Member of Supervisory Board at RMZ
 
Developing Coaching Skills: Mine, Yours, Ours
Developing Coaching Skills: Mine, Yours, OursDeveloping Coaching Skills: Mine, Yours, Ours
Developing Coaching Skills: Mine, Yours, Ours
 
Project Brief & Information Architecture Report
Project Brief & Information Architecture ReportProject Brief & Information Architecture Report
Project Brief & Information Architecture Report
 
WAM Corporate Presentation Mar 25 2024.pdf
WAM Corporate Presentation Mar 25 2024.pdfWAM Corporate Presentation Mar 25 2024.pdf
WAM Corporate Presentation Mar 25 2024.pdf
 
HELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptx
HELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptxHELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptx
HELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptx
 
MC Heights construction company in Jhang
MC Heights construction company in JhangMC Heights construction company in Jhang
MC Heights construction company in Jhang
 
IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...
IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...
IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...
 
A flour, rice and Suji company in Jhang.
A flour, rice and Suji company in Jhang.A flour, rice and Suji company in Jhang.
A flour, rice and Suji company in Jhang.
 
PDT 89 - $1.4M - Seed - Plantee Innovations.pdf
PDT 89 - $1.4M - Seed - Plantee Innovations.pdfPDT 89 - $1.4M - Seed - Plantee Innovations.pdf
PDT 89 - $1.4M - Seed - Plantee Innovations.pdf
 

Forms : a UX manifesto

Notes de l'éditeur

  1. we like to use frameworks paticurlay frameworks with automatic code generation (symphony, rails, cake) when is the last time you started compleatly from scratch on a project? go back and question first principles why do forms look like this?
  2. most forms push the responsability of data standardization into the user. many developers first database is some type of SQL database. and the forms that they use reflect this. one field maps one cell.
  3. you might as well, just give them a spreadsheet, it’s faster for them.
  4. What are some of the other problems with forms?
  5. This is a modern CMS It’s gotten rave reviews for it’s usability. I think it stinks. Too many fields The field names are esoteric for many users There is a lot of unnessicary fields You have to scroll down (a lot) to save
  6. What if... people had freedom, mobility, and flexability in the way that they interacted with the data. What if we made forms that worked the way people do? If your users find it easier to work in word or excel first, then you should work with your users. the form should fit the task.
  7. We think there are 3 different types of form patterns, static, adaptive, and formless. If we fit the form to the function here are some potential benifits: Increased user adpotion decreased user effort copy paste abilities back and forth with desktop applications form auto fill could potentially work better no unnessicary fields
  8. Static forms, such as logins or sign-ups, should typically be simple forms with most of the fields required. Its often best if they request as little information as necessary to avoid intimidating the user. Login forms are familiar and there isn't a lot of room for experimentation without scaring users with security concerns. Most email signups are pretty basic and often don't require more than an email address – static forms are appropriate here Examples...
  9. Easy Lower entry barrier Conversions Adoption rate
  10. Simple Requests the minimal data Only what's necessary to perform its function
  11. Adaptive forms, or dynamic forms, can be user-altered to expound on an set of initial form fields. This reduces the initial complexity of the form while allowing it to be expanded to fit the users needs. Adaptive forms work well when there are only a few required fields but potentially infinite optional fields. Examples...
  12. Fast : Can use only the keyboard Loads/saves in the background vs. Basecamp... : Several clicks Requires waiting for saving with each new task
  13. Fkexible Scales in complexity You can build just a top level navigation ...Or scale it 10 levels deep
  14. More complex use case : Uses a form to build a form But same principle – start with the minimum and build up as necessary
  15. Formless forms are freeform fields that allow users to enter arbitrary data; the data is then parsed afterwards in a save action for metadata. For instance, if someone writing a blog article, instead of having separate fields for title, author, date and body it feels more familiar and organic if it was just a single field, similar to MS Word or QuietWrite. These are great because they allow copying+pasting data easily, speeding up data entry in some use cases. They also don't impose any kinda of explicit structure on the user and allow them to be more creative and focus less on form fields and more on their content. Most abstract of the three “form” types.
  16. Here's an anti-pattern Unnecessary complexity Lots of eye movement, not very linear
  17. Another anti-pattern More unnecessary complexity It's better but could still be improved THE DEMO IS NEXT