Design team Show & Tell 24 February 2021

As is the last Wednesday of the month, we will have a Show & Tell. This is a Zoom meeting where contributors have the opportunity to share their work and ask for feedback from the design team or simply show whatever they are working on.

Zoom link will be posted on the 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 channel and recorded for those that cannot attend. A summary will also be posted in lieu of meeting notes.

If you would like to share your work, let us know in the comments.

#meeting-agenda

Design Team Meeting Notes February 17, 2021

These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. You can join the 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/. channel by following the instructions in our handbook.

Attendees: @estelaris, @shaunandrews, @critterverse, @jameskoster, @kellychoffman, @karmatosed, @chaion07, @xris, @joyously, @ashiquzzaman, @hedgefield

Housekeeping

  • We have an open call for note-takers and triage facilitators. These both are great ways to get involved for new contributors but everyone is welcome to help out. Let us know if you are interested in the comments.
  • Contributions to the Design Team is always welcomed. Please pingPing The act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.” @estelaris or @chaion07 and they will guide you through.

CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Blog Highlights

Updates

Joint Design & 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) Bug Scrubs: Meetings are being held on a rotating basis on design and accessibilityAccessibility 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) channels. The purpose of these meeting is to find the tickets that require most attention for the 5.7 release.

Icons in Figma: Based on last weeks discussion about the icons in Figma, particularly anchor hashtag. Upon some research, @estelaris came up with this Wikipedia reference as seen in this example. Estela would check with 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. and Accessibility Teams respectively about the issues we may have about changing the anchor to an icon instead of a character and will report back to the team.

Open Floor

N/A

#meeting-summary, #meeting-notes

Design team meeting 17 February 2021

The Weekly Chat for Make WordPress Global Design will take place on Wednesday, February 17, 2021,1800 UTC in the #design channel of the WordPress Slack. You can join the 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/. channel by following the instructions in our handbook.

Here are the suggested topics:

CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Highlights

Team Updates

Discussion

Icons in Figma: Update on discussion about the anchor icon

Open floor

If you would like to add something to the agenda then please leave a comment. Thank you!

#agenda#meeting-agenda

Design team meeting notes Feb. 10 2021

These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting’s agenda here. You can join the 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/. channel by following the instructions in our handbook.

Updates

The updated navigation screen was merged https://github.com/WordPress/gutenberg/pull/28675 with more iteration happening in https://github.com/WordPress/gutenberg/issues/28864 and https://github.com/WordPress/gutenberg/issues/28863.

Feedback was requested on these issues by @paaljoachim:

WP Notify

Initial designs have been made, but there’s some trouble getting started on a prototype. To get things going again, the team has compiled the latest information on requirements, use cases, MVPMinimum Viable Product "A minimum viable product (MVP) is a product with just enough features to satisfy early customers, and to provide feedback for future product development." - WikiPedia scope plus the latest designs on a wiki https://github.com/WordPress/wp-notify/wiki.

This is preparation for doing a call for help in the coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. chat soon. Hopefully that will bring in some more interest and this can get rolling! If you’re interested in forming an opinion on the designs already, the links to the 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/ issues for discussion are on the designs page https://github.com/WordPress/wp-notify/wiki/Project-designs-(v1). We have enough to get started, but we can always keep refining.

WC India

WC India 2021 had their first ever virtual 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/.. Ahmed Chaion was their facilitating the design table. We had many people coming up to visit. We also had discussions on WordPress and how design contributes to it. We’ve had quite a few new contributors also joining the channel with the help of the onboarding videos playlist created by the marketing team.

Discussion

@estelaris proposed to replace the # anchor with the link anchor, but it doesn’t look like a “link”. For reference, it is the last item on this post https://make.wordpress.org/docs/2021/02/01/requirements-for-a-new-design-for-the-article-pages-in-user-documentation/

Other link icons were discussed. The icon in the editor is used to link/unlink text. The icon suggested for the support site is used to copy/visit a URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org. We looked at Material icons, but we want to keep the style between editor and 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. unified. It was suggested to add an anchor icon. @estelaris will work on a proposal.

Open floor

@ashiquzzaman asked whether there is a central icon font in 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/. In fact work on that is underway at

New submissions are welcome!

#meeting-notes

Design team meeting 10 February 2021

The Weekly Chat for Make WordPress Global Design will take place on Wednesday, February 10, 2021,1800 UTC in the #design channel of the WordPress Slack. You can join the 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/. channel by following the instructions in our handbook.

Here are the suggested topics:

Updates

  • WP Notify

Discussion

Icons in Figma: link icon doesn’t reflect a link

Open floor

If you would like to add something to the agenda then please leave a comment. Thank you!

#agenda#meeting-agenda

WordCamp India 2021 Online: Contributor Day

WordCamp India 2021 is happening now and so is 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/.. As WordCamps and Meetups are going virtual, we are having possibly the first ever Contributor Day for WC India. Interestingly enough 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. India is happening across 3 weekends starting from 30 January, Saturday and ending on the 14 February, Sunday.

