[wp-trac] [WordPress Trac] #30155: Fix crop image functionality within edit flow

[WordPress Trac]

#30155: Fix crop image functionality within edit flow
-------------------------------------+-------------------------------------
 Reporter:  sonjanyc                 |       Owner:
     Type:  defect (bug)             |      Status:  new
 Priority:  normal                   |   Milestone:  Awaiting Review
Component:  Media                    |     Version:  2.9
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch reporter-      |     Focuses:  ui, accessibility,
  feedback needs-testing             |  javascript
-------------------------------------+-------------------------------------

Comment (by afercia):

 I like the direction [attachment:30155.4.diff] is taking. That leads me to
 a general consideration about the UI and one possible improvement. Not
 saying it's something that should be necessarily done now, but maybe it's
 something worth considering for future iterations and I'd greatly
 appreciate feedback from designers /cc @melchoyce @karmatosed etc. :)

 One of the general patterns across all the WordPress admin UI, is that
 ''it's always displaying everything'', even when you don't need it. I
 guess this is something that comes from old design trends, with user
 interfaces full of controls, links, buttons, etc. Thinking at interfaces
 designed 10 years ago, they often follow this pattern. Instead, more
 modern interfaces, especially with the advent of mobile devices, tend to
 display UI sections and controls ''only when you need them''.

 In this specific case, the "crop" feature is changing in something that
 requires an explicit user action to be activated: users have to press the
 "Crop" button to get the full selection (actually they can still drag on
 the image to get a first selection but this is a minor point).
 Considering this, I'm wondering if always displaying the ratio and
 selection fields still makes sense:

 [[Image(https://cldup.com/EHqBOx-dwJ.png)]]

 Wouldn't be better to show them only when users press the "Crop" button or
 make a selection dragging on the image? They could be displayed under the
 main buttons, in a sort of toolbar as many image editing software do. See
 the screenshot below, made quickly editing in the browser and not
 pretending it's perfect, just to give you an idea:

 [[Image(https://cldup.com/0jZlYG-tXR.png)]]

 A cleaner, simplified interface would benefit all users. Revealing the
 additional fields can be perfectly accessible if done in the right way.
 Any thoughts welcome!

--
Ticket URL: <https://core.trac.wordpress.org/ticket/30155#comment:17>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform