WCUS contribution day exercise: keep, set on fire, add

At WCUS contributors to the design team got together for a short interactive session of things within WordPress they wanted to keep, set on fire or add. Some interesting points came up so worth taking out of the workshop setting and writing up for everyone.

Note: these are not one opinion, they are the thoughts of everyone at the workshop.

❤️ Keep

  • Menus.
  • CustomizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings..
  • The installation process.
  • Multiple ways of getting to different parameters.
  • New wordpress.comWordPress.com An online implementation of WordPress code that lets you immediately access a new WordPress environment to publish your content. WordPress.com is a private company owned by Automattic that hosts the largest multisite in the world. This is arguably the best place to start blogging if you have never touched WordPress before. https://wordpress.com/ logo.
  • Themes.
  • BlockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. plugins.
  • GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ * 2 votes.
  • Blocks * 3 votes.
  • Divi.
  • Add pages in navigation.
  • Amazing people.

🔥Set on fire

  • Page on front.
  • The current user-facing menu builder.
  • 10, 000, 000 metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. boxes
  • Interface inconsistency.
  • When WordPress breaks.
  • Static list tables.
  • Split UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing./ Blocks vs dash.
  • The automatic blogger style.
  • 2 color WordPress logo.
  • Widgets and WidgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. Areas (in their current form).
  • Clutter on dashboard.
  • Widgets.
  • Comments (native).
  • Vulnerable themes/plugins.
  • Older packaged themes.

➕ Add

  • WordPress.com home page. Add real people.
  • Domain search.
  • Designed for mobile.
  • Ease of creating unique layout transitions.
  • WordPress first context collaboration.
  • Blocks everywhere!
  • Cleaner media organization.
  • Design system for admin / plugins.
  • Direct manipulation.
  • Context editing.
  • Other shapes.
  • Static output and disconnect from database.
  • Better onboarding.
  • PWA (Progressive Web Apps).
  • An actual media manager with file replacement and better media managing.
  • Color palette.
  • Visual page template creation / selection.

So, what would you keep, set on fire or add?

#wcus #contribution-day #workshop

WordCamp US 2018 design contribution day summary

Last weekend at WCUS the design team ran a workshop based session. The focus was around blocks. @joshuawold was co-lead with myself leading and @melchoyce, @kjellr, @lessbloat also took groups to work with.

The day was loosely planned out as:

  • Introduction
  • Sketch yourself on post-it and share.
  • Get everyone on SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/..
  • Interactive session: ‘Keep, set on Fire and Add’. Pick up to 3 things for each section within WordPress.
  • Information about what the design team does shared in Slack.
  • “Thinking in blocks”: pick up to 3 existing sites and break into blocks. Add to InVision.
  • BlockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. focus”: pick a block to begin designing from ones identified before.
  • Choose your own adventure: after lunch we had a few options that people could do. Votes ended up falling on 2 options:
    • Triage: run in Slack for an hour to show how it happens, thank you to those that joined remote.
    • Continue designing blocks and thinking about them.

Follow along

During the day everyone’s work was put into various InVision boards and Figma:

You can also follow along the Slack archive of the day as lots of great discussion took place.

@joshuawold has a post coming up about the navigation block work done and there will also be one on the ‘Keep, set on Fire and Add’ session.

#contribution-day #wcus