The Design table at the contributor day will try to answer questions regarding the following:

The contributor day is taking place on the 6th & 7th February (Saturday & Sunday) between 7:30 AM UTC and 12:30 PM UTC. The table will be facilitated by @chaion07 & @ibdz. You can contact them using 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/. for any information for the Contributor Day.

Get your free tickets for attending WordCamp India Online 2021 here: https://india.wordcamp.org/2021/tickets/. You can also check out the Slack On-boarding & Creating your WordPress.OrgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/ Profile video playlist prepared by the Global Marketing Team.

#contributor-day, #wordcamp

Design Team Meeting Notes February 3, 2021

These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. You can join the 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/. channel by following the instructions in our handbook.

Attendees: @estelaris, @mukesh27, @kellychoffman, @williampatton, @hedgefield, @jameskoster, @ibdz, @ashiquzzaman, @adamsilverstein, @fabiodevin, @karmatosed

Housekeeping

  • We have an open call for note-takers and triage facilitators. These both are great ways to get involved for new contributors but everyone is welcome to help out. Let us know if you are interested in the comments.
  • Contributions to the Design Team is always welcomed. Please pingPing The act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.” @estelaris or @chaion07 and they will guide you through.

CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Blog Highlights

Updates

Open Floor

@adamsilverstein asked for some feedback on this ticket. @hedgefield mentioned of adding this ticket to the WP 5.7 watch-list.

The possibility of having all the icons in one place: Slack reference: https://wordpress.slack.com/archives/C02S78ZAL/p1612376783267000

#meeting-summary, #meeting-notes

Show and Tell meeting notes – January 27, 2021

These are the weekly notes for the design meeting that happens on Wednesdays. You can read the links on our Slack channel and for a full discussion watch the video below. You can join the 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/. channel by following the instructions in our handbook. During our meeting, we discussed 3 items.

Moving blocks between widgets and items out of groups

@paaljoachim discussed two tickets

Restricting 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. editor capabilities

@jameskoster showed his explorations on restricting block editing capabilities based on editing context

Design team in show and tell meeting for January 2021

Review/Feedback Request: UX for learn.wordpress.org

What is it?

Learn WordPress is a collection of online resources for educating both new and veteran WordPress users. It’s primarily composed of lesson plans and video workshops, where lesson plans are geared toward workshop facilitators or educators teaching others about WordPress, and workshops are geared towards learners seeking online, on-demand educational resources to boost their WordPress skills. Visitors to the site who watch video workshops can also participate in related discussion groups via the Learn WordPress Meetup.

What are we trying to solve?

The Training team and Learn WordPress Working Group would like to review the 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. and UXUX UX is an acronym for User Experience - the way the user uses the UI. Think ‘what they are doing’ and less about how they do it. from a site visitor’s perspective. Currently, Learn WordPress has two main audiences: learners and educators. Workshops are geared towards learners, whereas lesson plans are geared towards those educating others about WordPress.

With both audiences in mind, we’d like to better understand overall improvements to the user experience for a first-time visitor to the Learn WordPress site. This might include things like:

  • How the site should showcase content on related topics, i.e. a workshop and lesson plan that touches on the same topic, or opportunities to unify the UX between lesson plans and workshops.
  • Improvements to the UX to better showcase the different types of learning opportunities available, such as synchronous learning opportunities through discussion groups.
  • Overall improvements to the layout and navigation of the site to make it clear who the content is for and where/how to get started.

Current status

In August 2020, the Community and Training teams launched a Beta version of the Learn WordPress site with both lesson plans and workshops housed under the same umbrella. In December 2020, we launched Learn WordPress officially and have continued to work on adding new, valuable content to the site.

As we continue to iterate, we’ve tracked some potential improvements and enhancements in the Learn WordPress Github, including one ticket in particular that received some design help around the visual organization of lesson plans. As we’ve brainstormed ideas and next steps for 2021 – which is tracked in the Learn WordPress Trello board – much of our conversation comes back to ensuring that the Learn WordPress site is as clear and engaging to visitors as possible. In particular, making sure newcomers to the site can clearly understand how to find what they need, whether that’s for a new WordPress user or a veteran educator.

How to Help

Ideally, what we’re looking for is to have someone (or multiple someones) from the Design team do a walkthrough of the user experience for Learn WordPress as a user: someone who wants to learn about WordPress and/or as someone who wants to educate others about WordPress.

If it is possible to get feedback in the comments on this post with suggestions for improvements, that would help the Community and Training teams to triage and prioritize the next iteration of Learn WordPress.

This post was written in collaboration with @courane01.

+make.wordpress.org/community/

+make.wordpress.org/training/

Design Team Meeting Agenda for 3 February 2021

The Weekly Chat for Make WordPress Global Design will take place on Wednesday, February 3, 2021,1800 UTC in the #design channel of the WordPress Slack. You can join the 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/. channel by following the instructions in our handbook.

Here are the suggested topics:

CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. blog highlights

Updates

Open floor

If you would like to add something to the agenda then please leave a comment. Thank you!

#agenda#meeting-agenda