The Test team patrols, curates, and tests the WordPress experience. We use a QA mindset to do visual records, using, observing, user research, manual testing, and user testing. We also document and triage top flows.
The Top 5 Impediments to Flow on Touch Devices
Behold, a listicle.
1. The Media Modal
The media modal has a number of issues on touch devices, particularly phones, including the use of tabs and sidebars. For details see The Media Modal and Sidebars on Phones.
#30154 – Improve Media Modal UI at small-screen sizes
2. The Editor
Update: #31247, Scrolling and zooming is frustrating on iOS, was fixed on July 1st of 2015.
Scroll up to add media. Scroll down to preview, save, publish. Up and down. Up and down. Press This addressed this with its redesign in 4.2. Lessons learned there could be applied to post-new.php.
The Location of Add Media on Phones
#29989 – Hide Media Buttons on small screens
Fixed: The editor has a very annoying scrolling problem on iOS. Fixing that would go a long way toward improving usability on iOS devices.
#31247 -Scrolling and zooming is frustrating on iOS
3. Menu dismissal in the toolbar
Update: This was fixed on July 3rd of 2015.
I like the toolbar on phones better than on desktop, except for the lingering desktop bias that defies touch expectations when tapping menu icons. In the image above, tapping the dashboard icon traverses a link to the dashboard instead of dismissing the menu.
#29906 – Submenus can’t be dismissed on mobile.
4. Submenus in the toolbar and admin menu
Submenus are awkward on touch devices. The expectation on touch is that tapping a menu item takes you to the tapped thing and closes the menu. With WP, tapping in the admin menu subtly opens a submenu. The menu remains open. I often don’t notice the submenu open because I’ve already shifted my gaze to look at the right side of the screen. Losing submenus would benefit touch navigation. Further, losing them on desktop (like wordpress.com does) reduces the overwhelming feeling new user experience when first confronting wp-admin. This is something I’d like to experiment with in a feature plugin.
Site Switching on the Make Network
5. Column truncation
Update: This was fixed on July 9th of 2015.
Our current strategy for dealing with list tables on narrow screens is to just chop off columns. Not good.
#32395 – Truncation is not a good strategy for responsive list tables
#29991 – Comment action links are quite cramped on small screens
#29995 – Username is cut off on the user list table on small screens