Admin UI & JavaScript Modernisation Initiative introductions - - PowerPoint PPT Presentation

▶

Jan 18, 2023 14 likes •345 views

Admin UI & JavaScript Modernisation Initiative introductions Twelve months ago at DC Vienna Four months ago at Frontend United Our GUIDING PRINCIPLES Simplify Craft a redesigned, modern administrative experience for Drupal.

SLIDE 1

Admin UI & JavaScript Modernisation Initiative

SLIDE 2

introductions

SLIDE 3

Twelve months ago at DC Vienna…

SLIDE 4

… Four months ago at Frontend United…

SLIDE 5

Our GUIDING PRINCIPLES

SLIDE 6

Simplify

Craft a redesigned, modern administrative experience for Drupal.

SLIDE 7

Embrace

Embrace workflows, tools, and practices familiar to existing JavaScript developers, to make it easier for them to join the Drupal community.

SLIDE 8

WHAT WE’RE GONNA DO

SLIDE 9

UX and UI changes

SLIDE 10

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)

SLIDE 11

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

SLIDE 12

SLIDE 13

SLIDE 14

DESIGN SYSTEM

SLIDE 15

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

SLIDE 16

SLIDE 17

Prototype new features to improve user experience

SLIDE 18

SLIDE 19

Modern tools enable good UX

App State Local storage User visits Handed to Initialises Updates Saves

SLIDE 20

DOGFOOD the Api-first initiative

SLIDE 21

Create an alternative admin experience

SLIDE 22

SLIDE 23

SLIDE 24

SLIDE 25

SLIDE 26

Q&A

SLIDE 27

Is an Interface that works only with a plain Drupal installation useful for you?

SLIDE 28

How would your projects benefit from a Gutenberg like experience?

SLIDE 29

Would you prefer us to have tools for building an amazing admin UI over having extension points?

SLIDE 30

Sassy Scale

not sassy vvv sassy

SLIDE 31

How sassy would you be if you have to use node when installing modules.

SLIDE 32

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?

SLIDE 33

Get involved

https://github.com/jsdrupal #javascript in Drupal Slack