Editor and Media Flow Wishlist

These are the editor and media tickets that most affect my publishing routine. Fixing these would allow me to flow. These are roughly in order from the most to the least impactful on my personal flow. The first 6 are the ones I’d most like to see fixed.

#editor, #media

#duplicates, #hashtag, #hashtags, #longer-ones, #pesky

Session notes: cursor control, moving block quotes, editor flow, flow forking, scroll bleed, modal consistency, unreadable web

Cursor control – iOS

Cursor control and text selection compromise the editing experience on iOS. I really enjoy the cursor buttons in Ulysses and Reboard’s cursor controlling spacebar. Now that I have a 3D touch iPhone, I’m trying the cursor control built into the default iOS keyboard.

Blockquoting a list – Macnchrome

When highlighting a list to blockquote, I expect the list to be inside the block quote.

Issues like this drive me into the HTML editor. Since the Visual|HTML tabs don’t show on screen when scrolled down, this means scrolling up, switching tabs, scrolling down while scanning raw markup to find my place, making edits, scrolling up, switching back to Visual, and scrolling down while scanning. #tedious #frustrated

Working in the editor

Losing hrefs during cut and paste, Undo (Cmd+Z) losing vscroll and cursor position, and editing link text are frustrating productivity killers that prevent achieving flow state. Example:

  • Cut and paste link
  • Link loses href
  • Cmd+z to undo
  • Undo causes reflow and loses vscroll and cursor position
  • Scroll up
  • Switch to HTML editor to do the cut and paste.
  • Scroll down while scanning markup
  • Cut and paste
  • Try not to munge tags while moving link
  • Switch back to visual
  • Scroll down while scanning

During all of this, spoons are burning. I sometimes measure flow in spoons.

The Spoon Theory written by Christine Miserandino

View Post Flow Forking and Post-post Trampolines

I have two editor sessions with conflicting changes again. View Post flow forking causes this. #forked-flow

I have sessions where I edit the same post in multiple tabs, haplessly stomping changes back and forth. There’s no indication that the content changed beneath me.

Which brings me back to post-post trampolines. Some things post-post needs to consider:

  • flow forking – View Post and #new-tab-window are flow forkers
  • publicize anxiety – Cleaning up an oops after publicize-ing is hard
  • destination anxiety – Which site did I post to? Work or personal? Oops.
  • update -> view -> edit -> update -> view -> edit flow
  • Editor “discard/restore changes” AYS flow

The iOS app could use some post post attention too, like putting the name of the target site in the confirmation to head off mis-publicize anxiety flow. Also, differentiate between published and updated. Communicate state.

On #forked-flow. View Post is a flow forker. View Post in the publish/update notification opens in #new-tab-window. That new tab has an Edit button at the bottom. Since update -> view -> edit -> update -> view -> edit is my habitual flow, I thoughtlessly fork my sessions by clicking edit in the actionbar in the tab opened by View Post. I end up with a proliferation of editor and view post tabs and conflicting changes in each editor. And then the hapless stomping starts.

For me, a better behavior for View Post would be to open in a modal like we do from the site name/icon at the top of the menubar. Have the edit icon in the actionbar dismiss the modal in case I go that route instead of closing the modal via clicking X to dismiss.

BTW, site name/icon doesn’t open in a modal in the editor. It opens in #new-tab-window, creating a vector for #forked-flow. This inconsistency between the editor and the menu often trips me.

A selection of comments on iOS app post-post flow:

  • “Post posting should be super slick and animated”
  • “Post list is a weird place to land, there are lots of next actions after posting that would be interesting. It’s a moment to celebrate!”
  • “My post list almost always shows a dupe for a while”
  • “as a separate issue, every time I go to post it defaults to a blog which is not the last one I posted to. should always default to whatever the last posted to was”

Related:

No load

Saw this again.

Flow Wants

  • post post trampoline
  • bulletproof, trustable editor discard/restore changes AYS flow
  • delightful revisions flow
  • respect for vscroll and cursor location, everywhere
  • no more #scroll-bleed, #cursor-bleed, #tap-bleed
  • smooth undo
  • keyboard flow
  • trustable media uploads
  • full-width image views in media pickers & captioning flows, respect presbyopia
  • avoidance of scroll, scan, correlate flows
  • avoidance of #forked-flow, #new-tab-window

Plans loses back nav header

Changing the section in the dropdown loses the back nav header.

Accessed from jet pack mail.

Site preview modal consistency

Clicking the site title/icon at the top of the menu opens a modal.

Except in the editor. There, clicking opens in #new-tab-window allowing for #forked-flow.

A new tab is a new session.

Scroll bleed – iPhone 7+

