Design Share: Jan 1-Jan 12

This is a bi-weekly update of work the design group contributed to. Work happens in overview issues, and in needs design, or needs design feedback issues.

Data views: Adding filters and editing operators

An updated concept for adding filters and editing operators.

Data views: Bulk edit updates

Menu-driven bulk editing concept, optimised for a11yAccessibility 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) and reduced footprint. We’ll later seek to augment this 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. with a ‘floating toolbar’ pattern, as commonly seen in other design systems.

Also; an attempt to reduce the general bulk edit prominence by hiding checkboxes until hovered, focussed, selected.

Data views: Kanban layout

A quick sketch to explore how a Kanban-style layout might look.

Data view option: Grouping

An initial exploration of how we might allow users to group records by field in data views.

“Missing Fonts”

When you insert a pattern that references a font that isn’t installed, we can provide guidance on how to fix that. This mockup explores a missing fonts prompt. Issue.

States

A conversation around how states might provide a UI for anything from animation over pseudo states, to perhaps even responsive editing. Discuss on the issue.

WP.org: Learning Pathways

Continuing with WordPress.orgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/ redesign, we explored different graphics for the four pathways that Learning section has. The visuals intend to accentuate this new content while keeping the Extend categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging.’s style.

Openverse Dark Mode

We started the 2024 testing color sets for the Dark mode project. So far, the mockups put the colors in context to adjust the balance between brand and legibility.


If you have updates you’d like to include in the next Design Share, please drop a note in the Design channel on the Making WordPress 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/..

#design, #design-share