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

iOS app site deletion, iPhone 6+

Testing site deletion with build 6.0.0.20160217ebd5529 on an iPhone 6+.

Some screenshots:

Here is the site after deletion:

IMG_8046

Notes:

  • On the delete confirmation screen, I didn’t read any of the text on my first time through. I saw a text input in a delete confirmation and assumed my password was needed. I pasted my password and noticed that it was shown in the clear. Hmm. I noticed also that the delete site button was still disabled.  Hmmm. Finally, I read the text and saw that I was being ask to perform a different kind of AYS gymnastic, typing in the site name.
  • Otherwise, the process was straightforward and worked.
  • Not pictured in the screencast: To test this I created a new site. If you are scrolled down the site list when adding a new site, you won’t see any acknowledgment that the new site was created successfully. You must scroll up to see the new site at the top of the list.

 

#app, #ios, #phablet, #safari, #sites

Inline link toolbar, Mac and Chrome, iPhone 6+

With 4.3-alpha-32949. For #32604.

Being able to visit links from within the editor means no more cut-and-paste. Love it. Seeing the link without having to pop up the modal is also nice.

Mac and chrome:

iPhone 6+:

#32604, #4-3, #beta, #chrome, #editor, #ios, #link-toolbar, #links, #macos, #safari, #visual-survey, #web

A visual survey of list tables on an iPhone 6+

With 4.3-alpha-32930.

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

Multisite Flows (iPad)

Screenshots taken on an iPad Air.

Install Multisite

N/A

Add a new user – network admin

Each field auto-capitalizes first letter of input. Should maybe use autocapitalize="off" and autocorrect="off" on the username field. The email field should be type="email".

Add a new user to a site

Username auto-capitalizes first letter of input. Should maybe use autocapitalize="off" and autocorrect="off".

Add an existing user to a site

Having to double tap a user from the auto-suggested list isn’t ideal.

Install, enable, and then activate a theme for a single site

It takes 18 taps (!!) to install and activate a theme on an individual site.

Install a theme and enable it for network

Install and then activate a plugin on a single site

Install and then network activate a plugin

Create a new site

Update a plugin

Update a theme

Edit the domain/path for an existing site

#ios, #multisite, #network-admin, #safari, #tablet, #web

Press This a YouTube video, iPhone 6+

Issues:

  • Tapping Preview often results in the editor focusing and the keyboard flying up rather than preview. Pressing a youtube video and tapping into the editor before previewing is the most reliable way I’ve found to reproduce this.
  • Preview opens in a new window. This is really bad mobile usability that is shared by post-new.php.
  • The publish bar does not persistently remain on the screen. Sometimes it ends up at the end of the big chunk of whitespace that iOS puts below the editor. A lot of scrolling is required to reach it. This seems to happen in association with the preview bug mentioned above.

#forked-flow, #ios, #new-tab-window, #open-in-new-window, #phablet, #press-this, #preview, #safari, #vizrec, #web

Advancing the cursor through input fields on iOS

On iOS devices, I can’t advance the cursor through text that lies beyond the bounds of the Title input. The cursor stops advancing through text once it hits the left or right border of the input field. This causes me to abandon my mobile session and pick up editing when I get to a laptop. Mobile abandonment of edit flow is not good.

This happens on all my iOS devices. Android looks good. We could use an audit of all input fields for iOS.

 

cursor sometimes breaks out of the box

 

I can’t cursor left

 

Can’t cursor right

 

#boxed-input-scrolling, #editor, #input-scrolling, #ios, #mobile-abandonment, #phone, #safari, #web