Ryan Boren 2:21 pm on February 24, 2016
Tags: 31195, 35875, android ( 15 ), chrome ( 28 ), customize ( 18 ), customizer ( 14 ), desktop ( 26 ), iOS ( 64 ), macos ( 29 ), phablet ( 50 ), phone ( 22 ), preview ( 6 ), safari ( 8 ), visual-survey

Customizer, Preview: Visual survey of customizer device preview

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

Macnchrome, sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. expanded

: Phone device preview

: Tablet device preview

: Desktop device preview

Macnchrome, sidebar collapsed

: Phone device preview

: Tablet device preview

: Desktop device preview

Macnfirefox, sidebar expanded

: Phone device preview

: Tablet device preview

: Desktop device preview

Macnfirefox, sidebar collapsed

: Phone device preview

: Tablet device preview

: Desktop device preview

Tablets and phones don’t have device preview.

iPad Air

: Portrait

: Landscape

iPhone 6+

iPhone 5

Nexus 5

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

Ryan Boren 9:43 pm on September 3, 2015
Tags: 32678 ( 5 ), chrome ( 28 ), desktop ( 26 ), feature-plugin ( 6 ), feature-plugin-toolbar-experiments, iOS ( 64 ), macos ( 29 ), phablet ( 50 ), toolbar ( 12 ), visual-survey

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

Surveying the Toolbar Experiments pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party 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

Ryan Boren 12:57 pm on September 2, 2015
Tags: 4.4 ( 2 ), alpha ( 2 ), chrome ( 28 ), customize ( 18 ), customizer ( 14 ), customizer-ui-experiments, desktop ( 26 ), feature-plugin ( 6 ), feature-preview-responsiveness, iOS ( 64 ), macos ( 29 ), phablet ( 50 ), preview ( 6 ), responsive ( 2 ), tablet ( 4 ), visual-survey

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

A brief visual surveyVisual survey A visual survey is a collection of screenshots for a like set of screens or interfaces, such as all list table screens or all toolbar incarnations across various devices. These screens are not presented in the context of a particular flow.https://make.wordpress.org/test/tag/visual-survey/ for #31195 with WP 4.4-alpha-33848 and Customizer UI Experiments 0.1.

: Macnchrome

: Macnchrome

: Macnchrome

: iPhone 6+, customize mode.

: iPhone 6+, preview mode. Note there is no responsive selector on phones.

: iPad Air with customizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings. ui experiments active, Preview doesn’t load and the Collapse button doesn’t show.

: With the pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party deactivated, preview still doesn’t load but the Collapse button shows.

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

Ryan Boren 5:39 pm on August 20, 2015
Tags: chrome ( 28 ), customize ( 18 ), desktop ( 26 ), iOS ( 64 ), macos ( 29 ), menus ( 6 ), phablet ( 50 ), 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

Ryan Boren 11:32 pm on July 5, 2015
Tags: 4.3 ( 18 ), beta ( 19 ), chrome ( 28 ), favicon, jetpack, macos ( 29 ), site-icons ( 8 ), visual-history ( 2 ), visual-survey, wp.com

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 surveyVisual survey A visual survey is a collection of screenshots for a like set of screens or interfaces, such as all list table screens or all toolbar incarnations across various devices. These screens are not presented in the context of a particular flow.https://make.wordpress.org/test/tag/visual-survey/.

4.3 BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. uses “Site Icon”

wordpress.comWordPress.com An online implementation of WordPress code that lets you immediately access a new WordPress environment to publish your content. WordPress.com is a private company owned by Automattic that hosts the largest multisite in the world. This is arguably the best place to start blogging if you have never touched WordPress before. https://wordpress.com/ uses “Blog Picture/Icon”

Jetpack uses Site Icon and references favicon.

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

Ryan Boren 10:02 pm on July 5, 2015
Tags: 32395 ( 2 ), 4.3 ( 18 ), beta ( 19 ), comments ( 4 ), iOS ( 64 ), list-tables ( 4 ), pages ( 2 ), phablet ( 50 ), plugins ( 8 ), posts ( 3 ), posts-list ( 2 ), taxonomy ( 2 ), users ( 3 ), visual-survey, web ( 44 )

Visual survey of list tables, iPhone 6+

For #32395.

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

: In Response to looks odd here because the post has no title. I do a lot of no title image posts.

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

Ryan Boren 7:31 pm on June 30, 2015
Tags: 32678 ( 5 ), 4.3 ( 18 ), beta ( 19 ), iOS ( 64 ), phone ( 22 ), toolbar ( 12 ), visual-survey, web ( 44 )

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

Ryan Boren 5:08 pm on June 30, 2015
Tags: 32678 ( 5 ), 4.3 ( 18 ), beta ( 19 ), iOS ( 64 ), phablet ( 50 ), toolbar ( 12 ), visual-survey, web ( 44 )

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 customizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings., 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.

: Front page

: Front page, with W menu expanded

: With the W menu open, 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.

: Front page with + menu open

: Front page with user menu open

: Post page, note the pencil icon

: Dashboard

: Dashboard with W menu open

: Same situation as in slide three. Go to the customizer, return via browser back history. Double highlight.

: Dashboard with + menu open. Note that W menu retains active.

: Dashboard with user menu open. W menu retains highlight.

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

Ryan Boren 4:18 pm on June 30, 2015
Tags: 32678 ( 5 ), 4.3 ( 18 ), beta ( 19 ), chrome ( 28 ), desktop ( 26 ), macos ( 29 ), needs-captions ( 2 ), toolbar ( 12 ), visual-survey

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

Ryan Boren 12:29 am on June 29, 2015
Tags: 32678 ( 5 ), 4.3 ( 18 ), beta ( 19 ), iOS ( 64 ), phablet ( 50 ), toolbar ( 12 ), visual-survey, web ( 44 )

Toolbar survey, iPhone 6+

For #32678.

Single site 4.3-alpha-32976 as an Administrator.

: Toolbar on front page.

: On front page with Dashboard menu open.

: On front page with + menu expanded.

: On front page with user menu expanded.

: Toolbar on a post permalink page. Page, CPT, and taxonomyTaxonomy A taxonomy is a way to group things together. In WordPress, some common taxonomies are category, link, tag, or post format. https://codex.wordpress.org/Taxonomies#Default_Taxonomies. pages also have the pencil icon.

: Toolbar on wp-admin/index.php

: wp-admin toolbar with Home menu expanded.

MultisiteMultisite Multisite is a WordPress feature which allows users to create a network of sites on a single WordPress installation. Available since WordPress version 3.0, Multisite is a continuation of WPMU or WordPress Multiuser project. WordPress MultiUser project was discontinued and its features were included into WordPress core.https://codex.wordpress.org/Create_A_Network. 4.3-alpha-32976 as an Administrator, no Super Admin.

: Toolbar on front page

: On front page with multisite menu expanded

: On front page with Dashboard icon expanded.

: On front page with + menu expanded

: Toolbar on wp-admin/index.php.

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