I would like to share some feature requests that have been made by content editors, digital marketers and project managers I have worked with on projects and ways that I have handled them. By sharing these experiences, my goal is to make us all more aware of the common requests and how we can better build Drupal 8 websites to delight these customers. Many of these have come from a project I worked on for a large global advertising company where the requirements for an easy user experience were a little more demanding than I usually receive and as a result have changed the way I consider users when building websites. By remembering and delivering these things we can all launch more successful websites. Areas I will cover are term and entity references widgets, paragraphs, help text, conditional fields, admin theme enhancements and handy contrib modules that will make everyone's lives easier. I have 10 years of Drupal experience and attended 25 Drupal camps/conferences. I've given 28 talks at Drupal events including the UK, Ireland, Belgium, Italy, Hungary, Czech Republic & Moldova. You can see the full list here https://www.chandeepkhosa.com/speaker

1. LISBON 2018
DRUPAL DEVELOPER DAYS
Delighting content editors with UX in Drupal 8
Chandeep Khosa

2. Diamond Sponsor

3. Platinum Sponsors

4. Gold Sponsors

5. This is a longer concept to be explained. Integer posuere
erat a ante venenatis dapibus posuere velit aliquet. Donec id
elit non mi porta gravida at eget metus.
Slide Title

6. @ChandeepKhosa

7. @ChandeepKhosa

8. @ChandeepKhosa
Who am I?
• Freelance Drupal Developer, Consultant & Trainer
• Drupal 8 core contributor
• Co-Organiser of London Drupal User Group
• Love delivering Drupal training
• Drupal meetup & camp addict

9. @ChandeepKhosa
Some of my clients

10. @ChandeepKhosa

11. @ChandeepKhosa
Seven theme

12. @ChandeepKhosa
Drupal 8 Admin Contrib Themes
• Not many options
• Often need more project specific customisation
• Don’t provide a great user experience on their own

13. @ChandeepKhosa

14. @ChandeepKhosa
Admin Toolbar

15. @ChandeepKhosa
Adminimal Admin Toolbar

16. @ChandeepKhosa

17. @ChandeepKhosa

18. @ChandeepKhosa

19. @ChandeepKhosa
Atomic Design

20. @ChandeepKhosa

21. @ChandeepKhosa

22. @ChandeepKhosa

23. @ChandeepKhosa

24. @ChandeepKhosa

25. @ChandeepKhosa

26. @ChandeepKhosa
Improvements with a big impact
• Listen to and ask users on what their field label and
content types should be named
• Include description text on content types
• Add help text

27. @ChandeepKhosa
Hide what you don’t need
• Hide fields that users don’t need to see with
field_permissions or conditional_fields modules
• Hide menu items that aren’t needed for each user
role

28. @ChandeepKhosa
Field Permissions

29. @ChandeepKhosa
Create Shortcut links
• Quick links for any common tasks they need to
perform

30. @ChandeepKhosa
Entity & Term
References
• We should try to find a way to hide the IDs in
brackets

31. @ChandeepKhosa
Conditional Fields

32. @ChandeepKhosa
Autocomplete Deluxe

33. @ChandeepKhosa
Autocomplete Deluxe

34. @ChandeepKhosa
Help text

35. @ChandeepKhosa
Inline Form Errors

36. @ChandeepKhosa
Creating `client custom sections`

37. @ChandeepKhosa
Classy Paragraphs

38. @ChandeepKhosa
Questions?
Let’s connect
hello@chandeepkhosa.com
www.chandeepkhosa.com

39. @ChandeepKhosa
Resources
• https://www.drupal.org/project/adminimal_theme
• https://www.drupal.org/project/adminimal_admin_too
lbar
• https://www.drupal.org/project/material_admin
• https://www.drupal.org/about/strategic-
initiatives/admin-ui-js
• http://bradfrost.com/blog/post/atomic-web-design/

40. @ChandeepKhosa
Resources• Getting closer to your customer: How Mass.gov is using Drupal
in the last mile
• http://design4drupal.org/sessions/uxproject-strategy/getting-
closer-your-customer-how-massgov-using-drupal-last-mile
• https://www.youtube.com/watch?v=vjOGlmztFjE&feature=you
tu.be
• https://www.drupal.org/project/field_permissions
• https://www.drupal.org/project/conditional_fields
• https://www.drupal.org/project/autocomplete_deluxe
• https://www.drupal.org/project/classy_paragraphs

41. @ChandeepKhosa
Let’s connect
hello@chandeepkhosa.com
www.chandeepkhosa.com