![Page 1: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/1.jpg)
Admin UI & JavaScript Modernisation Initiative
![Page 2: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/2.jpg)
introductions
![Page 3: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/3.jpg)
Twelve months ago at DC Vienna…
![Page 4: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/4.jpg)
… Four months ago at Frontend United…
![Page 5: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/5.jpg)
Our GUIDING PRINCIPLES
![Page 6: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/6.jpg)
Simplify Craft a redesigned, modern administrative
experience for Drupal.
![Page 7: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/7.jpg)
EmbraceEmbrace workflows, tools, and practices familiar to existing
JavaScript developers, to make it easier for them to join
the Drupal community.
![Page 8: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/8.jpg)
WHAT WE’RE GONNA DO
![Page 9: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/9.jpg)
UX and UI changes
![Page 10: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/10.jpg)
USER TESTS SURVEY RESULTS
● Paradox between complex UI and flexibility
● Better media management
● Improvements in the WYSIWYG editor
● Understanding jargon & technical terminology
● More role-based configuration for content editors (menu)
![Page 11: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/11.jpg)
USER TESTS● Card Sorting
○ To find content editor main tasks & new menu?
● Wireframes tests and discussions○ Round 0 in Drupal Europe
● Comparative study 1○ To find patterns to implement
○ Round 1:
■ WordPress (with Gutenberg)
■ SquareSpace
■ Contentful
![Page 12: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/12.jpg)
![Page 13: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/13.jpg)
![Page 14: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/14.jpg)
DESIGN SYSTEM
![Page 15: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/15.jpg)
Seven refresh
● It could benefit our users as an intermediate step
● Not enough people in the initiative team to get this done
● We are waiting to see if more people get involved to help
get this done
![Page 16: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/16.jpg)
![Page 17: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/17.jpg)
Prototype new features to improve user experience
![Page 18: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/18.jpg)
![Page 19: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/19.jpg)
Modern tools enable good UX
AppStateLocal storageUser visits Handed to Initialises
UpdatesSaves
![Page 20: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/20.jpg)
DOGFOOD the Api-first initiative
![Page 21: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/21.jpg)
Create an alternative admin experience
![Page 22: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/22.jpg)
![Page 23: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/23.jpg)
![Page 24: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/24.jpg)
![Page 25: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/25.jpg)
![Page 26: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/26.jpg)
Q&A
![Page 27: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/27.jpg)
Is an Interface that works only with a plain Drupal installation useful for you?
![Page 28: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/28.jpg)
How would your projects benefit from a Gutenberg like experience?
![Page 29: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/29.jpg)
Would you prefer us to have tools for building an amazing admin UI over having extension points?
![Page 30: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/30.jpg)
Sassy Scale
not sassy
vvvsassy
![Page 31: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/31.jpg)
How sassy would you be if you have to use node when installing modules.
![Page 32: Modernisation Initiative Admin UI & JavaScript - Drupal Europe · the Drupal community. WHAT WE’RE GONNA DO. UX and UI changes. USER TESTS SURVEY RESULTS Paradox between complex](https://reader034.vdocuments.mx/reader034/viewer/2022042620/5f4530683bedf47940473211/html5/thumbnails/32.jpg)
Besides configuration forms, what kind of custom functionality have you built for the admin UI?
Would you be happy or sad to upgrade them to use React?
Do you believe you could benefit from using React and a more well defined component library?