I took part in todays THX38 (Theme Experience) chat where we discussed different solutions that various theme manufacturers use for their own themes and talked about mockups for the new Theme preview experience.

I mentioned a few sites so we could take a look at their theme browser experience:
https://themify.me/themes#
https://themeforest.net/category/wordpress
https://ithemes.com/find/themes/
https://www.elegantthemes.com/gallery/category/portfolio/
https://www.1stwebdesigner.com/wordpress/30-quality-sites-to-easily-preview-and-download-free-wordpress-themes/

Other sites mentioned:
https://theme.wordpress.com/
https://www.tumblr.com/themes

 

Here are some mockups:

 https://make.wordpress.org/ui/2013/08/20/thx38-first-meeting-summary/#comment-23592 Emil created this mockup:

 

 

 

Themes page from the new experimental plugin:
https://wordpress.org/plugins/thx38/
https://cl.ly/image/3S3g1u0J0B31

 

shaunandrews created this mockup:
https://cl.ly/image/0p3Z2y3r0U14

 

I made a mix of both.

One of the stumbling blocks for new users today is creating a child theme. Understanding that what they customize in their theme might be overwritten when they update the theme. We need to find a simpler way to handle this.

Some options as I see them:

1. Have an obvious button called Child theme next to Customize as I have created in the two below mockups.
2. The first option in the Customizer could be Create a Child Theme.
3. Keeping it mostly invisible in the background. Clicking Activate Theme automatically creates a Child Theme.
Called perhaps something like Twenty Eleven in use/Child, or some other unique extension.

 

 

When the installed themes cover more then a line it just pushes “Discover Themes” downward.

Another mockup I made.

 

 

To follow along in what is going on with Theme preview discussion go to: https://make.wordpress.org/ui