Customizer, Preview: Visual survey of customizer device preview

Screenshots from my testing sessions for #31195 and #35875.

Macnchrome, sidebar expanded

Macnchrome, sidebar collapsed

Macnfirefox, sidebar expanded

Macnfirefox, sidebar collapsed

 

Tablets and phones don’t have device preview.

iPad Air

iPhone 6+

iPhone 5

Nexus 5

#31195, #35875, #android, #chrome, #customize, #customizer, #desktop, #ios, #macos, #phablet, #phone, #preview, #safari, #visual-survey

Toolbar: visual survey of toolbar experiments, Macnchrome, iPhone 6+

Surveying the Toolbar Experiments plugin for #32678.

Macnchrome, single site, admin user:

iPhone 6+, single site, admin user:

#32678, #chrome, #desktop, #feature-plugin, #feature-plugin-toolbar-experiments, #ios, #macos, #phablet, #toolbar, #visual-survey

Customize: preview site responsiveness, Macnchrome, iPad Air, iPhone 6+

A brief visual survey for #31195 with WP 4.4-alpha-33848 and Customizer UI Experiments 0.1.

#4-4, #alpha, #chrome, #customize, #customizer, #customizer-ui-experiments, #desktop, #feature-plugin, #feature-preview-responsiveness, #ios, #macos, #phablet, #preview, #responsive, #tablet, #visual-survey

Menus, Customize: Visual survey of menu locations, Macnchrome, iPhone 6+

Visuals for a locations, groups discussion. https://wordpress.slack.com/archives/design/p1440091790000074

Macnchrome:

iPhone 6+:

#chrome, #customize, #desktop, #ios, #macos, #menus, #phablet, #visual-survey

A visual survey of site icon terminology

Site icons recently landed in trunk using the terminology “Site icon”. We didn’t go with “favicon”. Favicon is an under-the-hood term, one with a lot of tedious history. Instead, we want to package title, tagline, and icon together as site identity. And, we already have some history with site/blog icon. Here’s a quick visual survey.

 

4.3 Beta

4.3 Beta uses “Site Icon”

Screen Shot 2015-07-05 at 6.04.08 PM

wordpress.com uses “Blog Picture/Icon”

Jetpack uses Site Icon and references favicon.

Jetpack uses Site Icon and references favicon.

#4-3, #beta, #chrome, #favicon, #jetpack, #macos, #site-icons, #visual-history, #visual-survey, #wp-com

Visual survey of list tables, iPhone 6+

For #32395.

4.3-beta1-33086. Single site. Logged in as an Administrator.

#32395, #4-3, #beta, #comments, #ios, #list-tables, #pages, #phablet, #plugins, #posts, #posts-list, #taxonomy, #users, #visual-survey, #web

Toolbar Visual Survey, 4.3-alpha-33003, iPhone 5

For #32678. 4.3-alpha-33003. Single site install. Logged in as an Administrator.

#32678, #4-3, #beta, #ios, #phone, #toolbar, #visual-survey, #web

Toolbar survey with 32678.5.diff, iPhone 6+

Compare with the production toolbar on an iPhone 6+.

For #32678. 4.3-alpha-33003 with 32678.5.diff applied. Single site install. Logged in as an Administrator.

Notes:

  • The top-level icons are smaller here than in production. I prefer the larger production icons. There is also some misalignment.
  • In the admin, the W menu retains active highlight when the admin menu is expanded even when other toolbar menus are open and active.
  • With the W menu open on the front page, tap the Customize icon. Once in the customizer, navigate back using browser back history. Both the W menu and Customizer have active highlight. Dismissing the Customizer with X instead of back history doesn’t trigger this, of course. Edge case.

#32678, #4-3, #beta, #ios, #phablet, #toolbar, #visual-survey, #web

Toolbar visual survey, 4.3-alpha-33003, Mac and Chrome

For #32678. Single site install. Logged in as an Administrator.

#32678, #4-3, #beta, #chrome, #desktop, #macos, #needs-captions, #toolbar, #visual-survey

Toolbar survey, iPhone 6+

For #32678.

Single site 4.3-alpha-32976 as an Administrator.

Multisite 4.3-alpha-32976 as an Administrator, no Super Admin.

Needed: shots with comment notification and updates in the toolbar.

#32678, #4-3, #beta, #ios, #phablet, #toolbar, #visual-survey, #web