• Home
  • WordPress
    • How To
    • Plugins
    • Themes
      • Genesis
      • Themify
      • Mysite myway
    • Security
    • Developer
    • Teaching
    • Conference
    • Chat
  • Blog
  • About
  • Freelance
    • Plugins
    • Teaching
    • Need help?
    • CV og ref.
  • Contact

Easy Web Design Tutorials

WordPress Tutorials and more

  • Home
  • WordPress
    • How To
    • Plugins
    • Themes
      • Genesis
      • Themify
      • Mysite myway
    • Security
    • Developer
    • Teaching
    • Conference
    • Chat
  • Blog
  • About
  • Freelance
    • Plugins
    • Teaching
    • Need help?
    • CV og ref.
  • Contact

4 July - 2016 By Paal Joachim 2 Comments
Last updated on: July 31, 2016

The WordPress plugin repository is being worked on

A “beta” version is up right now at:
https://wordpress.org/plugins-wp/

Clicking See all leads to the below page:

Beta version - of the new Plugin Repository at WordPress.org

Beta version – of the new Plugin Repository at WordPress.org

 

What is missing at the above beta WordPress repository plugins screen is the following:
– Responsive design. Amount of columns will change depending on screen size.
– Infinite scroll.

– Information such as active installs, author, last updated and compatible up to is missing.
– The green language bar takes too much space.
– Searching for active installs, star rating, author, tag and whatever else is also missing.
– My profile and a log out link is also missing.

 

I made a wireframe – It includes one plugin preview with added information such as author, active installs, last updated and compatible with.

My wireframe of the Plugins screen at WordPress.org

My wireframe of the Plugins screen at WordPress.org

 

I included a drop down search. Containing Keyword, Active Installs, Star Rating, Author and Tag.
Brought back in the Welcome, Paal Joachim Romdahl and log out.
Took out the green language bar and replaced it with a sentence and a x to remove it.

Added a View Filter which can be used to filter what one sees on the plugin page. Since right now the beta version is too simplified and lacks the obvious active installs, author, last updated and compatible with. Here the user can define their own plugin viewing experience.

New View Filter WordPress Plugin repository mockup

New View Filter WordPress Plugin repository mockup

 

The single plugin mockup view at: https://wordpress.org/plugins-wp/really-simple-captcha/

Single View at the WordPress Beta Plugin Repository

Single View at the WordPress Beta Plugin Repository

 

There are a lot of read more links to that needs to be clicked to show additional information.
There is one long viewable area. Perhaps this is meant for mobile?
The make Favorite heart button is not there yet.

 

I made a wireframe.

My mockup of the single plugin WordPress repository screen

My mockup of the single plugin WordPress repository screen

In addition to items from my first wireframe I included the Make Favorite red heart and text. (I have it already Favorited.)
I moved the title and author name above the plugin banner and removed the extra thumbnail banner.
I made the wide plugin banner smaller.
Added the column to the right of the banner.
Made the description area as wide as the banner. What is most important in viewing a plugin screen is the information sections.
Brought back in tabs which gives a good overview of what information is available.
I changed the search drop down colors from white to blue (just as a test).

 

Now over to the WordPress backend

To the Installed plugins mockup that I made. Inspiration comes from the Media Library.

My Installed Plugins screen mockup

My Installed Plugins screen mockup

 

I changed the bar under the Plugins title.
Viewable by text/description or by smaller thumbnails or simpler methods. Similar to what can be done in the Media Library.
Added information into a drop down.
Added a search drop down box that will search installed and new plugins.

 

I also took a screenshot of the Add Plugins page and added the drop down search that will search installed and new plugins.
Having an overlap of features from the Plugin repository to the Add Plugins screen creates a deeper connection between the two areas.
I am thinking especially of Infinite scroll and responsiveness – showing multiple columns on larger screen sizes..

Add Plugins screen mockup

Add Plugins screen mockup

 

I made these mockups to show an alternative that I believe will be a better option for most users.
Having a good search and defining the viewing plugin experience is very important. As is the overview such as tabs or similar to create a clear distinction between the information that is available on each single plugin screen.

I am hoping my mockups can inspire and improve the existing “beta” version located at https://wordpress.org/plugins-wp/

This article was also written about at: wptavern.com/community-created-mockups-suggest-improvements-to-the-wordpress-plugin-directory-redesign

Share this:

  • Email

Categories: WordPress, WordPress UI

Paal Joachim Romdahl

I enjoy teaching and creating tutorials. As well creating web sites.
I help people gain WordPress knowledge through my easy to follow tutorials and specialized training. Contact me for more information on how I can improve your WordPress skills and to help get your web site quickly up and running.

Comments

  1. Dave says

    6 July - 2016

    Paal, I came across the mocks you made on WPTavern. I just wanted to say that I love what you have done. I like that you have removed the ‘Read More’ links and separated the content in a way that makes sense.

    In the same way, I also wanted to let you know that the filters are a nice touch and replacing ‘popular’ with the filters also makes sense.

    Love the design. Nice work.

    Reply
    • Paal Joachim says

      12 July - 2016

      Thanks Dave!

      Having multiple “Read More” links on the same page is very repeatable and I believe not very good UI practice.
      Some people might want to go directly to the screenshots and having sections for each important area makes it a lot easier. I know from my own existing plugin search that I go straight to the screenshots tab to check out what the plugin looks like.

      Filters for searching and view options for everything is one way to add some options for how each searcher of a plugin wants their own search experience to become.

      I do understand the need to improve the look, but design and ease of use also needs to be strongly balanced in relation to an update of the plugin repo. It will be interesting to see what others come up with and I will also continue to think about additional mockups that I can share.

      Reply

Leave a Comment Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

© 2019 · By Easy Web Design Tutorials · Built on the Genesis Framework · WordPress · Log in · ⇪

loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.