Tag Archives: design

Tammie Lister 8:58 am on August 14, 2017
Tags: design   

Design team weekly update 14th August

The design team are now posting individual updates each week, this post is a summary of the updates from there. If any other teams have design they need help with, please also let us know. You can either add as a comment to the post on make/design, add a comment here, or you can ask directly in #design 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/..

Worked on/released this week:

  • 4.9 wrangling and goals post: @melchoyce
  • 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/ —> Customization transition wrangling with focus leads: @melchoyce and @karmatosed
  • Made a much of issues and tickets out of the Image 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. link usability testing: @melchoyce
  • Gutenberg: pretty much took up my entire focus: @karmatosed

Currently working on:

Need help with:

@melchoyce pointed out several tickets that need help and progress – a chance for others to get involved.:

Full update post here.

+make.wordpress.org/core +make.wordpress.org/design

Tammie Lister 10:09 pm on August 4, 2017
Tags: design   

Design team update August 4th

The design team are now posting individual updates each week, this post is a summary of the updates from there. If any other teams have design they need help with, please also let us know. You can either add as a comment to the post on make/design, add a comment here, or you can ask directly in #design 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/..

Worked on/released this week:

  • 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. Media HeaderHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. Design flow mockup i2: @folletto
  • Tested the “old” admin toolbar experiment plugin to see its status: @folletto
  • Attended a local meetupMeetup All local/regional gatherings that are officially a part of the WordPress world but are not WordCamps are organized through https://www.meetup.com/. A meetup is typically a chance for local WordPress users to get together and share new ideas and seek help from one another. Searching for ‘WordPress’ on meetup.com will help you find options in your area. and demoed 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/: @joshuawold
  • 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./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. Triage: @melchoyce and @karmatosed
  • Image Widget Link usability testing: @melchoyce

Currently working on:

  • Gutenberg: promotion page, supporting where can, reviewing and triage: @karmatosed

Need help with:

  • I need someone to test WPdo and give feedback on how we could change / improve it to be good for onboarding new designers (and people in general): @folletto

Full update post here.

Tammie Lister 5:30 pm on July 28, 2017
Tags: design   

Design team update 28th July

The design team are now posting individual updates each week, this post is a summary of the updates from there. If any other teams have design they need help with, please also let us know. You can either add as a comment to the post on make/design, add a comment here, or you can ask directly in #design 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/..

Worked on/released this week:

  • 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/: supporting where needed: @karmatosed
  • Triaged 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. tracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/. for new design issues: @melchoyce
  • Weekly design triage: @melchoyce and @karmatosed
  • Gutenbergin’: @melchoyce
  • 4.8.1: @melchoyce

Currently working on:

  • https://github.com/WordPress/gutenberg/issues/1516 > Created a handful of new concepts for how global blocks could work in Gutenberg.:
    @joshuawold
  • Gutenberg demo video: @mapk
  • Connecting with Processing gurus over at UCLA on the 31st: @mapk
  • Taking a gander at the GTD stuff to see where I can help in conjunction with creating some visual data for the site: @mapk
  • Gutenberg: promotion page and Gutenberg theme, help where needed: @karmatosed
  • Mobile experience of editing themes and plugins: @karmatosed
  • Planning a public, group workshop for Page on Front. Probably next Tuesday? @melchoyce
  • Gutenbergin’: @melchoyce
  • 4.8.1 and 4.9 planning: @melchoyce

Need help with:

  • Anyone available on Tuesday for a Zoom workshop? : see @melchoyce

Full update post here.

Tammie Lister 4:21 pm on July 21, 2017
Tags: design   

Design update 21st July

The design team are now posting individual updates each week, this post is a summary of the updates from there. If any other teams have design they need help with, please also let us know. You can either add as a comment to the post on make/design, add a comment here, or you can ask directly in #design 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/..

Worked on/released this week:

  • Last week I continued to follow conversations on a handful of 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/ tickets, as well as attend several of the Design meetings: @joshuawold
  • Kept track of Gutenberg design issues: @melchoyce
  • Updated some Gutenberg 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. blocks: @melchoyce
  • Compiled previous work on Page on Front into one post: @melchoyce
  • Gutenberg: blocks, issues: @karmatosed
  • Media: flows and working on how work with Gutenberg: @karmatosed

Currently working on:

  • This week will likely be a bit more of the same. Hoping to get back into working on some wireframes/prototypes for some of the tickets soon: @joshuawold
  • WPdo, Dashicons: @folletto
  • Reading through Page on Front post comments; going to hold off on responding so more opinions can come in: @melchoyce
  • Improving the make/design handbook: @melchoyce
  • Testing patches for 4.9.1
  • Gutenberg: blocks, media, where needed, promotion page: @karmatosed

Need help with:

Full update post here.

Tammie Lister 5:35 pm on July 14, 2017
Tags: design, Slack   

Design update 14th July

The design team are now posting individual updates each week, this post is a summary of the updates from there. If any other teams have design they need help with, please also let us know. You can either add as a comment to the post on make/design, add a comment here, or you can ask directly in #design 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/..

