WordPress.org

Ready to get started?Download WordPress

Ideas

Improving the post editor by moving the upload/insert media button

  1. Sinklar
    Member

    12345

    With WordPress release 3.3, you completely revamped the media upload/insert feature.

    Now that we have a nice all-in-one uploader and media insert button, I don’t think it’s still necessary to have it staying alone above the post editor. Plus, if I follow your “just write” concept, I think it is more disturbing than useful.

    I suggest:

    1 -- The removal of this upload/media button in order to place it in the toolbar. It’s (just) a tool we can use to embellish the text but it is not the main component of the post/page editor. It doesn't help you to write.

    2 -- If we move this tool, we could also move the Visual/HTML toggle, which is another tool, the same way so we can reduce the white space between the title field and the editor.

    3 -- Let's fade away the permalink modifier when it's not "hover" or "focus".

    I wrote a note about that and posted some pictures to mockup the concept on my blog. See this post.

    Thanks for reading this!

    Side note: if one day you consider moving the media button, please don't let the visual/html toggle alone because it would be the same again and again.

    Posted: 2 years ago #
  2. Jen Mylo
    Key Master

    12345

    x-posted on blog post.

    Coincidentally, I was just telling Matt the other day that I wanted to do pretty much this exact same thing next time around. His response was that when the upload trigger used to be in the toolbar that no one could find it. I pointed out that back then it was a generic icon, and that using the nav camera+note icon made it more recognizable.

    When we have disagreements about things like this, I usually get to a final decision by testing, so per Eric Mann’s suggestion on the blog post, this shouldn’t go on Trac yet (Ideas forum with a tweet linking to it was perfect, and it obviously got my attention) , but should be done as a plugin. Once there’s a plugin, I can run some usability testing with WP users to see how it goes. If the revamp doesn’t slow people down/confuse them as Matt suggested it would, that’s the point at which we would move on to Trac and begin an enhancement ticket.

    In the meantime, it would be great for you to join the UI group, where specific design improvement challenges like this are posed/comped/discussed to help with the development of core. http://make.wordpress.org/ui

    Posted: 2 years ago #
  3. Jen Mylo
    Key Master

    12345

    The main changes to your mockups that I'd make would be to make Visual/HTML a joined toggle vs two separate buttons, and to put the media icon in the first position before bold rather than bogged down in the middle with alignment options.

    Good work!

    Posted: 2 years ago #
  4. Ipstenu (Mika Epstein)
    Half-Elf Support Rogue & Mod

    I think the revamp would have confused people pre 3.3, since there were multiple upload buttons. With 3.3 combining them into one and the pointers, I think it's not as dramatic as it would have been last year.

    Posted: 2 years ago #
  5. Jon Brown
    Member

    12345

    First I really like the idea of cleaning this up now that there is only one upload icon, however do keep in mind that some plugins (Gravity Forms comes to mind) have added icons beside the WP media upload icon that could get lost.

    I like Jane's comments that the visual/html switch should be a unified toggle rather than two buttons, although I also think it fits nicely as tabs on the same line as the permalink (see mockup linked below). I also think that the upload icon should come first, rather than being grouped in the middle with links.

    Finally I think perhaps the upload icon should/could be visually distinct from the other icons AND potentially the icon (if not the whole content box) being a drag and drop zone to shortcut the modal popping up... see mock up: http://bit.ly/vNsrHm

    Posted: 2 years ago #
  6. Paul de Wouters
    Member

    12345

    just making the upload button more prominent and use text instead of a cryptic icon would be a huge improvement.
    How about "upload media"?

    I imagine it must be difficult for a new user to figure how to upload media with the current minuscule icon.

    Posted: 2 years ago #
  7. Bozz
    Member

    12345

    My clients have a hard time locating this functionality, primarily because it is "outside" of the user interface and doesn't look like a button.

    Any work to clarify that this is actually part of the rest of the UI would be useful. You could try to wrap a gray border around it to give it a feeling of attachment to the MCE toolbar.

    Posted: 2 years ago #
  8. I think the upload icon should come first, rather than be grouped in the middle with links.

    Posted: 2 years ago #
  9. mrwweb
    Member

    12345

    Thought I'd add the link to this blog post proposing one simple UI change that might address both sides of this debate: http://www.parisvega.com/if-ya-wanna-click-it-ya-better-put-a-button-it/

    Leave it outside of the editor but make it an obviously clickable button. I'll hopefully make a plugin to do this in the next week or two and add a link here.

    Posted: 2 years ago #
  10. nichellfwb
    Member

    I am using it, it is something difficult for me to clear to upload media with the minuscule icon.

    Posted: 2 years ago #

RSS feed for this topic

Reply »

You must log in to post.

  • Rating

    12345
    22 Votes
  • Status

    This idea is under consideration