You can see the underlying page bleed through at the bottom. #scroll-bleed is a pervasive, long-lived problem across Calypso on iOS.

How the Web Became Unreadable

There’s a widespread movement in design circles to reduce the contrast between text and background, making type harder to read. Apple is guilty. Google is, too. So is Twitter.

The typography choices of companies like Apple and Google set the default design of the web. And these two drivers of design are already dancing on the boundaries of legibility.

Source: How the Web Became Unreadable

I’m feeling this one. Some themes lack contrast, and there’s not a way to bump font color/contrast in the customizer. I switched themes on some of my sites to improve contrast in response to readers in the neurodiversity and disability communities.

Design trends that make me feel old. Presbyopia is a drag.

#accessibility, #contrast, #cursor-control, #editor, #post-flow, #post-post, #presbyopia, #undo-reflow, #vscroll-loss

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?

https://test.wordpress.com/2016/10/11/video-preview-in-the-editor-macnchrome/

URL Schemes and AppleScript Dictionaries – Mac and iOS apps

All of our apps need URL schemes.

http://www.2doapp.com/url-schemes-in-ios-and-os-x/

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

Publishing a video on an iPhone 6+

#forked-flow, #new-tab-window, #keyboard-flyup, and #cursor-bleed mar the experience, as does the lack of video embeds and video edit flow.

wordpress.com has long lagged core WP in video feature parity due to showing a bare wpvideo shortcode in the editor. Core has video embeds and video edit flow.

 

#editor, #ios, #media, #media-modal, #modal, #phablet, #scroll-bleed, #video, #wpvideo

Editor, Preview: Previewing sites that don’t allow iframes

Testing https://github.com/Automattic/wp-calypso/pull/3291.

This site, test.wordpress.com, disallows iframes. Here’s what preview looks like in production.

 

The workaround is to hit the open in new window arrow box. This opens preview in a new tab/window. This forks flow, which is especially cumbersome on touch devices.

Screen Shot 2016-02-12 at 5.48.47 PM

Opening in a new tab forks flow

Note that preview on the iPhone 6+ is beneath the toolbar, obscuring the controls. Also, Preview exhibits scroll bleed.

IMG_7861

Here is preview with 3291.

Screen Shot 2016-02-12 at 5.58.18 PM.png

There is some funkiness here, perhaps theme specific, in the tablet preview mode. The hamburger menu pushes down content and it doesn’t close.

Screen Shot 2016-02-12 at 5.58.28 PM.png

Clicking hamburger doesn’t close the menu.

This screen also exhibits scroll bleed.

My mobile testing setup is a mess right now, so I can’t test local changes on iPhone 6+. Instead, I’ll take this opportunity to plug xip.io compat. 🙂

 

 

#chrome, #desktop, #editor, #forked-flow, #ios, #macos, #new-tab-window, #phablet, #preview, #scroll-bleed

Favorite Sites, Macnchrome

Testing https://github.com/Automattic/wp-calypso/pull/2871

Here’s favorite/star flow on Macnchrome.

 

Edit Icon opens wp-admin in new-tab-window, thus forking flow.

Screen Shot 2016-02-12 at 12.16.33 PM.png

Here are the site pickers with one site starred.

Here they are with seven sites.

Favorite sites starts to break down once non-favorite sites are pushed below the fold. Notice how the current site in the pencil icon site picker is pushed out of sight in the shot above. Contrast this with Recent Sites, which keeps the most recently used sites up top with the current site at the very top. I find that particularly useful in the pencil icon picker. This makes for nice chain publishing flow that keeps me on track. Favorite sites, by contrast, keeps the primary site at the top and pushes recent sites that are not favorited below the fold.

I like favorite sites, but not if it means pushing the current, most recently used site down, particularly in the pencil icon picker where recent sites flow currently feels really good. If the primary site is going to be parked at the top of the site picker lists, Calypso needs a way of changing the primary.

#chrome, #desktop, #favorite-sites, #forked-flow, #macos, #new-tab-window, #recent-sites

Notifications, Comments: Replying from notifications

After replying to a comment from notifications, I’m automatically advanced to the next notification. This always makes me question whether I replied to correct comment. To soothe my anxiety over accidentally commenting and posting to the wrong place (burned many times), I click back on the comment notification looking for my reply. There, I don’t see my reply until several seconds have elapsed, and even then I don’t get an inline view of my reply. Both the inline “you replied” message and the green confirmation notice open in #new-tab-window. I avoid things that open in new tab window, especially on touch devices.

Immediately showing my reply in context and not advancing to the next notification would avoid this confirmation seeking #anxiety-flow.

#chrome, #comments, #desktop, #macos, #notifications