Title: Plugin Directory Prototypes (Single View) Author: Mark Uraine Published: May 20, 2016 Last modified: December 27, 2022 --- [ ](https://profiles.wordpress.org/mapk/) [Mark Uraine](https://profiles.wordpress.org/mapk/) 9:41 pm _on_ May 20, 2016 Tags: [design ( 20 )](https://make.wordpress.org/meta/tag/design/), [plugin directory ( 45 )](https://make.wordpress.org/meta/tag/plugin-directory/) # Plugin Directory Prototypes (Single View) Yesterday, you saw [the mockups and prototypes](https://make.wordpress.org/meta/2016/05/19/plugin-directory-prototypes/) of 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. Directory homepage and search results. Today, I’d like to share the “single view” plugin page mockup. The single view is the primary page for all plugins. Like the earlier mockups, **the content is not accurate** and the entire page is still undergoing changes. ### Prototypes You can play around with the prototype here: [http://codepen.io/mapk/full/YqJezm/](http://codepen.io/mapk/full/YqJezm/) ### Screenshot [⌊Single View⌉⌊Single View⌉[ Single View ### Notes 1. Many details are still being worked out. 2. Some views still need to be created, like the ‘Reviews’ and ‘Support’ views. 3. The ability to ‘favorite’ a plugin still needs to be designed. 4. The ‘Ratings’ section is far from complete. [#design](https://make.wordpress.org/meta/tag/design/), [#plugin-directory](https://make.wordpress.org/meta/tag/plugin-directory/) ### Share this: * [ Threads ](https://make.wordpress.org/meta/2016/05/20/plugin-directory-prototypes-single-view/?share=threads) * [ Mastodon ](https://make.wordpress.org/meta/2016/05/20/plugin-directory-prototypes-single-view/?share=mastodon) * [ Bluesky ](https://make.wordpress.org/meta/2016/05/20/plugin-directory-prototypes-single-view/?share=bluesky) * [ X ](https://make.wordpress.org/meta/2016/05/20/plugin-directory-prototypes-single-view/?share=x) * [ Facebook ](https://make.wordpress.org/meta/2016/05/20/plugin-directory-prototypes-single-view/?share=facebook) * [ LinkedIn ](https://make.wordpress.org/meta/2016/05/20/plugin-directory-prototypes-single-view/?share=linkedin) * [Login to Reply](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fmake.wordpress.org%2Fmeta%2F2016%2F05%2F20%2Fplugin-directory-prototypes-single-view%2F%23respond&locale=en_US) 1. ![](https://secure.gravatar.com/avatar/27180c82524020e7339e2b30818b6d8ab004c54f730f12b1434b1e365be0e175? s=32&d=mm&r=g) 2. [Ipstenu (Mika Epstein)](https://profiles.wordpress.org/ipstenu/) 11:47 pm _on_ May 20, 2016 3. Screenshots … any chance of that being a lightbox gallery? Since some plugins have a few, it would be nice to click and scroll through. 4. * ![](https://secure.gravatar.com/avatar/250257111d1248c34046552bbcdf6999949ef56b2f992dd5eb39bf45cabeb18a? s=32&d=mm&r=g) * [Samuel Wood (Otto)](https://profiles.wordpress.org/otto42/) 12:45 am _on_ May 21, 2016 * I like a lightbox there for technical reasons, but we have to consider it on mobile as well. Yes, but needs testing. * ![](https://secure.gravatar.com/avatar/479f05d4acc73915a43b24a1ee3f30477d4ee19bbec6a5a79906d396f2b2d2ad? s=32&d=mm&r=g) * [Samuel Sidler](https://profiles.wordpress.org/samuelsidler/) 1:48 am _on_ May 21, 2016 * Like Otto says, yes, but needs testing. The “Screenshots” section was meant to show an initial screenshot with an indication that there’s more if you click. We’ll have to play around with that section a bit to get it right, for sure. 5. ![](https://secure.gravatar.com/avatar/cdcb3e78dfe8f049acab3c6d4e7a63950352af99f455a2b4b0ad00865b9ed5e4? s=32&d=mm&r=g) 6. [webaware](https://profiles.wordpress.org/webaware/) 12:12 am _on_ May 21, 2016 7. “This 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. is also available in…” — what’s that going to be like for plugins like WooCommerce with 34 language translations( so far)? 8. * ![](https://secure.gravatar.com/avatar/479f05d4acc73915a43b24a1ee3f30477d4ee19bbec6a5a79906d396f2b2d2ad? s=32&d=mm&r=g) * [Samuel Sidler](https://profiles.wordpress.org/samuelsidler/) 1:35 am _on_ May 21, 2016 * The locale message only shows languages relevant to you. It’s based on a GeoIP lookup and your accept-lang 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. from your browser. It does not show _all_ languages a 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. is in. - ![](https://secure.gravatar.com/avatar/57b1c4ef4f3382f0109daef3f82f598862c63a9fd3a9f5273e3770f19834a3cb? s=32&d=mm&r=g) - [Alin Marcu](https://profiles.wordpress.org/deconf/) 6:21 am _on_ May 21, 2016 - I wonder if we could have a Translations section in the sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme.. A simple section with a CTA similar to Theme Directory. 9. ![](https://secure.gravatar.com/avatar/6845456dbc9056f20a4cd50a6b95db78f2ae31df5c0601c613ee5b8939c41a82? s=32&d=mm&r=g) 10. [Jon Brown](https://profiles.wordpress.org/jb510/) 12:51 am _on_ May 21, 2016 11. I like the overall aesthetic, just not the rearranging of layout and info. 12. I find the tabbed desc/screenshots much easier to navigate between then jumping up and down the page. 13. I do notice and appreciate the idea here of bringing the screenshots up the page in this design by hiding the description behind a read more. 14. FAQ and Changelog. When I need to see those most often I’m going to that 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party.’s page to find those specifically and having to find them via scrolling is going to suck. At the very least this needs TOC navigation. 15. So, while I’d be cool with combining Description and Screenshots onto the same page (in most cases), I think throwing it ALL on one page is a mistake that hurts usability even with a TOC. 16. Actually… considering the screenshots on the page a bit more… some plugins have 1 screenshot, some have a dozens of images. That fact makes the “everything on one page” even less workable. I guess maybe the screenshots could be in a light boxed gallery. Then however, you’d need a way to add useful longer form descriptions to each image visible inside the gallery… questionable if that’s really better usability than a dedicated screenshots page. 17. ![](https://secure.gravatar.com/avatar/6845456dbc9056f20a4cd50a6b95db78f2ae31df5c0601c613ee5b8939c41a82? s=32&d=mm&r=g) 18. [Jon Brown](https://profiles.wordpress.org/jb510/) 1:06 am _on_ May 21, 2016 19. (see screenshot) [https://cloudup.com/cwJV2I0Kte1](https://cloudup.com/cwJV2I0Kte1) 20. 1. I think “Built For” should be much more prominent in the title 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., not the sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. 2. Notice banners for languages seems unwieldy. Could it just be language flags, or 2 letter language codes/icons in the header? De, Zh, En… 3. In the home/search results thread [@NateWr](https://profiles.wordpress.org/NateWr/) had an interesting idea to add a progress bar style indicator. [http://codepen.io/anon/pen/xVoWQW](http://codepen.io/anon/pen/xVoWQW) I think that poses a really interesting way to present support threads responded to. 21. * ![](https://secure.gravatar.com/avatar/6845456dbc9056f20a4cd50a6b95db78f2ae31df5c0601c613ee5b8939c41a82? s=32&d=mm&r=g) * [Jon Brown](https://profiles.wordpress.org/jb510/) 1:09 am _on_ May 21, 2016 * In the screenshot I suggsted only showing the developer tab to logged in users. I forgot that for most (I still use the Chrome Extension “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/](https://wordpress.org/) Plugins SVNSVN Apache Subversion (often abbreviated SVN, after its command name svn) is a software versioning and revision control system. Software developers use Subversion to maintain current and historical versions of files such as source code, web pages, and documentation. Its goal is to be a mostly compatible successor to the widely used Concurrent Versions System (CVS). WordPress core and the wordpress.org released code are all centrally managed through SVN. https:// subversion.apache.org/. Link”) that the svn/tracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.[https://core.trac.wordpress.org/](https://core.trac.wordpress.org/). links are only accessible behind that tab… people shouldn’t need to login/ have accounts to find the link to the source code on trac. * 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. on the other hand… probably could be hidden from unauthenticated users. * ![](https://secure.gravatar.com/avatar/479f05d4acc73915a43b24a1ee3f30477d4ee19bbec6a5a79906d396f2b2d2ad? s=32&d=mm&r=g) * [Samuel Sidler](https://profiles.wordpress.org/samuelsidler/) 1:44 am _on_ May 21, 2016 a. It’s worth exploring making Built For more prominent. b. There’s no such thing as “language flags.” Flags do not indicate languages, they indicate countries (or other specific governmental locations). Languages( more specifically, locales) very often exist across borders. Further, two letter language codes – which are sometimes three letter language codes, or five character language codes like en_UK – are not helpful for users. The directory is built for users. I don’t think the size of them is unreasonable as it’s important to send users to the best possible 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. directory and plugin. Further, see [my comment above](https://make.wordpress.org/meta/2016/05/20/plugin-directory-prototypes-single-view/#comment-8218) about how we don’t show _every_ language. c. I think this is worth exploring, yeah. I’m not sure a progress bar is the best indicator, but the concept of simplifying support “activity” is a pretty good one. * To respond to the subnav comment in the screenshot, I think it’s important to show Developers, regardless of if a user is logged in or not. How will a new developer know they need an account? * On 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. testing… I think it’s an important tab too. We want people to test our beta plugins (feature projects) as much as possible. Making them more visible has helped with that in the current plugin directory. 22. ![](https://secure.gravatar.com/avatar/234c638526c874a3d88307b12a5f903af8c800f2a24708d4da38f9c5387c54f7? s=32&d=mm&r=g) 23. [jeffmcneill](https://profiles.wordpress.org/jeffmcneill/) 1:40 am _on_ May 21, 2016 24. I like what I see with three caveats: 25. * Screenshots on the same page slows down everything, and is not needed, as hopefully people click through to see such things * A lightbox display and even more images again would slow things down, anything requiring seeing more images on a landing page is problematic * Mostly screenshots are either not present or not helpful for evaluating 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party., so that should not be pushed above other information * I agree with the screenshots on another tab approach. * I agree with dispensing with the installation information as that is usually the same for every, single, plugin 26. * ![](https://secure.gravatar.com/avatar/234c638526c874a3d88307b12a5f903af8c800f2a24708d4da38f9c5387c54f7? s=32&d=mm&r=g) * [jeffmcneill](https://profiles.wordpress.org/jeffmcneill/) 1:42 am _on_ May 21, 2016 * Can’t edit comment, so I’ll just add that I also think that FAQs and reviews should also be in separate tabbed dialog as well. * ![](https://secure.gravatar.com/avatar/479f05d4acc73915a43b24a1ee3f30477d4ee19bbec6a5a79906d396f2b2d2ad? s=32&d=mm&r=g) * [Samuel Sidler](https://profiles.wordpress.org/samuelsidler/) 1:47 am _on_ May 21, 2016 * When they exist, screenshots are a primary way that users evaluate plugins. We can use JS to only load the first screenshot and load the rest in a lightbox or in a gallery mode, in which case we’d only load thumbnails by default. One of the goals of this page is to present users with the most important information up front, and less important information further down, or even hidden, so they can make an informed decision. 27. ![](https://secure.gravatar.com/avatar/eae9b03fdf1750ad9ecddf610003712fb406bce09006a0c4596071960057ea0e? s=32&d=mm&r=g) 28. [Ulrich](https://profiles.wordpress.org/grapplerulrich/) 5:34 am _on_ May 21, 2016 29. This is a nice redesign. I agree a lightbox would be good for the screenshots as now some times the screenshot is too small to see and you could see more once it is full screen. 30. What I did not expect was to find the developer links under contributors. Maybe move it to its own section separate from the contributors. There is also a small bug clicking the “show more” button to see to rest of the version it gets cut off after a few version and you don’t see all of them. 31. Related to the contributors section have you thought about plugins that have multiple developers working on it and it may not be fair just to mention one person in the 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. and the rest lower down. 32. * ![](https://secure.gravatar.com/avatar/c5876422a37fd6194f1443154e5b8dc0920c99df2e3cc83f3d146bf34992abc5? s=32&d=mm&r=g) * [Mark Uraine](https://profiles.wordpress.org/mapk/) 7:14 pm _on_ May 25, 2016 * We’re exploring taxonomyTaxonomy A taxonomy is a way to group things together. In WordPress, some common taxonomies are category, link, tag, or post format. [https://codex.wordpress.org/Taxonomies#Default_Taxonomies](https://codex.wordpress.org/Taxonomies#Default_Taxonomies). between ‘Developers’ and ‘Contributors’. For now ‘Developers’ wouldn’t be good because there’s also a ‘Developers’ in the sub navigation in the blue bar at the top. We don’t want to have things named the same but go to different sections. 33. ![](https://secure.gravatar.com/avatar/6a97b9fdf799797b7e29604f11d3c6ba1da31e57f4fdb9f76dba09cb052770b1? s=32&d=mm&r=g) 34. [Joy](https://profiles.wordpress.org/joyously/) 6:15 am _on_ May 21, 2016 35. I do not like this prototype. All of the important information is below the fold. The banner on the mockup is huge, and 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. name is below that. The rating should not be before the details such as version and update date, etc. I agree that having it all on one page makes it a hassle. The tabs work much better since you can click on the info you want without scrolling. (And I currently hesitate to click on Screenshots because it loads so slowly.) I don’t like having the authors at the bottom. I prefer seeing them near the link for support. I don’t think the blue stripe at the top is useful on the plugin detail page. It is wasted space. The current design is better, with that stuff in the left sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme.. Does the sign-in box live in a section that’s not shown here? 36. ![](https://secure.gravatar.com/avatar/1d6ade463daf34bd30fc261b04f233e6ef4c1597ca8a551e6234b11ea787a2c8? s=32&d=mm&r=g) 37. [dartiss](https://profiles.wordpress.org/dartiss/) 9:22 am _on_ May 21, 2016 38. I like it 🙂 However, will there still be the donation link in the final version? 39. One other thing, above what we’ve had before (and I suspect this will provoke comment) but any chance of some way of indicating revision dates (without relying on the author to hand type them into the changelog)? Also, does anybody think there’s mileage in a PHPPHP PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. [https://www.php.net/manual/en/index.php](https://www.php.net/manual/en/index.php) compatibility version? 40. * ![](https://secure.gravatar.com/avatar/479f05d4acc73915a43b24a1ee3f30477d4ee19bbec6a5a79906d396f2b2d2ad? s=32&d=mm&r=g) * [Samuel Sidler](https://profiles.wordpress.org/samuelsidler/) 12:00 pm _on_ May 21, 2016 * > However, will there still be the donation link in the final version? * Yes! We’re still iterating, but we definitely want to display the donation link. 🙂 41. ![](https://secure.gravatar.com/avatar/fe1541ecaf52e528bd94cbb9a112fccddd6c8a1b72a9d4f53277b58298088e75? s=32&d=mm&r=g) 42. [Rene Hermenau](https://profiles.wordpress.org/renehermi/) 9:49 am _on_ May 21, 2016 43. The banner should have the same size or at least the same ratio than the current banners have. Otherwise all 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. authors have to recreate their banners which results in a endless numbers of broken and very ugly appearing plugin pages. 44. The toggle read more links lead to problems for plugins with very large plugin description. If you click on such a read more link, you have to scroll a very long way until you are able to use the other tabs. 45. Having the tab navigation sticking on top of the plugin page seems to be the better way as it allows us to jump more quickly between the tabs. 46. * ![](https://secure.gravatar.com/avatar/c5876422a37fd6194f1443154e5b8dc0920c99df2e3cc83f3d146bf34992abc5? s=32&d=mm&r=g) * [Mark Uraine](https://profiles.wordpress.org/mapk/) 8:22 pm _on_ May 23, 2016 * Yes, the banner will have the same ratio as the current design. 47. ![](https://secure.gravatar.com/avatar/6228dfee1f1f4d4534f37aa86f069579cbdb71b43f6aeb1e16dd56b9b90e996f? s=32&d=mm&r=g) 48. [ccprog](https://profiles.wordpress.org/ccprog/) 4:35 pm _on_ May 21, 2016 49. Until now, I tried to give configuration/usage instructions on 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. page. With the streamlined accordion folds, this comes definitely to an end. (That’s okay, the current tabs are not very user-friendly as they are.) So, why don’t you include a standard place to link to an external manual? A lot of plugins have them, anyway. 50. Another fold that may be interesting is a privacy policy. 51. ![](https://secure.gravatar.com/avatar/c8091d1ddd1fb207bb9c5015c2869bae9a2f03bd1378d11cd5ec0edc076bb2cd? s=32&d=mm&r=g) 52. [webdevmattcrom](https://profiles.wordpress.org/webdevmattcrom/) 9:58 pm _on_ May 21, 2016 53. I like the overall idea, but having ALL that information on one page feels like overkill. I’d much prefer that the less important information was available as an AJAX tab (rather than the current page refresh tabs). 54. Also, “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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. Details” is the most important information. It should not have the “Read More” expander at all. Having that for other sections is fine. 55. Agree with others that a lightbox for screenshots with captions would be excellent. 56. Agree with Jon Brown that “Built With” needs to have more prominence. 57. Also love Jon’s suggestion regarding a Progress Bar for the resolved Support tickets. 58. In terms of importance of sections, I’d order them like this: 59. * Plugin Details (no “Read More”) * Screenshots * Reviews * FAQs * Contributors * Changelog (singular I believe, not plural, right?) 60. ![](https://secure.gravatar.com/avatar/5612a0b1e26e958b7cb153ad8d69325be61525b2bba4819361bb69f127ec34b4? s=32&d=mm&r=g) 61. [Mark Root-Wiley](https://profiles.wordpress.org/mrwweb/) 10:00 pm _on_ May 21, 2016 62. Overall I like this a lot. Unlike some other commenters, I think the ability to highlight one FAQ, for instance, will help draw people to that section. However, I think there may be a big SEO/UXUX UX is an acronym for User Experience - the way the user uses the UI. Think ‘what they are doing’ and less about how they do it. problem with the hidden content. Google’s current webmaster guidelines include the following: 63. > Make your site’s important content visible by default. Google is able to crawl > HTMLHTML HTML is an acronym for Hyper Text Markup Language. It is a markup > language that is used in the development of web pages and websites. content > hidden inside navigational elements such as tabs or expanding sections, however > we consider this content less accessible to users, and believe that you should > make your most important information visible in the default page view. 64. Ref: [https://support.google.com/webmasters/answer/35769?hl=en](https://support.google.com/webmasters/answer/35769?hl=en)( Ironically hidden in an accordion…) 65. Worse, if users do see search snippets that include hidden text, they’ll have a heck of a time finding it (even in-page search wouldn’t work without expanding all the sections first). I like the summaries of each section, but I would really recommend keeping the individual FAQ and Other Notes page. Just generally speaking, accordions and hidden content in general have some serious UX issues ([https://www.nngroup.com/articles/accordions-complex-content/](https://www.nngroup.com/articles/accordions-complex-content/)). 66. Other than that: 67. +1 on lightbox 68. I’ve always found the Support link hard to find in the Theme directory so moving it here makes me nervous. Maybe it’s just a consistency issue, but I never hesitate when going to 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. Support forumSupport Forum WordPress Support Forums is a place to go for help and conversations around using WordPress. Also the place to go to report issues that are caused by errors with the WordPress code and implementations. for a plugin. 69. ![](https://secure.gravatar.com/avatar/6228dfee1f1f4d4534f37aa86f069579cbdb71b43f6aeb1e16dd56b9b90e996f? s=32&d=mm&r=g) 70. [ccprog](https://profiles.wordpress.org/ccprog/) 1:34 am _on_ May 22, 2016 71. Just encountered a bug: expand “Contributors” (the developer links are really a suprise at this place). Then, click “Show more” under “Other Versions” – the extra content disappears inivisibly below the “Close” and cannot be brought into view. 72. * ![](https://secure.gravatar.com/avatar/c5876422a37fd6194f1443154e5b8dc0920c99df2e3cc83f3d146bf34992abc5? s=32&d=mm&r=g) * [Mark Uraine](https://profiles.wordpress.org/mapk/) 8:56 pm _on_ May 25, 2016 * Yes, thanks… as mentioned this is still in development and preliminary design stages. We’re aware of this bug. 🙂 73. ![](https://secure.gravatar.com/avatar/323cf209e19dd825678e9ccc51bc3f745f96571f1c68af26ae7955c1fa9ad1f2? s=32&d=mm&r=g) 74. [Aaron Jorbin](https://profiles.wordpress.org/jorbin/) 4:02 am _on_ May 22, 2016 75. 👍 76. ![](https://secure.gravatar.com/avatar/6a97b9fdf799797b7e29604f11d3c6ba1da31e57f4fdb9f76dba09cb052770b1? s=32&d=mm&r=g) 77. [Joy](https://profiles.wordpress.org/joyously/) 8:03 pm _on_ May 22, 2016 78. Currently, when you are in the WordPress back-end and you search for a 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. to add, this page comes up in a lightbox (View details). Will that be changing, or do we need to keep in mind that it is accessed from there as well as a stand-alone page? 79. ![](https://secure.gravatar.com/avatar/fcbc6869ca65225c6bfbd46b7f1720efc6bd0b966f1a3ea9401663d9e9870459? s=32&d=mm&r=g) 80. [NateWr](https://profiles.wordpress.org/natewr/) 5:23 pm _on_ May 23, 2016 81. I really like the direction this is going in by moving away from the tabbed approach. Bringing screenshots onto the main page is great. 82. And I am very grateful you’ve raised the profile of the FAQ! Maybe we can even add a button next to the Support button on the right which says “Read FAQ”. 83. I’d like to make a suggestion building on [@mrwweb](https://profiles.wordpress.org/mrwweb/)‘ s concerns regarding the Read More links and SEO/usability. 84. * Use the expandable Read More 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. Details section, but double the height shown by default. This provides sufficient room for a lot of the key information that can be pretty important for a plugin (usage, instructions, key feature list). But it won’t bury other things miles down on a page for plugins that dump a ton of info here. 85. * For the other sections, show one or two items for each section (FAQ, Reviews, Changelogs, Contributors) and turn the existing read more expander into a link that jumps to a separate page with more information. 86. On a different note, just want to +1 the suggestion to raise the prominent of the Built For info. 87. But I really like the direction here. 88. * ![](https://secure.gravatar.com/avatar/fcbc6869ca65225c6bfbd46b7f1720efc6bd0b966f1a3ea9401663d9e9870459? s=32&d=mm&r=g) * [NateWr](https://profiles.wordpress.org/natewr/) 8:55 am _on_ May 24, 2016 * Here is a CodePen showing some of the suggested changes: * [http://codepen.io/anon/pen/wGVQEb](http://codepen.io/anon/pen/wGVQEb) - Double’s default height of visible 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. description - Uses actual links instead of read more links for other content sections - Moves Built For into the plugin 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. to increase prominence - Changes display of “Lite” tag card to make it seem slightly less like a positive “badge” - Adds “View FAQ” button to the support section * - ![](https://secure.gravatar.com/avatar/6a97b9fdf799797b7e29604f11d3c6ba1da31e57f4fdb9f76dba09cb052770b1? s=32&d=mm&r=g) - [Joy](https://profiles.wordpress.org/joyously/) 2:32 pm _on_ May 25, 2016 - I hope you realize that the least useful thing (banner) is most prominent and the most useful thing (version number, support, update date, active installs) is at the bottom or below the fold (depending on screen size). 89. ![](https://secure.gravatar.com/avatar/c0113b43c8dd56a18f20323ef51486b72927d0785a23d6d9f87d06d1c4e85bcd? s=32&d=mm&r=g) 90. [Greg Ichneumon Brown](https://profiles.wordpress.org/gibrown/) 4:07 pm _on_ May 25, 2016 91. Assuming the “built for” taxonomyTaxonomy A taxonomy is a way to group things together. In WordPress, some common taxonomies are category, link, tag, or post format. [https://codex.wordpress.org/Taxonomies#Default_Taxonomies](https://codex.wordpress.org/Taxonomies#Default_Taxonomies). is added, it may be nice to include a list of plugins that are related to the current 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party.. Probably sorted similarly to how search gets sorted. Encourage plugins to build on each other and help users find plugins that build off of ones they are already using. 92. * ![](https://secure.gravatar.com/avatar/c5876422a37fd6194f1443154e5b8dc0920c99df2e3cc83f3d146bf34992abc5? s=32&d=mm&r=g) * [Mark Uraine](https://profiles.wordpress.org/mapk/) 4:11 pm _on_ May 26, 2016 * I like this idea, and we’ve definitely been discussing it. Thanks! 93. ![](https://secure.gravatar.com/avatar/4ec496e84e28f9d86d863cdfeb04f272474dc9b58587a65527b09506a8f20ee8? s=32&d=mm&r=g) 94. [Pascal Casier](https://profiles.wordpress.org/casiepa/) 11:13 am _on_ June 12, 2016 95. [@mapk](https://profiles.wordpress.org/mapk/), seems great so far! I’m following it closely. 96. What I’m missing somewhere is integration with polyglots/translation stuff. Mainly outside US people are depending on translation and with the upcoming changes in WP 4.6 (GlotPress will be the primary source of translation) and having close to 50% non en_US installs ([https://wordpress.org/about/stats/](https://wordpress.org/about/stats/)) some improvement might be done on this side. I’m thinking of: 97. * A more visible link to ‘how to help in translation’ * How to become a PTE (Project Translation Editor) to be able to validate translation 98. On that last one, a 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. author could maybe have a way to indicate if 1) he/she wants to keep an eye on all translations and post it him/herself on [https://make.wordpress.org/polyglots/](https://make.wordpress.org/polyglots/) or 2) Indicate that anybody could request to become a PTE for this plugin by contacting a GTEGeneral Translation Editor General Translation Editor – One of the polyglots team leads in a geographic region [https://make.wordpress.org/polyglots/teams/](https://make.wordpress.org/polyglots/teams/). Further information at [https://make.wordpress.org/polyglots/handbook/glossary/#general-translation-editor](https://make.wordpress.org/polyglots/handbook/glossary/#general-translation-editor) of a locale or post it on [https://make.wordpress.org/polyglots/](https://make.wordpress.org/polyglots/)( nowadays it’s more common that the plugin authors is requesting it to be sure he/she kind of agrees. If this ‘agreement’ is visible on the plugin page, it would help a lot) 99. If possible, let me know how I can be your ‘link’ with the polyglots so it helps everyone, or where and how I could contribute. 100. Pascal. 101. ![](https://secure.gravatar.com/avatar/4ec496e84e28f9d86d863cdfeb04f272474dc9b58587a65527b09506a8f20ee8? s=32&d=mm&r=g) 102. [Pascal Casier](https://profiles.wordpress.org/casiepa/) 1:55 pm _on_ June 22, 2016 103. Dear all, I have been checking the [https://wordpress.org/plugins-wp/](https://wordpress.org/plugins-wp/) and saw it getting shape in the last weeks. But having my own plugins AND being an active polyglot getting people around the table to help in translation, I do not find anything in relation to the translation of 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. on GlotPress. As you might be aware starting from WordPress 4.6 the primary source of translation will be GlotPress and no longer the local mo/po, so the link to translation should be well visible from the plugin page. 104. My previous reply on this thread was only a starting point, but I hope with 46% of non US WordPress sites translation is being well considered. 105. As always I’m available to give input coming from the polyglots side. if you have any ideas that I can share with the others, that would be great. 106. Thanks, Pascal. 107. * ![](https://secure.gravatar.com/avatar/479f05d4acc73915a43b24a1ee3f30477d4ee19bbec6a5a79906d396f2b2d2ad? s=32&d=mm&r=g) * [Samuel Sidler](https://profiles.wordpress.org/samuelsidler/) 2:04 pm _on_ June 22, 2016 * Unlike in the old directory, there won’t be a list of translations in the sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme.. However, in the new directory, there will be a green bar, front- and-center, on all 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. directory pages if the plugin directory is available in your language. Once there, the text of the green bar will update if the current plugin is not available in your language, as a prompt to encourage new translators. You can test this now, though we’re still working on the final pieces of it. * Separately, I removed all the @ pings from your comment. There is no reason to pingPing The act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.” several people for your comments. * ![](https://secure.gravatar.com/avatar/f847340cac151352b0bc321c16df9a032472b24bd496730d22dbecdaa1dbeec8? s=32&d=mm&r=g) * [FolioVision](https://profiles.wordpress.org/foliovision/) 8:30 pm _on_ July 30, 2016 * Pascal, thanks for looking carefully at the translations issue. * I’ll miss seeing the translations in the sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. too. We work in several languages as well and having to fiddle around going from different versions of the 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/](https://wordpress.org/) site to figure out what languages a 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. is available in would be a huge step backwards. ### Leave a Reply 󠀁[Cancel reply](https://make.wordpress.org/meta/2016/05/20/plugin-directory-prototypes-single-view/?output_format=md#respond)󠁿 You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fmake.wordpress.org%2Fmeta%2F2016%2F05%2F20%2Fplugin-directory-prototypes-single-view%2F&locale=en_US) to post a comment. # Post navigation [← Plugin Directory Prototypes](https://make.wordpress.org/meta/2016/05/19/plugin-directory-prototypes/) [Taxonomies in the Plugin Directory →](https://make.wordpress.org/meta/2016/05/20/taxonomies-in-the-plugin-directory/)