Worked on/released this week:

  • Dashicons: removed external `brew`, `fontforge`, `ttfautohint` dependencies from the build system, now to build Dashicons only node and grunt are required: @folletto
  • Dashicons: fixed a bug introduced by the above that wasn’t able to parse certain SVGs.: @folletto
  • Dashicons: updated README instructions with indications for 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/ and the community Slack channel.: @folletto
  • Shed light on what worked / didn’t work from failed “Image Flow” project: @sonjaleix
  • Converting a bunch of widgets to blocks: https://github.com/WordPress/gutenberg/issues/created_by/melchoyce: @melchoyce
  • Design triage: @melchoyce and @karmatosed
  • We released 0.4.0 of Gutenberg this past Saturday: @joen
  • Gutenberg demo video: @mapk
  • Reviewing some of the Gutenberg reviews: @mapk
  • Gutenticketing – Followup on a number of tickets. A bit of a quieter week, trying to give feedback on some of 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. related issues coming up: @joshuawold

  • I thought a lot about how to get started on the design workshops task in 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.: @annaharrison
  • Gutenberg: blocks (made my first designs), support and generally triaging. We now have a ‘design’ and ‘design feedback’ label: @karmatosed
  • Tested codemirror 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: @karmatosed

Currently working on:

  • Handbook, onboarding and wpDo: @folletto
  • Final WCEU17 design team wrapup: @sonjaleix
  • Planning 4.8.1 with @westonruter and @jeffpaul: @melchoyce
  • Iterating on 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. → 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. designs: @melchoyce
  • Page on front: @melchoyce
  • Gutenticketcontinuing – Some more of the same, as well as attending a few of the Make #Slack meetings: @joshuawold
  • Put some very early ideas on paper: @annaharrison
  • Dashicons issues on githubGitHub GitHub is a website that offers online implementation of git repositories that 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/. Longer term, converting wp-admin to svg only instead of fonts for dashicons: @empireoflight
  • Gutenberg: blocks, media focus, supporting where can: @karmatosed
  • Media: flows for existing and Gutenberg: @karmatosed
  • Mobile editing of theme and plugins experience.: @karmatosed

Need help with:

Full update post here.

Tammie Lister 3:54 pm on July 7, 2017
Tags: design   

Design team update: 7 July

The design team are now posting individual updates each week, this post is a summary of the updates from there. If any other teams have design they need help with, please also let us know. You can either add as a comment to the post on make/design, add a comment here, or you can ask directly in #design 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/..

Worked on/released this week:

  • Participated at the Dashicons + 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/ chat to discuss a lean process to make things more fluid: @folletto
  • Just Gutenberg’in. We had a big release, and we have more to come: @joen
  • Was speaking at a local MeetupMeetup All local/regional gatherings that are officially a part of the WordPress world but are not WordCamps are organized through https://www.meetup.com/. A meetup is typically a chance for local WordPress users to get together and share new ideas and seek help from one another. Searching for ‘WordPress’ on meetup.com will help you find options in your area. in Utrecht, will do another this evening in Eindhoven: @boemedia
  • Posted some 4.9 ideas: @melchoyce
  • Made a couple new Gutenberg mockups for converting widgets –> blocks and posted them to new issues: @melchoyce
  • Made a Post List/Grid 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. mockup for Gutenberg and posted that as a new issue: @melchoyce
  • Explored range slider designs and posted those to a new Gutenberg issue: @melchoyce
  • Started exploring previous “page on front” redesign attempts: @melchoyce
  • Gutenberg was my main focus: iterated on post, updated a test results, tested issues: @karmatosed
  • 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./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. triage: @karmatosed
  • 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. Europe contribution day summary post: @karmatosed
  • Visual records for revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision. and page on front settings: @karmatosed
  • We had a media meeting to debrief on image flow: @karmatosed

Currently working on:

  • Handbook, onboarding: @folletto
  • wpDO: @folletto
  • Gathering material and ideas for GTD3 designs: @zetaraffix
  • Looking into that Gutenberg video again: @mapk
  • Trying to keep the momentum of Processing + WP + APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. going.: @mapk
  • Hoping to keep the new HelpHub design going.: @mapk
  • Gutenberg – Sharing feedback, creating tickets and adding wireframes to a number of tickets. It’s been a ton of fun!: @joshuawold
  • Testing Gutenberg, investigating the future of pagebuilders in general. Together with a developer, I’m also exploring the possibilities of customising the order of wp-admin menu items: @boemedia
  • Page on Front: @melchoyce
  • Gutenberg: media, pattern library, usability tests and promotion page: @karmatosed
  • Review any tickets that come from image flow debrief: @karmatosed

Need help with:

Full update post here.

Tammie Lister 4:29 pm on June 30, 2017
Tags: design   

Design team update: June 30

The design team are now posting individual updates each week, this post is a summary of the updates from there. If any other teams have design they need help with, please also let us know. You can either add as a comment to the post on make/design, add a comment here, or you can ask directly in #design 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/..

