James Koster Avatar

James Koster

Adventures in WordPress product design

  • About
  • Twitter
  • January 27, 2021

    i2: On-canvas transition between content and template editing

    The idea here is to display all block controls while editing content, but apply some kind of “disabled” visual treatment to them. Adjusting the opacity is probably easiest, but there are most likely other options to explore as this may not be accessible enough (color contrast). I’m keen to get the flow right initially and […]


    Categories: Gutenberg, Templates, Uncategorized
  • January 25, 2021

    Visually navigating templates

    If a visually-driven experience exists for swapping out the template that is applied to the post or page you are editing for another one, it seems reasonable that a visually-driven experience for navigating between other template management tasks could also be useful. The following concept explores a “mosaic” view of all the templates that exist […]


    Categories: Gutenberg, Ideation, Templates
  • January 22, 2021

    More template switching

    A follow-up iteration on my a design concept I posted earlier this week: This version makes it simpler to switch templates when you already know which one you want to switch to. No need to enter a dedicated view, just select from the dropdown. I intend to explore how this same pattern might be applied […]


    Categories: Gutenberg, Ideation, Templates
  • January 20, 2021

    Visual template switching in the WordPress editor

    Here’s an iteration on one of the flows shared last week – selecting a different template while editing a post or page. Historically this has been a very lacklustre experience in WordPress, accessed through a select dropdown in the attributes meta box of the post / page edit screen. It’s exciting to explore how we […]


    Categories: Gutenberg, Ideation, Templates
  • January 19, 2021

    On-canvas editor context switching

    A rough and early concept exploring how a user might toggle the visibility of the template for the post being edited, and navigate between content / template editing in the WordPress site editing experience. Block tools that are governed by the template are disabled, but offer an on-canvas pathway to template editing. The visuals here […]


    Categories: Gutenberg, Ideation, Templates
←Previous Page
1 … 6 7 8 9
Next Page→

James Koster

Create a website or blog at WordPress.com

  • Follow Following
    • James Koster
    • Join 1,710 other followers
    • Already have a WordPress.com account? Log in now.
    • James Koster
    • Edit Site
    • Follow Following
    • Sign up
    • Log in
    • Report this content
    • View site in Reader
    • Manage subscriptions
    • Collapse this bar