A fully distributed team making the web a better place.

A fully distributed team making the web a better place.

Blog

Automattic Design Stories 481

Automattic Design Stories 481

  • Filipe Varela Avatar
    Filipe Varela

    Gutenberg Emphatic Empathy

    The goal for this empathy challenge was straight-forward: re-create a Longreads article by using Gutenberg. If you’re not familiar with it, here’s what the new Gutenberg editor promises: Get ready to make your words, pictures, and layout look as good on screen as they do in your imagination, without any code. I picked the article “Did…

    Gutenberg Emphatic Empathy
  • David A. Kennedy Avatar
    David A. Kennedy

    An Hour with Gutenberg to Create an Image-Rich Story

    Today, I spent an hour recreating a post from Longreads in the Gutenberg publishing experience to gain some empathy for our customers. You can check out the video, and see a screenshot of the final product. Here’s what I learned: General thoughts I used the Fashion Blog theme by Automattic, an in progress, experimental theme…

    An Hour with Gutenberg to Create an Image-Rich Story
  • Allan Cole Avatar
    Allan Cole

    Empathetically Challenging Gutenberg

    For this challenge I dug up an interesting article from Longreads called “Welcome to the Center of the Universe” and tried to recreate it using our Gutenberg plugin. Here’s a screen capture of how it went: It took about 26min to complete which is pretty quick by my standards. Much of the article’s content in…

    Empathetically Challenging Gutenberg
  • A cup of tea with Gutenberg

    Gutenberg is a codename for the project focusing on the entire publishing flow of WordPress. The first phase of this is the editor. For those of you that don’t know, Gutenberg works with everything being a block. Content is added by choosing block types, for example it could be an image, a gallery, a paragraph along…

    A cup of tea with Gutenberg
  • Gutenberg Empathy Challenge April 2018

    Here’s my Gutenberg Empathy challenge. Generally, I enjoyed the experience. I had never used Gutenburg before and I generally found it easy to discover how it works by exploring and playing with it. I have made some assumptions about what is expected from Gutenburg – for example, I would expect themes to be able to…

    Gutenberg Empathy Challenge April 2018
  • Ballio Chan Avatar
    Ballio Chan

    A trial of Gutenberg – Empathy Challenge #2

    All Automattic designers are tasked with rebuilding a Longreads article of their choice, using the latest and greatest version of WordPress’s next-gen editor, Gutenberg. Since I’ve worked on some videos for Gutenberg, this is not my very first time test driving it. BUT, as you might see from my sped up video, I am by…

    A trial of Gutenberg – Empathy Challenge #2
  • Matt Miklic Avatar
    Matt Miklic

    My Gutenberg Challenge Results

    For my Gutenberg empathy challenge, I sought to re-create the Longreads article: “From Ghost Town to Havana: Two Teams, Two Countries, One Game” by Rick Paulas. Here’s the screen recording of my attempt: The very first thing I did was copy over a subtitle, but then experienced a fair amount of confusion when clicking the whitespace…

    My Gutenberg Challenge Results
  • Dave Whitley Avatar
    Dave Whitley

    Gutenberg Test Drive

    I spent 30 minutes trying to re-create a Buzzfeed post in order to test drive the Gutenberg editor (v 2.5). Here is a video of the process: Stumbling blocks It appears that .webp images are not supported, and that stumped me for awhile. I tried to drag an image into the media library and it…

  • Gutenberg April Empathy Challenge

    “Gutenberg” is the codename for a project to bring a brand new editor to WordPress; an editor that makes it easy to create rich layouts without having to know code. Because usage is like oxygen for fixing bugs and improving interfaces, we run “empathy challenges”. These challenge you to empathize with the people using your interface…

    Gutenberg April Empathy Challenge
  • Andrei Slobtsov Avatar
    Andrei Slobtsov

    Publishing with Gutenberg

    At Automattic, we challenge ourselves to continuously use and test the products we work on. This time we are challenging ourselves to re-create a Longreads article using our new (soon to be in Core) block-based editor – Gutenberg. The Challenge Use the latest version of Gutenberg (currently 2.5) Recreate an existing Longreads post as closely as possible Stay…

    Publishing with Gutenberg