Worked on/released this week:

  • 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/ testing page and call: @karmatosed
  • Some vis recs: CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site., theme editing and 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 editing: @karmatosed
  • Started reviewing ye olde Page on Front ticket: @melchoyce
  • Started playing with the design of a dynamic “Post 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.” for Gutenberg: @melchoyce
  • Started planning some ideas for 4.9: @melchoyce
  • Gutenberg Inserter – We’ve continued to have a discussion on the future of the inserter. I had a great time playing with some different sketches and wireframes based on the conversation. Still a few things that need to be figured out on the ticket (#1325): @joshuawold
  • WordPress MeetupMeetup All local/regional gatherings that are officially a part of the WordPress world but are not WordCamps are organized through https://www.meetup.com/. A meetup is typically a chance for local WordPress users to get together and share new ideas and seek help from one another. Searching for ‘WordPress’ on meetup.com will help you find options in your area. Talk – Gave my first talk at a WordPress Meetup:
    @joshuawold
  • Researching media plugins for insight into future interaction with Gutenberg, commenting on Gutenberg tickets, & gathering a list of past WordCamps to reach out to the designers who did fabulous work: @saracannon
  • Lots of Gutenberg’in! Trying to ensure every design ticket has a mockup, triaging tickets, and pushing CSS fixes in between. Published a design doc also: @joen

Currently working on:

  • Write up WCEU contribution day: @karmatosed
  • Vis recs: page/post editing, revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision., page settings in customiser: @karmatosed
  • Gutenberg marketing page, media, feedback and pattern library: @karmatosed
  • wpDO as there’s some interest on it, thanks!: @folletto
  • Handbook, onboarding: @folletto
  • Getting a summary up on Make/Design of previous Page on Front attempts: @melchoyce
  • Sketch out a flow for https://core.trac.wordpress.org/ticket/9757: @melchoyce
  • 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./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. triage: @melchoyce and @karmatosed
  • Save & Publish in the Customizer – While this isn’t directly WordPress CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. work, it’s closely related. Working on ideas for the save and publish button which could ultimately inspire other parts of WordPress: @joshuawold
  • Continuing the research on Media Plugins: @saracannon

Need help with:

  • Need more developer eyes on #39692 and #39693, and a developer to start working on #40104: see @melchoyce.
  • Gutenberg help is always appreciated. Our priorities are in these milestones, and we have a Design label for issues: see @joen
  • @celloexpressions would like #37661 (theme discovery in the 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.) consedered for 4.9

Full update post here.

Tammie Lister 11:20 am on June 23, 2017
Tags: design   

Design team update : June 23

The design team are now posting individual updates each week, this post is a summary of the updates from there. If any other teams have design they need help with, please also let us know. You can either add as a comment to the post on make/design, add a comment here, or you can ask directly in #design 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/..

Events

Worked on/released this week:

Currently working on:

  • Handbook / Designers Onboarding Guide: @folletto
  • Figuring out what to do about #40951 with @westonruter: @melchoyce
  • Media 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 research: @saracannon
  • Researching past 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. designs to see if we can pull in more design contributors: @saracannon
  • Need to audit previous attempts to improve “Page on Front” in WordPress: @melchoyce
  • Catching up on, and continuing to keep an eye on, Gutenberg updates: @melchoyce
  • Starting to look at some customization-related priorities and tasks for 4.9; more details in Matt’s update: @melchoyce
  • Planning to create a new ticket to track the changes for More Blocks + Insert feature: @joshuawold
  • Save and Publish –There are a few tickets (here and here) going around with great feedback for how Save and Publish will function on Gutenberg as well as 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.. I’d like to give it a bit more thought and see if there are any 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. solutions I can propose: @joshuawold
  • Preparing my first MeetupMeetup All local/regional gatherings that are officially a part of the WordPress world but are not WordCamps are organized through https://www.meetup.com/. A meetup is typically a chance for local WordPress users to get together and share new ideas and seek help from one another. Searching for ‘WordPress’ on meetup.com will help you find options in your area. talk (Coeur d’Alene) about my experience contributing to Core as a designer. It’s a new experience for me and it’s been extremely enjoyable. I hope to inspire others to dig in and help out: @joshuawold
  • Gutenberg demo video: @mapk
  • Dataviz stuff for the upcoming Global Translation Day: @mapk
  • 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/. updates: @karmatosed
  • Gutenberg marketing page: @karmatosed
  • Gutenberg pattern library planning: @karmatosed
  • Getting the new Dashicons made: @liljimmi and @empireoflight
  • Improving automated Dashicon tasks: @liljimmi and @empireoflight
  • #37661 (theme discovery in the customizer): @celloexpressions

Need help with:

  • 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) team help, including a final direction, for #12423: see @melchoyce
  • https://meta.trac.wordpress.org/ticket/30 was pointed to by @joyously
  • Looking for feedback on the admin-sites icon: see @empireoflight

Full update post here.