Title: Design updates: week two Author: Tammie Lister Published: June 26, 2017 --- [ ](https://profiles.wordpress.org/karmatosed/) [Tammie Lister](https://profiles.wordpress.org/karmatosed/) 11:27 am _on_ June 26, 2017 Tags: [weeky-updates ( 4 )](https://make.wordpress.org/design/tag/weeky-updates/) # Design updates: week two This is the second weekly call for updates for those contributing to design, as outlined [here](https://make.wordpress.org/design/2017/06/20/design-meetings-new-format/). The idea of these it to keep all designers connected. If you are contributing to design please add your reply as a comment to this post by Thursday 23:00 UTC. All comments will be combined into a [weekly update post](https://make.wordpress.org/updates/) on Friday for the design team. Not a designer but you have something you’d like us to work on? No problem, you can also leave a comment. Just tell us what it is, if a specific team or skill also tell us that. Just reply to the following: * **What did you work on this past week? **Anything completed (don’t forget a link to show us the amazing work!)? * **What are you currently focusing on?** * **Anything you need help with?** Got a tricky project? Are you looking for a task? Perhaps you know about a task that needs a designer or need a buddy to work on something (lets support each other)? * **Any links for inspiration you want to share** (doesn’t have to be WordPress design links)? Everyone is welcome to comment, adding names of all that commented last week and were at summit – your name will be added to list as you give an update (so we can include everyone). cc: [@melchoyce](https://profiles.wordpress.org/melchoyce/), [@michael-arestad](https://profiles.wordpress.org/michael-arestad/), [@folletto](https://profiles.wordpress.org/folletto/), [@mapk](https://profiles.wordpress.org/mapk/), [@sonjaleix](https://profiles.wordpress.org/sonjaleix/), [@saracannon](https://profiles.wordpress.org/saracannon/), [@liljimmi](https://profiles.wordpress.org/liljimmi/), [@joen](https://profiles.wordpress.org/joen/), [@empireoflight](https://profiles.wordpress.org/empireoflight/), [@joshuawold](https://profiles.wordpress.org/joshuawold/), [@rileybrook](https://profiles.wordpress.org/rileybrook/), [@celloexpressions](https://profiles.wordpress.org/celloexpressions/), [@joyously](https://profiles.wordpress.org/joyously/) [#weeky-updates](https://make.wordpress.org/design/tag/weeky-updates/) ### Share this: * [ Threads ](https://make.wordpress.org/design/2017/06/26/design-updates-week-two/?share=threads) * [ Mastodon ](https://make.wordpress.org/design/2017/06/26/design-updates-week-two/?share=mastodon) * [ Bluesky ](https://make.wordpress.org/design/2017/06/26/design-updates-week-two/?share=bluesky) * [ Facebook ](https://make.wordpress.org/design/2017/06/26/design-updates-week-two/?share=facebook) * [ X ](https://make.wordpress.org/design/2017/06/26/design-updates-week-two/?share=x) * [ Reddit ](https://make.wordpress.org/design/2017/06/26/design-updates-week-two/?share=reddit) * [ Email ](https://make.wordpress.org/design/2017/06/26/design-updates-week-two/?subject=%5BShared%20Post%5D%20Design%20updates%3A%20week%20two&body=https%3A%2F%2Fmake.wordpress.org%2Fdesign%2F2017%2F06%2F26%2Fdesign-updates-week-two%2F&share=email) 1. ![](https://secure.gravatar.com/avatar/0c00bc6bb79905cd73ec1cb0f22bf813f7f34f46ee670d018b30b5569b2924dd? s=32&d=mm&r=g) 2. [Tammie Lister](https://profiles.wordpress.org/karmatosed/) 11:40 am _on_ June 26, 2017 3. **What did you work on this past week?** 4. * 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/](https://wordpress.org/gutenberg/) testing page (yet to go live). * Gutenberg testing feedback forms. * Lots of summit posts. * Some vis recs: [CSS](https://make.wordpress.org/test/2017/06/23/additional-css/), [theme editing](https://make.wordpress.org/test/2017/06/23/theme-editing/) and [plugin editing](https://make.wordpress.org/test/2017/06/23/plugin-editing/). * Created several tickets from vis rec work that may work for 4.9 * Media weekly meeting: this week will have with Gutenberg team to work out flow there. 5. **What are you currently focusing on?** 6. * Write up WCEU contribution day. * 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 * 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 Monday( today) at 16:00 UTC! * Release Gutenberg testing page for community. * Gutenberg marketing page v1. * Gutenberg: pattern library plan. * Media: plan and flow for media in Gutenberg 7. **Anything you need help with?** 8. It would be great to get feedback on a side project some have been working on. I will add this to update post too. [https://github.com/wpaccessibility/settings-api-enhanced](https://github.com/wpaccessibility/settings-api-enhanced) [@melchoyce](https://profiles.wordpress.org/melchoyce/) and [@michaelarestad](https://profiles.wordpress.org/michaelarestad/) specifically for feedback, but everyone welcome. 9. **Any links for inspiration you want to share (doesn’t have to be WordPress design links)?** 10. A good starting point on [text and psychology](https://medium.theuxblog.com/a-deep-dive-into-the-psychology-of-text-a7573999a251) here. 11. ![](https://secure.gravatar.com/avatar/d90c229271bfd77e2082d964e37cef60b935fa3ab6682883a8407a6c086e6e4c? s=32&d=mm&r=g) 12. [Davide 'Folletto' Casali](https://profiles.wordpress.org/folletto/) 1:10 pm _on_ June 26, 2017 13. **What did you work on this past week?** 14. * I was away doing a workshop, nothing apart some feedback 15. **What are you currently focusing on?** 16. * Handbook, onboarding. * [wpDO](https://github.com/folletto/WPdo) as there’s some interest on it, thanks! 17. * ![](https://secure.gravatar.com/avatar/0c00bc6bb79905cd73ec1cb0f22bf813f7f34f46ee670d018b30b5569b2924dd? s=32&d=mm&r=g) * [Tammie Lister](https://profiles.wordpress.org/karmatosed/) 9:09 am _on_ June 27, 2017 * > Handbook, onboarding. * Really looking forward to seeing the handbook improve. 18. ![](https://secure.gravatar.com/avatar/5437f5b6124c08e8d9ab5f8a4b6a97cf3f6966aee694ef98417db8bdcc13b937? s=32&d=mm&r=g) 19. [Mel Choyce](https://profiles.wordpress.org/melchoyce/) 3:37 pm _on_ June 26, 2017 20. **What did you work on this past week?** 21. * Started planning some ideas for 4.9 * 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 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/](https://wordpress.org/gutenberg/) * Started reviewing ye olde [Page on Front ticket](https://core.trac.wordpress.org/ticket/16379) * Submitted some talk ideas to WCUS 22. **What are you currently focusing on?** 23. * Getting a summary up on Make/Design of previous Page on Front attempts * Sketch out a flow for [https://core.trac.wordpress.org/ticket/9757](https://core.trac.wordpress.org/ticket/9757) * Keep looking at 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 for Gutenberg * Keep track of new mockups and design issues in Gutenberg * Triage with [@karmatosed](https://profiles.wordpress.org/karmatosed/) * Catch up on the vis recs and tickets [@karmatosed](https://profiles.wordpress.org/karmatosed/) made last week 24. **Anything you need help with?** 25. * Need more developer eyes on [#39692](https://core.trac.wordpress.org/ticket/39692) and [#39693](https://core.trac.wordpress.org/ticket/39693), and a developer to start working on [#40104](https://core.trac.wordpress.org/ticket/40104). 26. **Any links for inspiration you want to share** 27. * [Maintaining Accessibility in a Responsive World](https://www.filamentgroup.com/lab/accessible-responsive.html) * [https://wordpress.tv/2017/06/21/sarah-semark-night-of-the-living-style-guides/](https://wordpress.tv/2017/06/21/sarah-semark-night-of-the-living-style-guides/) 28. ![](https://secure.gravatar.com/avatar/f98224d78e12fcc0e9686dbf15f8c37b1967835212f25a92fceb6caafdc5b08d? s=32&d=mm&r=g) 29. [JoshuaWold](https://profiles.wordpress.org/joshuawold/) 4:48 pm _on_ June 26, 2017 30. **What did you do this past week?** 31. * 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/](https://wordpress.org/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](https://github.com/WordPress/gutenberg/issues/1325)) * 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/](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](https://www.meetup.com/Coeur-dAlene-WordPress-Meetup/events/240286176/). It was a lot of fun and I’m working to refine the talk for future meetups. Welcome to checkout the slide deck at the link. The topic was a hybrid between my recent experience contributing to WordPress as a designer and encouraging non designers to add sketches and wireframes to better explain development features. 32. **What are you currently working on?** 33. * [Save & Publish in the Customizer](https://github.com/xwp/wp-customize-posts/issues/207)– 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. 34. **Anything you need help with?** 35. * Visual prototyping tools – I’m trying to figure out the best tools for creating clickable prototypes. Many tools offer clicking between pages, but I’m trying to find ones that help with button states and transitions. For instance, something that would help me prototype [this](https://paper.fiftythree.com/23034828-Joshua-Wold/27533926/standalone) more easily. **Any recommendations?** 36. **Links to share?** 37. * [My current setup](http://joshuawold.com/blog/daily-gear-june-2017/) * iPad Pro review followup ([comment thread](https://make.wordpress.org/design/2017/06/20/design-updates-week-one/#comment-25241)) After a few days reviewing the iPad Pro 10.5 I decided to return it. I needed a bigger screen for the sketching and wireframes I like to create. I’ve found this to be my favorite tool for low fidelity sketching. 38. * ![](https://secure.gravatar.com/avatar/0c00bc6bb79905cd73ec1cb0f22bf813f7f34f46ee670d018b30b5569b2924dd? s=32&d=mm&r=g) * [Tammie Lister](https://profiles.wordpress.org/karmatosed/) 9:10 am _on_ June 27, 2017 * > Gave my first talk at a 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/](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. * ⭐️ 39. ![](https://secure.gravatar.com/avatar/5b71a4b5ab92505944e26e7a5d00d9617820645d074dc12d126259faf5722f0e? s=32&d=mm&r=g) 40. [sara cannon](https://profiles.wordpress.org/saracannon/) 6:41 pm _on_ June 26, 2017 41. **What did you work on this past week?** Researching media plugins for insight into future interaction with 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/](https://wordpress.org/gutenberg/), commenting on Gutenberg tickets, & gathering a list of past WordCamps to reach out to the designers who did fabulous work. 42. **What are you currently focusing on?** Continuing the research on Media Plugins 43. **Linkspiration** [How Nutella Replaced Human Creativity with an Algorithm](https://www.subtraction.com/2017/06/19/how-nutella-replaced-human-creativity-with-an-algorithm) 44. ![](https://secure.gravatar.com/avatar/0cba87f5d1614b0b60cecc64f3d836608cd944566cce6a01e446ab5e8ed86e35? s=32&d=mm&r=g) 45. [Joen Asmussen](https://profiles.wordpress.org/joen/) 8:05 am _on_ June 27, 2017 46. Nice initiative! 🌟 47. **What did you work on this past week?** 48. Lots 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/](https://wordpress.org/gutenberg/)’ in! Trying to ensure every design ticket has a mockup, triaging tickets, and pushing CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. fixes in between. Published [a design doc](https://github.com/WordPress/gutenberg/blob/master/docs/design.md) also. 49. **What are you currently focusing on?** 50. Same as above, but specifically the gallery. 51. **Anything you need help with?** 52. Gutenberg help is always appreciated. Our priorities are in [these milestones](https://github.com/WordPress/gutenberg/milestones), and we have [a Design label](https://github.com/WordPress/gutenberg/issues?q=is%3Aissue+is%3Aopen+label%3ADesign) for issues. 53. **Any links for inspiration you want to share** 54. Completely unrelated to WordPress, but I thought [this rebranding was neat](http://www.underconsideration.com/brandnew/archives/new_logo_and_identity_for_uts_by_houston_group.php). 55. ![](https://secure.gravatar.com/avatar/f3be1972cdd27bfc2f3d5ffeae483bb4982a9d6659d1af51f1f9d2e6b1db3173? s=32&d=mm&r=g) 56. [Nick Halsey](https://profiles.wordpress.org/celloexpressions/) 4:26 am _on_ June 28, 2017 57. **Anything you need help with? 58. [#37661](https://core.trac.wordpress.org/ticket/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.) is a great candidate for 4.9 given the focus on theme 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/](https://wordpress.org/plugins/) or can be cost- based plugin from a third-party. management. This project is pending additional design help; here are a few specific ways that any designer can jump in and help things move forward: 59. * Test the coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. branch and provide design/usability feedback: [https://github.com/xwp/wordpress-develop/pull/216](https://github.com/xwp/wordpress-develop/pull/216) * Identify areas for improvement with the current approach, or specific reasons for adopting the current approach or an entirely different design for the theme browser in the customizer. * Look through the previous designs on the tracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.[https://core.trac.wordpress.org/](https://core.trac.wordpress.org/). ticket and develop iterations on those or new approaches, specifically focusing on improving the theme browsing experience. 60. See also comment 157 in the ticket. There is a broader overview of the project with links to previous user testing and usability flows here: [https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/](https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/). 61. ![](https://secure.gravatar.com/avatar/f36252452df70c3396289067c4d464d1d5b2804a90c65a5f2707b676a44a21db? s=32&d=mm&r=g) 62. [titanas](https://profiles.wordpress.org/titanas/) 10:08 am _on_ July 3, 2017 63. Hi everyone, 64. I’m testing 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/](https://wordpress.org/gutenberg/) and came up with a mockup and a writeup for my design ideas and suggestions. I hope this is the write place to post? 65. Here’s what i came up with to improve Gutenberg [https://titan.as/wordpress-gutenberg-design-facelift-idea/](https://titan.as/wordpress-gutenberg-design-facelift-idea/) 66. * ![](https://secure.gravatar.com/avatar/0c00bc6bb79905cd73ec1cb0f22bf813f7f34f46ee670d018b30b5569b2924dd? s=32&d=mm&r=g) * [Tammie Lister](https://profiles.wordpress.org/karmatosed/) 10:32 am _on_ July 3, 2017 * Hi [@titanas](https://profiles.wordpress.org/titanas/). Ideally I would encourage you to make issues for things you would like to see changed here: [https://github.com/WordPress/gutenberg/issues](https://github.com/WordPress/gutenberg/issues). Some of what you want may have been decided on already and this way you can know the context of that decision. 67. ![](https://secure.gravatar.com/avatar/f36252452df70c3396289067c4d464d1d5b2804a90c65a5f2707b676a44a21db? s=32&d=mm&r=g) 68. [titanas](https://profiles.wordpress.org/titanas/) 10:47 am _on_ July 3, 2017 69. Thank you [@karmatosed](https://profiles.wordpress.org/karmatosed/) Comments are closed. # Post navigation [← The current state of Dashicons](https://make.wordpress.org/design/2017/06/23/the-current-state-of-dashicons/) [Design updates: week three →](https://make.wordpress.org/design/2017/07/03/design-updates-week-three/)