Design meeting notes for September 12, 2018

The full transcription of this weeks meeting can be found in our SlackSlack Slack is a Collaborative Group Chat Platform The WordPress community has its own Slack Channel at channel.

We started off with another bit of information sharing amongst the group — this time focused on the tools we use to design and communicate.

Tool discussion

  • What are tools you like to use in designing?
  • What are tools you wish could get better?
  • How do you like to share the work you’ve done?

This is a summary of the tools that were mentioned in the meeting:

for rough sketching

  • paper and pen
  • Sketching on the iPad with Linea Sketch or Paper 53.
  • annotating or altering screenshots using browser inspect to make changes

for higher fidelity designing

  • Sketch
  • Figma
  • Adobe XD
  • Photoshop
  • Illustrator
  • InDesign for annotating mockups/wires for clients
  • WordPress + page builder + css
  • Balsamiq

for prototyping

  • InVision or InVision Studio
  • Balsamiq for mid level prototyping
  • MarvelApp
  • Axure

for planning, content and IA

  • Excel for content audits
  • MindDoodle for mindmapping
  • HotJar for heat maps to guide 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. design

for collaboration and communication of designs

  • screenshots and screen recordings with Droplr
  • Zeplin for developer handoffs
  • annotated screenshots or PDFs
  • Marvel and InVision allow people to place comments on the design
  • DropBox Paper for comments and sharing
  • ProjectHuddle
  • Abstract is kinda like github for designers
  • Sketch Cloud and Figma allow commenting

Triage Inbox

No new cards this week

Calls for design: follow-ups

juliekuehl brought up Design for

  • The Training Team has been making progress on getting lesson plans ready and it would be great to start preparing to publish them.
  • Andi is working on wires for lesson plan layouts and re-organizing the homepage examples
  • best way to communicate and comment? Maybe Google Drive might work and Google Draw to comment?

boemedia pointed to WordPress logo usage style guide for WordCamps

  • it would be great if everyone could share an example of a 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. logo we believe does a good job of showing off how a WordCamp logo could be done.
  • You can see all the upcoming ones here:

If time allows, follow-up on older cards

Let’s look at a couple TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub. tickets

1. Activating a new theme on multisite is very long-winded Needs updated screenshot/flow

2. Option to view condensed diffs for post revisions