Session notes: back buttons, hidden sites, touch image flow, notifications, site switching flow, keyboard flow, media section, desktop-first, link pasting – iOS app, macOS app, Macnchrome

Back button vscroll respect

Audit back buttons for vscroll respect. Losing vscroll kills browsing flows. For example, I prefer wp-admin themes flow to Calypso themes flow. Calypso loses your vscroll place when you return from the theme details page to /design. This makes for awkward theme browsing flow. wp-admin remembers your place in the /themes list as you navigate in and out of theme details.

wp-admin uses a modal for theme details, which flows much better for me. It respects vscroll and doesn’t introduce an awkward back nav interaction.

Change hidden sites

Changing hidden sites leads to a wp-admin page that is not ready for small screens.

Also, the “share on” dialog does not dismiss with outside taps.

Touch image flow

Here’s a screenshot filled post on self-hosted WordPress.

Depending on how you link your images, tapping those screenshots could open them in a new browser window or do nothing. Neither behavior provides good, accessible flow, as has been lamented before.

Every time I tap through to the images in Federico’s screenshot filled posts, another touch media flow lament is logged in my soul.

WP should handle all of this. Shoulda been handling it for years. Insert my usual mobile web advocacy.

Decent touch image flow should be baked into core.

I consume a lot of WordPress sites through the Twitter app. We drop flow. Touch flow comes into us, and we drop it. One of the ways I most often experience WordPress hasn’t changed since before the iPhone came out.

Systems error

Switching from a8c proxy to direct connect fixed it. Happens to me occasionally.

Notifications and Life

I was about to write something in my parity log, and then notifications sidelined me into other cogitations. I now have no idea what I was about to write on parity. I’ve turned off notifications for almost all apps, services. I might turn off for WP as well.

Between neurological disease and medication, my stack is fragile. I can’t maintain high memory states like I used to. The smallest interruptions crash my stack. Notifications are not small interruptions. They are big ones that cause stack dumping, flow forking, and tangents. Notifications disrupt flow states.

Notifications both enable flow and disrupt flow states. Finding balance requires fiddling. I’ll try running WP on iOS with notifications going to the notifications stream w/o showing an alert. I’ll still get a list of actionable notifications, but without the interruption. I wish I had this control on macOS.

I’m also wishing I could turn the orange dot indicator in the masterbar notifications off.

Notion: Notifications interfaces should have a do not disturb toggle. Especially ones that rely on Chrome Desktop Notifications? It’s interface for notifications is not enjoyable.

Finishing setup – Mac app

“Finishing set up” and “Loading my sites” are stuck on screen. This was coincident with slow loading of WP sites in my Chrome session. IIRC, I had to restart the app to get rid of the messages.

Uh oh – Mac app

I abandoned my session after the loading slowness above. I came back later to browse through the reader. After reading a few things, I clicked over on sites and got:

https://github.com/Automattic/wp-desktop/issues/249

No keyboard after switching site – iOS app

The cursor is still in the title, but no keyboard.

This happens after searching in the site picker.

Since the picker always defaults to the primary blog, my usual flow for starting a post is:

  • Tap pencil icon
  • Tap site switcher
  • Tap into search field
  • Type site name
  • Tap the desired site

Now I’m in the keyboard-less state above. From here:

  • Tap into content to restore the keyboard
  • Tap back into title
  • Type in title
  • Carry on with post

Pencil always opens default site – iOS app

I’m on the plantbelly site. Tap the pencil icon.

Picker defaults to my primary site.

I almost published to the wrong site twice in my last session. I had to ditch in progress posts with images twice. I wish the iOS site picker had multisite flow more like Calypso’s. It asks which site to publish to on the way into the editor.

Clicking embed while other embed selected jumps vscroll to first embed – Macnchrome

Click an embed.

Scroll down.

Click on the embed. Vscroll jumps to first embed.

Storify Embed – Macnchrome

No Storify embed?

Twitter embed reflow in the editor – Macnchrome

With a lot of embeds, tweets are slow to load. Links will disappear momentarily as the embed loads. Whenever I load the post, I wait 30 seconds-ish for the load and reflow to finish before touching content.

Single image uploads inserted as galleries – iOS App

Images for two of my posts don’t load in the posts list.

Oh, these single images were inserted as galleries. I published these from the iOS app. I’m not sure how I did this. It was not intended.

Sort recently used to top – iOS app

I wish the iOS app sorted recently used to the top like Calypso does. I wouldn’t have to search so often which would avoid the keyboard interaction bug mentioned above.

iOS landscape – iOS app

I’m flipping back and forth between portrait and landscape in this session. I notice that flipping portrait to landscape to portrait drills down a level. I expected my context to remain consistent as I flipped between the two views.

Dismissing pub drop down in landscape – iOS app

This drop down dismisses with an outside tap in portrait but not in landscape.

Media desktop-first artifacts – iOS web

As with the media modal, the media section’s selection model exhibits #desktop-first thinking in its reliance on showing icons on hover. Here’s how media modal selection and scrolling behaves on touch screens:

https://test.wordpress.com/2016/04/14/media-scrolling-the-media-modal-gallery-on-ios/

And here’s the new media section showing both the edit icon and selection on the same thumbnail:

Calypso media is not designed for touch screens.

Also, #scroll bleed.

Where is reply? – iOS app

Took me a long moment to see reply at the bottom. I didn’t notice until I remembered that @designsimply had experienced the same thing recently. Then, I searched for it at the bottom.

Losing href on cut/paste links – Macnchrome

Links on a line by themselves lose href upon paste. I prefix the link with text as in this screenshot to allow moving the link without losing the href. In the screenshot below, I prepended “Links on a blank line lose href when cutpaste.” in front of my link. Without text in front, the link will lose its href when cut and pasted.

#app, #back-buttons, #back-history, #back-navigation, #comments, #desktop, #ios, #keyboard-flow, #macos, #media-section, #mobile, #notifications, #phablet, #session-notes, #vscroll, #web