DevHub getting a new look


With the feedback received last week, the design team worked on a second iteration in Figma. If you haven’t given us your feedback, please do so in this file. Feedback will be open until December 2, 2022, as we want to proceed with the work.

What is the new look about

With all the redesign happening in, it is now time for Developers documentation. The design team has started with a new look but need feedback from documentation users.

Developers documentation is composed of handbooks and articles. At this time, the handbooks will not be redesigned.

What we need feedback on?

  • Compare and review the landing page. Changes include:
    • First blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. links the handbooks under Developer Reference
    • The second block splits the Code Reference into New and updated in 6.x version and the Common APIs handbook TOC
    • The link to Dashicons was removed since they have been deprecated. Do they still need to be linked under Resources? Or shall the link move to somewhere else?
    • Does this navigation make sense?

Other sections that need review

  • Breadcrumbs have been moved to the blue ribbon
  • User contributed notes
  • User contributed notes feedback form
  • Styling in the code block (highlighting the title and keeping the code background white)
  • The general Add note/feedback form
  • The changelog at the bottom of the page will be expandable

Feel free to leave your comments in the Figma file or in this post.

Props to @joen for feedback on this post and @javiarce for his design work.