Editor, Forms: Using the form builder dialog to create an About page contact form, iPhone 6+

Testing https://github.com/Automattic/wp-calypso/pull/1885 on an iPhone 6+.

This session adds a contact form to an About page. Other than removing Website, the default fields are used as is.This session demonstrates a preview bug that required abandoning and restoring the editor session. The form builder itself  behaved well.


  • The editor opens with focus on the permalink slug field.
  • There are two cursors in the editor after the form placeholder is inserted.
  • This preview bug required abandoning and restoring the editor session.
  • This was done over a laggy Charles proxy, responsiveness is slow.
  • The media modal uses Insert as the button text when inserting new Media. The form builder uses Save. I expected Insert.
  • Using the pencil icon to both open and close details felt odd.
  • Ditto on https://github.com/Automattic/wp-calypso/pull/1885#issuecomment-184548811

This screencast shows submitting the form. I submit the form, click go back, and then visit the backend to see if the submitted feedback shows there.

Form feedback doesn’t seem to be anywhere in the backend or in notifications, so I checked email. Here’s what the form feedback email looks like with Google Inbox on Macnchrome.


#12733, #editor, #form-builder, #forms, #preview, #rogue-cursor

Session notes: Signup site title – Macnchrome

In response to the showSiteTitleStep variant call for testing.

Name, title, domain ambiguity

Give your new site a name.

Enter a Site Title…

This associates name with title, taking a step toward clearing name, title, domain ambiguity.

You can always change this later.

Good to know. Reduces anxiety and likelihood of backtracking.

Your Site Title is the name of your Blog or Website. It’s often displayed at the top of your site.

This reinforces the name, title association. For this WP old-timer, “name” is still ambiguous, because I know how many things it can mean. At this point in the process, I’m wondering how domain fits in. In the spirit of “you can always change this later”, I click on.

This page uses domain, custom domain, domain name, address, and keyword language. The title step used name and site title language. There are several terms on this page. Perhaps a necessary acknowledgement of varied terminology, but each term begs a distinction from the others.

Let’s find a domain.

Choose a custom domain, or a free .wordpress.com address.

Domain or address. This introduces a choice and a new term. What’s the distinction? Is the comma needed?

The title and domain name images are helpful. I forgot to check their alt text. Disambiguation images need good alt.

The title step uses Site Title language that is also used in Settings and the Customizer. The domain step does not use the “Site Address” or “Custom Address” language used in Settings.

Title, Domain Order

When setting up a site, I usually don’t know exactly what I’m going to call it. I start typing names and see which are taken. The domain and title are settled through iterative namespace searching.

I change the title depending on if I can get the domain I want. With showSiteTitleStep, there’s a lot of distance between setting the title and picking the domain. If one of the suggested domains strikes me as a good name/title, prompting me to want to change the title I set earlier, my choices are to back up a couple steps or finish NUX flow and try to figure out where to set the title later. Noticing “You can always change this later” in the title step nudges me to go forward.

During site creation, I’m more concerned with domain than title. I usually want to get domain sorted out before worrying with title since domain requires hunting in a namespace. Also, title is easier to change later.

In the vizrec below, the title I selected resulted in available domains. Title first flow is smooth in this case. My concern is when someone is doing repeated searches looking for an available domain. If you end up with a domain that doesn’t match the title, you have to make a decision to go back or go forward.

My domain first mindset may be an artifact of my technical and WP background. When setting up site identity, I think first about securing the domain, the address on the public web.

Prefill domain with title

Other have mentioned this, and it’s in the works—prefill domain with title instead of starting empty.

If I couldn’t find a domain that aligned with my title at this step, would I be anxious about fixing the title?

Username prefill

The username prefills, but is it prefilling based on the title or domain? Domain seems the right choice. I’ll test the scenario where domain and title don’t match in a later session.

Facilitating post-signup Title/name change quests

What if I just finished site creation and want to change the title/name to match the domain? Is there room to mention Title/name here?

Name, Title Consistency

Customizer and settings use “Site Title”. NUX flow also uses Site Title, associating it with name on step 2 of signup. Seems we call it Site Title everywhere and associate it with “name” during signup to help resolve name, domain, title ambiguity.

Domain, Address Consistency

Signup uses Domain and Custom Domain language. Settings uses Site Address and Custom Address language.

Layout jiggle when mousing in/out of Pointer buttons

Mousing in and out of the buttons in the onboarding pointers causes some layout jiggle.

After mousing in, the button gets a highlight and the message box adjusts size in response.

Visual Record

Here are screenshots for every interaction in the signup flow plus some shots of me dipping into the customizer to peek at title editing, checking the confirmation email, and peeking in title settings.

#ambiguity, #chrome, #desktop, #domain, #macos, #nux, #session-notes, #vizrec

Question: do images get properly…

Question: do images get properly attached to posts when publishing via various WP.com apps and clients?

One reason to know the answer is that certain displays, like Reader, might depend on an image being attached to the post in question to pull out a representative image to the post card in the Reader stream.

For example, in the Android app Reader: Reader: certain posts with an image don’t show the image.

The Flow Patrol team recently dug into this more (source: 6 tagged posts) to see how each app or client behaves. Here are the results:

Environment Image attached? Preview in Reader? Test results
Jetpack WP Admin Yes Yes #
Simple WP Admin Yes Yes #
WP Android No Yes #
WP iOS Yes Yes #
Calypso Yes Yes #
Gutenberg No Depends #

Summary: Looks like both Gutenberg and WP Android media handling could use more investigation to make sure images added to posts during publishing are attached to said posts correctly.

#image-post-flow #attachments #media

Social Sign Up – Visual Record

I often sign up as a new user for testing. Sometimes I take screenshots as a visual record. They serve as a reference and keep a pulse on how things change over time. Here is a visual record of the new social sign up process that you will soon be able to use to create a WordPress.com account.

