Want to get involved? See the handbook and optionally drop into #design to chat. Most active design work happens in the block editor project, consider dropping into Needs design or Needs design feedback.
There’s a WordPress Component Library in Figma. Duplicate to edit, direct access is reserved for the design team.
Along the lines of this post from @helen, and in relation to the Plugin Directory IA, I’m sharing some flows from other popular web store experiences. This is exploratory research for the 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/ or can be cost-based plugin from a third-party Directory.
FLOWS
Code Canyon (https://cloudup.com/cbQSIYi5jUf)
Sketch App Resources (https://cloudup.com/cEq1yIwY5NM)
Steam (https://cloudup.com/cHiTsgm1U9R) via @markjaquith
XBOX Store (https://cloudup.com/cUcVXIynaPa)
Playstation Store (https://cloudup.com/cyK7tf-YlcC)
Amazon App Store (https://cloudup.com/cng1vG1MzhT)
Mac App Store (https://cloudup.com/c-annTJSdGh)
Windows App Store (https://cloudup.com/cBLTp69gtv4) via @michael-arestad
Google Play Store (https://cloudup.com/cpwbEDBa94v) via @ryan
NPM Packages (https://cloudup.com/cX2qE9HThDs)
Atom Package Manager (https://cloudup.com/cA073Aae_FU) via @michael-arestad
Chrome Extensions (https://cloudup.com/ck-GUY0sjoO)
Firefox Plugins (https://cloudup.com/cbHEKKMxY36)
Safari Plugins (https://cloudup.com/ch_bI5-Cajd)
FEATURE COMPARISON
Web Store Feature Comparisons
TOP COMMONALITIES
FEEDBACK
What are your likes and dislikes between these? Are there popular design patterns that would be useful for our Plugin Directory? Please leave feedback below.
If you have other flows that you think would be helpful, please link to those as well.
During the WordPress Community Day following WCSF, a group of us (@ryelle, @empireoflight, @michael-arestad, @liljimmi — am I missing anyone? Maybe @markjaquith was there?) got together and discussed the future of Dashicons. Here are the notes from that meeting:
Pros:
Cons:
How far are we going? Everything ever?
Following the meeting, we redirected the githubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ resource to Dashicon’s new official home at developer.wordpress.org/resource/dashicons/.
Next up, we’ll want to start having meetings to get this process rolling. @ryelle has agreed to lead meetings, and has a preliminary mockup for the new process that we can talk about at our first meeting, which will take place some time during the week of the 12th-16th. What day/time works best for people?
We’ve had another productive day in San Francisco – thanks to all who have been assisting. @sonjanyc @mor10 and I took some initial feedback from @mel and @lessbloat regarding the rough sketches and moved into Balsamiq to make some example flows based on specific scenarios.
We met with @markjaquith, @ericlewis and the remote team (thanks to all who could make it!) this morning to walk through the flows and get some feedback on whether the major build effort required by our approach is worth the possibilities presented by the vision. The consensus was that while there are many details to get right, this is a BIG task worth pursuing.
Later in the day, after we refined the Balsamiq flows more completely, we met again with @dhshredder, @lessbloat, @filletto, @samuelsidler to walk through the flows based on each scenario. There were some specific notes and details that were discussed at length, but the overall feeling was that this should move forward.
The next steps for the team are:
** add a single image (new image)
** add a gallery
** add and edit an existing image
The flows can be accessed here:
https://wordpress.mybalsamiq.com/projects/imageflowmobilefirst/grid
You should even be able to play with prototype, though I am totally unclear on what the Balsamiq sharing experience is.
@saracannon has posted her take on a new direction for post format 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., addressing some of the concerns that surfaced after @lessbloat‘s tests. Re-thinking WordPress Post Format UI.
The one that is closest to what I was thinking, and the best balance between showing the new UI (to people who are already using post formats or who have a theme with special support), and getting it out of the way once you’ve chosen, is the “In Page decision with post editor greyed out” one.
I’m curious to know what the UI team thinks. I’d like action taken on this ASAP, so that we can get the UI settled for betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. 2.
Thank goodness it’s Friday! Because Friday means it’s time for an update to MP6. As we’ve mentioned before, this is not intended for the general public, just for savvy WordPress enthusiasts eager to preview or contribute to a re-imagination of our collective home, wp-admin.
On Monday we met on IRC in #wordpress-ui to discuss feedback on last week’s iteration. We’ve taken that feedback, plus the comments left here on this P2P2 P2 or O2 is the term people use to refer to the Make WordPress blog. It can be found at https://make.wordpress.org/., into account in what we’ve done this week. Here’s what’s new:
.widefat tables, .postbox divs and other containers have a deeper drop shadow and a new headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. design that more clearly defines the container from the background, and the header from the rest of the element.#d54e21 instead of gray, to give it more emphasis.Here are things that we discussed in feedback, but didn’t implement this week:
This week includes contributions from Ben, Mel, Isaac, Joen, Otto, and myself. Many thanks as well to those who gave their feedback, ideas, patches, and bug reports during Monday’s meeting.
Like last time, we’ll do office hours on Monday to discuss next week’s iteration, followed by version 0.4 on next Friday; March 22. To save myself the time zone embarrassment from last time, let’s aim for 1800 UTC, whatever time that happens to be wherever you are in the world. Arrive an MP6 enthusiast; depart an MP6 contributor!
Over the past week or so, I’ve worked closely with @lessbloat (Dave), @nacin, and @markjaquith to create a set of media workflows that will hopefully serve as a foundation and guide for the improvements in this release. (This is the fifth version of these wireframes — you can see the first four on Dave’s site.)
The usual disclaimers: None of this is final. These are wireframes, so please focus your feedback on the experience, not the aesthetics. As for scope, we are focusing our changes on improving the modal experience. This focuses on the overall picture; not all of this will necessarily make it into the final release.
So, without further ado…
Wireframes and workflows — fullscreen recommended.
The media library.
The media library, while uploading three files.
The attachment details screen.
Relevant TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/. tickets: #21390, #21391.
You must be logged in to post a comment.