The Design Team provides user experience, user interface, and visual design expertise for the WordPress project.

Want to get involved?

Welcome! This all-volunteer team needs designers of various kinds. See our handbook and drop into #design once signed up for volunteer opportunities.

Our vision is to be the go-to resource for design for other teams across the WordPress open sourceOpen Source Open Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL. project.

Access the WordPress Component Library in Figma and learn more about how we use it in the handbook.

Find out how to get design help.

Tammie Lister 10:16 pm on January 8, 2019

Design meeting agenda for Wednesday 9th January

This week’s meeting will be at 19:00 UTC 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. Here are the suggested topics:

TrelloTrello Project management system using the concepts of boards and cards to organize tasks in a sane way. This is what the make.wordpress.com/marketing team uses for example: https://trello.com/b/8UGHVBu8/wp-marketing. board check.
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/ user handbook design help needed.
Open floor.

If there is anything you would like to see added to the agenda, please leave a comment.

#meeting-agenda

Mel Choyce 6:27 pm on January 9, 2019
From the Docs team:
We’re looking for visual references to the Terms Glossary and to surface some of the contextual states in the editor.
- General, High-Level 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. Overview
- Top Toolbar Overview
- Main Menu Overview
- SidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. Overview (Document/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.)
- Block Toolbar Overview (perhaps with Paragraph as its default)
- Pre/Post Publish Panels
- Block Inserter
- Slash Inserter
- Using Custom Plugins
These could be wireframes, labeled screenshots, GIFs/MP4s of interactions, etc.

Comments are closed.

s: search
c: compose new post
r: reply
e: edit
t: go to top
j: go to the next post or comment
k: go to the previous post or comment
o: toggle comment visibility
esc: cancel edit post or comment

The Design Team provides user experience, user interface, and visual design expertise for the WordPress project.

Want to get involved?

Find out how to get design help.

Meetings

Share this: