Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
www.drupaleurope.org
ACTENCY - Member of Alliance
Drupal + Technology
TRACK SUPPORTED BY
Nicolas Loye
CTO
@nicoloye
img
Hakim Rachidi
Architect & DevOps
@HakimRachidi
img
Nicolas Loye
Hakim Rachidi
Forms Steps
Drupal + Technology
d.o/project/forms_steps
Complex Forms, simple UI
“take advantag...
Forms Steps
What will we talk about ?
Multisteps
Forms
Users
Experience
Interfaces
Forms StepsContrib module
Drupal way
Mo...
Forms Steps
What will we not talk about ?
Kangaroos
The best solution for
multisteps form on Drupal
The last Star Wars mov...
A fundamental need
Multisteps forms in projects
Where are Forms ?
Forms Steps
Multisteps forms in projects
Everywhere
What are Forms ?
Forms Steps
Multisteps forms in projects
User interfaces
UI
User experience
UX
Nick Babich - UX Designer
A form is a conversation.
It should be represented by a logical communication
between two partie...
Forms Steps
Multisteps forms in projects
>
Forms Steps
Multisteps forms in projects
Short Form (5 fields)
13,4%
$31.24
Conversion Rate
Medium Form (7 fields)
12%
$34...
Forms Steps
Multisteps forms in projects
image
>
Forms Steps
Multisteps forms in projects
High motivation
No motivation
Motivators
Hard
to do
Easy
to doAbility
Triggers
Su...
Are less intimidating
Allow to significantly increase the number of fields
without negatively impacting user experience
Ke...
How would you handle it as a Drupal developer ?
The Drupal Way
https://digital.actency.fr/drupaleuropesession_2018_
drupal8-and-multisteps-forms
(link in description)
The whole presenta...
Nächste SlideShare
Wird geladen in …5
×

DRUPAL EUROPE SESSION 2018 - FORMS STEPS, COMPLEX FORMS, SIMPLE UI : DRUPAL 8 NATIVE FEATURES FOR YOUR MULTISTEPS FORMS

16 Aufrufe

Veröffentlicht am

Téléchargez cette présentation gratuitement sur : https://digital.actency.fr/drupaleuropesession_2018_drupal8-and-multisteps-forms

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

DRUPAL EUROPE SESSION 2018 - FORMS STEPS, COMPLEX FORMS, SIMPLE UI : DRUPAL 8 NATIVE FEATURES FOR YOUR MULTISTEPS FORMS

  1. 1. www.drupaleurope.org
  2. 2. ACTENCY - Member of Alliance
  3. 3. Drupal + Technology TRACK SUPPORTED BY
  4. 4. Nicolas Loye CTO @nicoloye img Hakim Rachidi Architect & DevOps @HakimRachidi img
  5. 5. Nicolas Loye Hakim Rachidi Forms Steps Drupal + Technology d.o/project/forms_steps Complex Forms, simple UI “take advantage of Drupal 8 native features for your multisteps forms”
  6. 6. Forms Steps What will we talk about ? Multisteps Forms Users Experience Interfaces Forms StepsContrib module Drupal way Motivation Conversion rate Workflows Concepts Behavior Real Projects Form Modes
  7. 7. Forms Steps What will we not talk about ? Kangaroos The best solution for multisteps form on Drupal The last Star Wars movie Beer Helicopters D&D last edition Cookies Half Life 3The Rock NicolasCage 3D printing Bitcoins
  8. 8. A fundamental need Multisteps forms in projects
  9. 9. Where are Forms ? Forms Steps Multisteps forms in projects Everywhere
  10. 10. What are Forms ? Forms Steps Multisteps forms in projects User interfaces UI User experience UX
  11. 11. Nick Babich - UX Designer A form is a conversation. It should be represented by a logical communication between two parties—user and your app. “ “
  12. 12. Forms Steps Multisteps forms in projects >
  13. 13. Forms Steps Multisteps forms in projects Short Form (5 fields) 13,4% $31.24 Conversion Rate Medium Form (7 fields) 12% $34.94 Long Form (9 fields) 10% $41.90Cost per Lead Marketo study https://marketingexperiments.com/lead-generation/lead-generation-testing-form-field-length-reduces-cost-per-lead-by-10-66
  14. 14. Forms Steps Multisteps forms in projects image >
  15. 15. Forms Steps Multisteps forms in projects High motivation No motivation Motivators Hard to do Easy to doAbility Triggers Succeed Here Fogg’s Behavior Model The more complex the form is, higher the motivation and ability must be to convert your user.
  16. 16. Are less intimidating Allow to significantly increase the number of fields without negatively impacting user experience Keep users’ motivation as they feel more reluctant to quit the session once started “Reduce friction”: users don’t know exactly how many questions they’ll be asked Increase conversion rates (up to more than 200% in some studies) Forms Steps Multisteps forms in projects Multisteps forms:
  17. 17. How would you handle it as a Drupal developer ? The Drupal Way
  18. 18. https://digital.actency.fr/drupaleuropesession_2018_ drupal8-and-multisteps-forms (link in description) The whole presentation on :

×