[wp-trac] [WordPress Trac] #37661: A New Experience for Discovering, Installing, and Previewing Themes in the Customizer

[WordPress Trac]

#37661: A New Experience for Discovering, Installing, and Previewing Themes in the
Customizer
-------------------------------------+-------------------------------------
 Reporter:  celloexpressions         |       Owner:  celloexpressions
     Type:  feature request          |      Status:  assigned
 Priority:  high                     |   Milestone:  4.7
Component:  Customize                |     Version:  4.2
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch has-           |     Focuses:  ui, accessibility,
  screenshots needs-testing has-     |  javascript
  user-testing                       |
-------------------------------------+-------------------------------------

Comment (by karmatosed):

 After some working with the files, I have got the patch working enough to
 run through - yay. Noting the latest patch for some reason applied double
 the contents of class-wp-customize-themes-panel.php. This may be some svn
 crazy going on, but I had reverted to clear the patch previously unable to
 fix. I also reset the box up - in theory it shouldn't have caused this.
 I'm more noting incase anyone else has this.

 The experience of going from Customizer to full width still feels weird.
 This totally could be due to the expectations I have but it is jarring. I
 wonder how we can make this experience less wrenching.

 I will note that a lot of my feedback here probably goes to anywhere this
 interface is used, but as I'm seeing it I am commenting. We may have to
 iterate beyond this patch to cover things ported in. Let me try and break
 into points as there's a lot going through this.

 - The far left 'Customize' is easy to miss. This begun me thinking about
 why aren't we keeping the tab to the right?
 - I hit back in browser out of sheer instinct, my brain thought 'lets use
 this to go back to Customizer'. It was weird to just throw me out.
 - The upload file area needs some serious visual attention. The font
 suddenly seems weirdly big, the button is lost under the the choose file.
 This area really needs some work. I almost feel it takes too much space
 up. Could we have it all on one line?

 [[Image(https://cldup.com/7eQGs-e4Ay.png, 100%)]]

 I had a first run at something based on a few changes. Note, I remove the
 upload button if the user has asked to upload, I also have given it less
 space for a leaner interface.

 [[Image(https://cldup.com/N3tjKcnbnO.png, 100%)]]

 As I stepped through and found all the above points, I began to think of
 my hitch from the full screen experience, the uploading and the lack of
 cohesion I felt. This pulled me away from commenting on anything else (I
 feel I can do that later) I then began to sketch a merging of this idea
 into Customizer. I came up with the following:

 [[Image(https://cldup.com/RHIOXl9QJG.png, 100%)]]

 I totally know this is assuming a lot of how we can do things, but I think
 it has potential for solving a lot of the visual issues. It still gives us
 a large screen space, but we can use the panels of Customizer and stop the
 user suddenly having a different experience. This feels a lot more unified
 to me. I totally admit this is a  really rough sketch but this is what
 came to mind when I was running through the experience.

 I do strongly feel the current solution isn't ready to merge. I feel we
 need to iterate and totally think we can. I wouldn't be happy signing off
 experience wise the current flow. Hopefully I've shown some ways this can
 be worked on to get us to a point where we give a really great user
 experience.

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