WordPress.org

Ready to get started?Download WordPress

Make WordPress UI

Recent Updates Page 2 Toggle Comment Threads | Keyboard Shortcuts

  • Michael Arestad 6:39 pm on June 4, 2014 Permalink
    Tags:   

    Press This 

    Hi! It’s been a few weeks since we added our initial brief.

    What is it?

    Press This is a redesign with a focus on automation and speed.

    Screenshot of Press This in action

     

     

    Progress

    • We now have an alpha public release available for testing. We plan on pushing nightly soon. Beware: there be dragons.
    • Design elements are starting to fall in place. We are still iterating on placement and behavior of WYSIWYG, modal pop-out, embeds, settings, and Add Media.
    • More screenshots

    Features

    • Core architecture of the plugin/tools is an as-pure-Javascript app as possible
    • Currently AJAX driven, but ready to be switched to using the WP-API endpoints as they become available
    • Is backward compatible with the current version of the Press This bookmarklet as bundled in WP, but also bring its own, more powerful one with it
    • Can blog any web page found online, blockquoting an excerpt, including a selection of in-page images to choose from. Said images are augmented with meta data to sort them in the order the site advertises to be best
    • Overrides /wp-admin/press-this.php and its behavior, so that we’re 100% backward compatible
    • Overrides the bookmarklet JS code provided in /wp-admin/tools.php
    • Quick featured image switching
    • Saving draft and publishing
    • Image side-loading
    • 3 modes
      • Direct access: quick post of sort, more to come with media and formatting tools
      • Modal: when accessed via new bookmarklet code: will show in an iframe within the visited page itself
      • Popup: if the currently visited page is SSL but the target install is not, we open Press This in a popup instead. We also do that if the”legacy” bookmarklet code is used. It’s pretty awesome for pressing from your sweet smartphone.

    Next Steps

    • Formatting and media upload tools (+editor)
    • De-selecting a picture (if none wanted)
    • Embeds
    • Add header
    • Add minimal WYSIWYG for tablet and larger
    • Add Add Media functionality
    • Add SVG icons 8)
    • Explore various installation flows

    Ultra alpha installation instructions.

    Help us make this thing amazing! Feedback and Pull Requests welcome!
    Discussion: corepressthis.wordpress.com | Chat: Skype | Weekly Meeting: Wed. 16:00 UTC in #wordpress-ui

     
    • tomdryan 7:45 pm on June 4, 2014 Permalink | Log in to Reply

      I played around with it a bit and it is a huge improvement! creating a nicely formatted post ready to go, rather than just copying a link. The model should be similar to reblog or how the FaceBook URL function works — it does all the heavy lifting and lets you add from there.

      One suggestion: If it is a WordPress site, is there a way to pull the post excerpt from the source into the new post? Might have to make some changes on the WordPress side to make that work, but it would be slick. The posts that I Pressed only brought over the image and the headline.

      Keep up the great work!

    • tomdryan 7:47 pm on June 4, 2014 Permalink | Log in to Reply

      …also, please have the title of the “Press This” bookmark include the name of the site that you are Pressing to. This is helpful for those of us that have multiple WP sites.

    • KETCorporation 12:52 pm on June 7, 2014 Permalink | Log in to Reply

      I think PressThis is a nice feature and the pop-up controls are designed quite well. I’m just having problems with my media sometimes…

    • jimmy506 2:49 pm on June 27, 2014 Permalink | Log in to Reply

      I’ve been looking forward to a redesign to PressThis for a long while. One problem- I get a 403 error when clicking the bookmarklet. When this happened with the standard PressThis I could fix it by changing:

      u=‘+e(l.href)+‘
      to this:
      u=’+e(l.href.replace(/\//g,’\\/’))+’

      However- I’m not sure how to tweak it with the bookmarklet generated by the new plugin.

      The issue is discussed here: http://codex.wordpress.org/Press_This

      Thanks!

  • Jerry Bates (jerrysarcastic) 11:18 pm on May 30, 2014 Permalink
    Tags:   

    Do you use the Media Library to manage your media? Let's chat! 

    A group of us have been look into improvements to the Media Library (Media > Library) interface in the admin dashboard. If you currently use Media Library, or have used it in the past, we want to ask you about it.

    We’re looking for about 5-10 people to meet with over the next couple of days, so we can chat. Should take just take a few minutes of your time!

    If interested, please send me an email at jerrysarcastic [at] gmail, or ping me at jerrysarcastic on IRC.

     
  • shaunandrews 2:01 am on May 24, 2014 Permalink
    Tags:   

    Media Grid: Thumbnail Resizing 

    Outside of a grid layout, there are a few other features that the Media Grid team has been discussing. Lets talk about one of these feature: Thumbnail Resizing.

    Recap: Why a grid?
    The entire purpose of moving towards a grid layout for the Media Library is to make it easier for you to manage your media — images, videos, audio, documents, and more. The library currently uses a standard “wp-list-table” view. (This actually could use some love, too.)

    Media Table View

    The Media Grid plugin currently replaces the tableview with the existing Media Manager grid, commonly seen while adding an image to your post.

    Media Manager

    Images and videos are visual files, and lend themselves to a thumbnail grid. Its easy to find an image by scrolling through a grid. There’s a lot of potential for extending previews to other types (like audio, pdf’s, etc), which would also benefit from the grid UI.

    Resizing

    While working on the Media Grid plugin, I often found myself reference other file management tools. Programs like OS X’s Finder, Windows’ Explorer, Apple’s iPhone (Mac and iOS), and a few others. One pattern I noticed was that most of these applications offers some way to change the way you view “things” (files, images, documents, whatev’s) in your list. In my own experience, I find myself changing the thumbnail size while browsing a bunch of images on my computer:

    Finder Default Icons

    Finder’s default thumbnail size.

    Just move this little slider...

    Just move this little slider…

    …and boom, larger icons!

    The larger grid view really shines when browsing more details images, or lots of similar images. Its also a great way to just look through your images in more detail, without having to jump to a full size view for each one.

    The Media Grid plugin currently has some thumbnail size options. The first iteration used a slider and animated the thumbnails as they changed size, right in front of your eyes! It was cool… at first. Then it quickly got annoying.

    A few more iterations

    The animation was jumpy, and more distracting than anything else. I nixed the animation, but the slider still felt unnatural — there aren’t any other sliders in wp-admin. I decided to keep things simple, and replaced the slider with a three buttons: Small, Medium, Large. After another few weeks of using this, I found myself using Small and Medium often; Large was rarely used. So I trimmed the options down to simply: Small and Large. This is where’re at in the current plugin:

    Resize_in_Action

    (I wrote about some of the above earlier, over on the Media Grid team blog.)

    Now what?

    What do you think about the size options? Are the helpful, or unnecessary bloat? Or somewhere in between?

    What do you think about the two (Small, Large) options?

    Is the straight-forward label toggle a good UI? What about icons, like this:

    Media Library Nav Bar

     
    • GeorgiaG 2:14 am on May 24, 2014 Permalink | Log in to Reply

      Hi there. I like the size options and grid – a lot – but would still like to be able to select ‘list view’ which I don’t see int the Media library screen you posted. As to the icons, they may not be something that your entire user base understands. I would do a user test or at the very least have a tool tip in place. You also may be able to hint at their purpose by attaching them to the preview window (via a tab or the like). A simple visual cue may go a long way to explain them. Thank you and cheers, Georgia

      • mrwweb 9:36 pm on May 25, 2014 Permalink | Log in to Reply

        +1 on maintaining the list/table view. For sites that predominantly use non-visual media or users relying on metadata, the table view will remain useful. If there’s already small and large, then adding list seems easy, at least ui-wise.

    • GeorgiaG 2:17 am on May 24, 2014 Permalink | Log in to Reply

      BTW, when I posted I got an error message and a statement that my comments weren’t posted and then almost immediately got feedback that a new comment had posted.

    • Sjoerd Boerrigter 8:33 am on May 24, 2014 Permalink | Log in to Reply

      What is the exact purpose of this feature? If the large images are better, why wouldn’t we always show large images? I think the power of a good UI is not giving users more options to choose from, but making the right choices for them. So I would say this is bloat.

    • Adam W. Warner 11:46 am on May 24, 2014 Permalink | Log in to Reply

      Just my opinion, but I like the small/large icon choice. It doesn’t clutter things and still allows me (as a user) to have A choice instead of none.

    • Gabriel Gil 1:52 pm on May 24, 2014 Permalink | Log in to Reply

      I don’t like that free space on the right till the sidebar appears. I think it could be occupied by the thumbnails till one or more are selected, or show something from the empty state.

      Cheers!

    • Weston Ruter 4:28 pm on May 24, 2014 Permalink | Log in to Reply

      For some more validation on having the large/small option, the Google Photos uploader also provides this feature.

    • memuller 8:34 pm on May 24, 2014 Permalink | Log in to Reply

      I think it’s reasonable to allow the choice of thumbnail size. The large thumbnails can be quite useful, as you described; but are clearly *not* useful enough to be the only view available – if we’re not going to allow this choice, them the small thumbnails are the way to go.

      If we do allow the choice, them just two sizes are enough.

      The icons seems like the ideal way here; as they don’t get mixed up with other text options there (like the media type filters). Those icons are quite intuitive, are being used in a number of other applications (can’t think of any right now, sorry – but good old OSX Finder is close enough), and are clearly non-destructive and not intrusive – as in, if a user is not sure of what they do, he may click them without fear (after clicking, their function becomes evident); or he may just ignore them without significant complications.

    • jerrysarcastic 11:14 pm on May 30, 2014 Permalink | Log in to Reply

      One of the coolest features (for me) is this easter egg:

      If it is possible to upload directly to the library (and expose this feature in a way that users grok) then this could also eliminate the Media > Add New page in admin.

  • shaunandrews 3:17 pm on May 9, 2014 Permalink
    Tags:   

    Media Grid Update 

    I’ve been working alongside @ericlewis on making the Media Library better. Our primary focus has been to adapt the existing media manager modal for use in the page. We’ve been developing over at GitHub: https://github.com/helenhousandi/wp-media-grid-view

    There are two active branches right now.

    In the persistent-sidebar branch, I’ve been exploring alternate UI’s for a grid view, as well as interactions for selecting, browsing, and editing your media. I pushed the latest from the branch to the Media Grid plugin on the WordPress.org plugin repo the other day. Please install it and let us know what you think: http://wordpress.org/plugins/media-grid/

    Over in the backbone branch, Eric has made considerable progress breaking the media manager out of its modal. He’s also managed to add the thumbnail size options.

    We’re experimenting with using a blog for more regular updates and discussions. If you’d like to join in, just let me know: http://coremediagrid.wordpress.com

    We’ll have our normal meeting in IRC today (#wordpress-ui) at 16:00 UTC (12pm eastern) to discuss our next steps. We hope to see you there!

     
  • Mel Choyce 4:55 pm on April 25, 2014 Permalink
    Tags:   

    Do you use Press This? We want to talk to you! 

    A group of us are starting to look into making improvements to Press This. If you currently use Press This, or have used it in the past, we want to chat with you. We’re looking for about 5-10 people to chat with in the next couple days. If interested, please send me an email at melchoyce [at] gmail, or ping me at melchoyce on IRC.

     
  • Janneke Van Dorpe 8:08 pm on April 23, 2014 Permalink
    Tags:   

    Front-end Editor Meeting 22 April 

    Yesterday we had a quiet meeting, so there’s not much to report.

    I’ve removed compatibility with WordPress 3.8 so it’s easier to develop, and the plugin now loads the TinyMCE scripts from core, which should make the editor load faster. I also restyled the admin bar used in the editor so that it looks like the back-end editor. That way the buttons have styles for every state, and it’s hopefully easier to distinguish read and writing mode.

    More updates next week! :)

    fee-2014-04-23

     

     

     
    • radiomint 2:38 pm on May 15, 2014 Permalink | Log in to Reply

      Hi, I’m new to the Forum. and i need to suggest a feature request / a small implementation to the back end editor. It is small but would benefit a lot of people. :) So how or where can i go and do that?

  • Janneke Van Dorpe 7:20 am on April 19, 2014 Permalink
    Tags:   

    I’ve been away without internet for the last two weeks, but now I’m back, so the next front-end editor meeting will be Tuesday, 22 April 2014, 17:00 UTC. In the meantime I’ll update the plugin a bit for 3.9 and remove 3.8 compatibility so it’s easier to work with.

     
  • trishasalas 3:58 am on April 11, 2014 Permalink
    Tags:   

    Admin Help Update – 7, April 2014 

    We’ve had a quiet few weeks as I was busy building a resume, interviewing and rounding up code. But yay for new jobs and time to move forward!

    Thanks to @clorith and @jazzs3quence for picking up the slack! I’ve talked to @designsimply and we are going to start user testing asap. In the meantime we can continue to watch the older usertesting.com videos and I would love to see some write ups like @jazzs3quence recommended. :)

    Thanks for the patience everyone, back to weekly updates from here.

     
  • designsimply 11:58 pm on March 26, 2014 Permalink
    Tags: editor, , ,   

    WordPress Images/Galleries — Usability Test 1 

    I did a usability test on the recently updated image and gallery features in the editor using WordPress r27502 with a beginner user.

    Summary

    • Drag and drop to add an image is not discoverable
    • Resizing an image by dragging is not discoverable
    • Extensive inline help needed to figure out cropping
    • Unable to find “medium” size setting
    • Difficulty replacing an image, but only because she didn’t insert one to start with
    • No trouble rotating, deleting, re-adding images
    • No trouble adding, deleting, or changing columns in a gallery

    You can download the full video here: bf80a9a3.mp4 (Length: 19:00)

    Points of Confusion

    Drag and drop to add an image is not discoverable (Length: 3:01)

    Task given was to resize an image (trying to get them to drag the corner), but she scales it instead (Length: 1:05)

    Difficulty cropping, had to use inline help to learn how it works (Length: 1:18)

    Unable to find the setting to change an image to medium size (Length: 1:41)

    Difficulty replacing the image because she never actually inserted it in the first place (Length: 3:22)

    See more highlight reels after the jump.

     
  • designsimply 11:44 pm on March 25, 2014 Permalink
    Tags: customizer, customizer headers, customizer widgets,   

    WordPress Theme Install/Customizer — Usability Test 2 

    I did a 2nd usability test on theme installs and customizer headers/widgets using WordPress r27502 with an intermediate/advanced user.

    Summary

    • Users love the theme install process. Well done!
    • No trouble installing a theme
    • No trouble adding header images
    • Difficulty randomizing headers
    • I’m fascinated about the reasons people give for picking themes. :)

    You can download the full video here: b692a9a3.mp4.

    Successes

    No trouble installing a theme: “I love love love how easy you make the whole installation process. You guys have really streamlined that. It’s one of the things I really appreciate about WordPress.” (Length: 0:58)

    See more highlight reels after the jump.

     
c
compose new post
j
next post/next comment
k
previous post/previous comment
r
reply
e
edit
o
show/hide comments
t
go to top
l
go to login
h
show/hide help
shift + esc
cancel