WordCamp Tokyo 2019 – Keep, Burn & Add exercise

At WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. Tokyo 2019 we followed last year’s exercise from WCUS and ran a Keep / Burn / Add workshop interactive activity. The idea is to explore from a high-level perspective where WordPress is going for that part of the community and how it could be improved.

Note: these are individual opinions, and as such, it should be considered as first-level research to be read and interpreted, not as an absolute list.

Attendees

❤️ Keep

  • 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/: drag & drop blocks
  • Appearance ⇒ Customize: Live preview
  • Automated SEO
  • CMS allows posting articles without deep knowledge.
  • Autosave feature (version-revision and auto-save functionality)
  • Handy posting from WordPress mobile app
  • Preview on HTMLHTML HTML is an acronym for Hyper Text Markup Language. It is a markup language that is used in the development of web pages and websites. on the editor
  • General Setting allows changing Site Address (URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org)

🔥 Burn

  • Customizing themes (4 opinions): difficult to customize, hard to manage, and so on.
  • Too many configuration settings
  • Too many navigation menus
  • Tend to add too many customizations
  • Too many admin notices
  • Installation settings are difficult
  • PluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party management requires manual work on WP dashboard instead of https://wordpress.com/ page: auto-update is not working, version compatibility issues, risks, …

➕ Add

  • Multi-Language support with MultisiteMultisite Multisite is a WordPress feature which allows users to create a network of sites on a single WordPress installation. Available since WordPress version 3.0, Multisite is a continuation of WPMU or WordPress Multiuser project. WordPress MultiUser project was discontinued and its features were included into WordPress core.https://codex.wordpress.org/Create_A_Network. (2 opinions)
  • Collaboration with live editing
  • Pre-set essential plug-ins (light-weight)
  • Customizable user interface
  • More Graphical User Interface than text-based 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.
  • Easier use on mobile
  • Easier to operate visually (like Adobe Illustrator)
  • Hard to understand the difference between “.com” and “.org” for newbies. While “.org” seem to have more information than “.com”, it will be nice to have in-between information page to fill the gap between “.com” and “.org”.
  • Have thumbnails column with titles on “All pages” and/or “All Posts”.
  • Enhance automated SEO settings
  • A better learning experience for Gutenberg

Thanks to @miekoyo for writing this recap.

Add yours

This is the perspective of the participants at WordCamp Tokyo 2019 Contributor DayContributor Day Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/. Design Table. What’s your perspective?

#wctokyo #contribution-day #workshop

WCEU contribution day recap: design team

During WCEU the design team had a great showing of people wanting to contribute. As discussed before the event, our plan was to split into a team

General table

A table was formed for ‘other’ tasks, these included working on triage for TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/. and ‘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. directory usability testing’. A test was written and also tickets triaged ready for 5.3, with a focus on a11yAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) tickets for media. Some great conversations were had and collaborating between other teams flowed.

Figma table

One of the two dedicated focus tables was about Figma and lead by @tinkerbelly. Here is a brief recap of what happened:

  • On-boarded new contributors to Figma.
  • Started working with the components.
  • Compiled some feedback for improvements; most of which would be documentation/process.
  • Working on improving documentation, establishing procedures for working with and maintaining the library, and creating starter templates.
  • Also added a grid layout style and two new components.

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/ table

The second focused table was lead by @mapk and involved a dive into Gutenberg design. There was a great discussion around the future of Gutenberg and how it’s changing WordPress in a good way. The designers were encouraged to comment on at least one issue in GitHubGitHub GitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/. A couple of people also worked on mockups. Issues commented on include:

If anyone worked on other tasks during the contributor dayContributor Day Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/. please leave a comment. Thanks to everyone that attended.

#contribution-day

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

Facilitating a contribution day for design handbook update

As previously discussed in 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/. #design, @folletto and myself worked on a contribution day format suggestion. This was tested at WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. Tokyo and from there a document was created to iterate based on feedback.

There is now a new handbook page, this is just a suggestion but has a guide to help you facilitate a successful contribution day for design.

#contribution-day