Session notes: Editor, domain claim, vscroll, workflow automation, desktop app, TestFlight

Editor locks out after clicking on images – Macnchrome

In this screenshot, I am unable to click into the editor. I toggled wifi. Tried with and without proxy. Restarted Chrome. The problem persisted through all of that before spontaneously working again. Not the first time this has happened. Clicking and resizing images seem to trigger these situations.

Aside: Resizing images is scary. They collapse for a few seconds and then reappear smaller, causing jump, reflow, and vscroll loss along the way.

Still stuck w/ free domain claim – Macnchrome

How can I get rid of this? I don’t want to map a domain.

Vscroll loss after updating post – Macnchrome

  • Go to posts
  • Scroll down
  • Edit a post
  • Add a tag
  • Update
  • Hit editor back button
  • Back at the top, vscroll lost.

Even when not updating the post, vscroll is a little off when going back to posts.

Changing the title before publishing doesn’t change slug – Macnchrome

Blank p2 pages – Macnchrome

Seen this twice today.

Waiting for video processing – Macnchrome

I always wait for videos to finish processing before publishing. Should I? Will I be publishing an unready video if I don’t wait? How does that affect publicize?


URL Schemes and AppleScript Dictionaries – Mac and iOS apps

All of our apps need URL schemes.


The mac app needs an AppleScript dictionary.

Small comment area in notifications – Macnchrome

The first thing I do when replying is make the box bigger.

Desktop notifications – Macnchrome

Desktop notificiations are very intrusive. Turning them off requires digging in content settings.

View Post, The Flow Forker – Macnchrome

#new-tab-window results in multiple editor sessions and confusion over which session has my latest changes. Worst case, I split changes between editors.

View Post opens in new tab. That new tab has an Edit button at the bottom. Flow forked. Editor session++

Desktop app beta channel – Mac app

Note, be patient after clicking Update & Restart when switching from the stable to beta channel. I thought the app wasn’t restarting so I kept launching it again. This prevented the Update & Restart from happening. I did several Update & Restarts before settling in to wait for the long restart, which eventually happened.

WP Desktop Tab Bar – Mac app

macOS Sierra introduced the tab bar, which you can turn on in the desktop app via View > Show Tab Bar. In other apps, you can show the tab bar, open a new app window, and then go to Window > Merge All Windows to bring the windows into the tab bar. The WP app doesn’t have a means of opening a new window.

Going back from Cmd+N – Mac app

In the desktop app, Cmd+n starts a new post. If you have multiple sites, this invokes a picker.

This stomps my stack. I want a way to go back from here. I’ll Cmd+N and then realize I wanted to copy text from the article I was reading in the Reader. If I click into the Reader from the picker screen, my position in the reader stream is lost. I have to rescan the stream to find what I was looking for.

Supporting Sierra’s tabs would help by allowing a reader session and an edit session.

Restore dialog flashes briefly after deleting draft from editor – Macnchrome, Mac app

The screenshot below is with the Mac app, but this happens in Calypso web as well.

TestFlight not updating iOS app – iOS app

This is on a new iPhone 7+. When I setup this phone from backup, the TestFlight WP app was not restored to the home screen. I had to install from TestFlight. That all went well, but now a couple weeks later I’m not seeing the 6.6 update.

iOS app crashes on open – iOS app

The iOS app (TestFlight 6.5) started crashing upon open. It opens to a post list and then bails. I deleted the app and am now blocked.

Workflow – Desktop

I could not function without a clipboard manager. Really enjoying Copied App on both iOS and macOS.

When you copy a link, it grabs the title for you, and offers pasting title, url, or link. I use Link in Markdown often in my Markdown based flow.

A favorite Alfred workflow is my indelicate hacking of the Lazy Link workflow. It grabs the url and title of the frontmost browser window and inserts it at the cursor as a markdown link.

#app, #automation, #desktop, #domain-mapping, #editor, #forked-flow, #ios, #macos, #mobile, #phablet, #session-notes, #vscroll, #workflow

Subscribing to YouTube Video Channels in Reader

I want to be able to subscribe to a YouTube video channel in Reader.

  • URL I used to subscribe in Reader: https://www.youtube.com/channel/UC_A–fhX5gea0i4UtpD99Gg
  • Feed URL: https://www.youtube.com/feeds/videos.xml?channel_id=UC_A–fhX5gea0i4UtpD99Gg
  • Reader site stream: https://wordpress.com/read/feeds/45331199

Videos aren’t displayed on individual posts:

Screen Shot 2017-02-09 at Thu Feb 9 1.03.13 PM.png
Seen at https://wordpress.com/read/feeds/45331199/posts/1332440372 using Chrome 55.0.2883.95 on Mac OS X 10.12.3

Here’s how the site stream looks:

Screen Shot 2017-02-09 at Thu Feb 9 1.05.24 PM.png
Seen at https://wordpress.com/read/feeds/45331199 using Chrome 55.0.2883.95 on Mac OS X 10.12.3

I noticed there are media-related tags in the feed:

Screen Shot 2017-02-09 at Thu Feb 9 1.11.23 PM.png
Seen at https://www.youtube.com/feeds/videos.xml?channel_id=UC_A–fhX5gea0i4UtpD99Gg using Chrome 55.0.2883.95 on Mac OS X 10.12.3

Doable? Should I file this as an issue in GitHub?

#dogfooding, #reader

Tracker Survey

Here are a handful of Ghostery reports for various wordpress.com hosted sites.

Logged in:

Logged out:

42 trackers on the front page of wordpress.com when logged out is a lot. Do they all respect Do Not Track?

Previously: https://test.wordpress.com/tag/trackers/

#ads, #ghostery, #trackers