media – Page 3 – Make WordPress Test

Welcome

The Test Team helps manage testing and triage across the WordPress ecosystem. They focus on user testing of the editing experience and WordPress dashboard, replicating and documenting bug reports, and supporting a culture of review and triage across the project.

Weekly Meetings (Calendar)

Bi-Weekly Test Team Chat: Tuesdays 11:00 UTC
Bi-Weekly Test Team Triage: Tuesdays 11:00 UTC

You can join these meetings from the #core-test Slack channel.

Please drop by any time in SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. with questions or to help out.

Images uploaded from my phone via Press This or post-new.php seem oriented as I wish when viewed from a phone.

When viewed from desktop, they look like this.

After rotating them in WP’s editor, they show correctly in the image details modal.

But they still show incorrectly in the editor and on the front page.

This happens to me often. I’ve learned not to trust images uploaded from mobile or the image editor.

4.2-beta4-31998 on Macnchrome and iPhone 6+.

#4-2, #desktop, #image-editor, #image-rotation, #ios, #macos, #media, #mobile, #phablet, #sideways

The gallery edit toolbar doesn’t show when the gallery is tapped.

Tapping, but nothing.

Also, the image edit toolbar has visual glitches and is hard to tap. On first tap I usually get the copy menu. Second or third tap brings up the edit modal.

: Tap to bring up image edit menu. Tap the edit icon.

: Oops. First tap always does this. Try again.

: There’s the modal, with the image nowhere in site and scrolling very broken.

#editor, #galleries, #ios, #media, #phablet, #web

Noticed this today.

: Click the edit icon.

: This doesn’t look right. Dismiss and click the edit icon again.

: More shown this time.

#chrome, #desktop, #macos, #media, #modal, #web

When you edit a caption, the edits are not reflected in the editor’s gallery embed. This induces distrust and anxiety. With every caption change, I either Update or Preview the post to verify the changes. Both require scrolling and losing my place. Because I don’t trust changes that don’t show in the editor, I’ll preview again before publish so I can scrutinize the captions. This is a worry pattern.

: A gallery with no captions. Click the edit icon.

: Add a couple captions. Click Update Gallery.

: The captions do not display. Click Update to save the post.

: The captions now show. Click the gallery.

: Click the edit icon.

: Add text to the first caption. Click Update gallery.

: The change is not reflected in the editor. Click Update.

: Caption updated.

#captions, #chrome, #desktop, #editor, #galleries, #macos, #media, #web

: Media modal with sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. exposed, iPhone 5

: Media modal with sidebar exposed, Nexus 5

Killing the sidebar in the mobile media modal seems the key to opening up a good design. Start there and ask questions about selection, particularly multi-select, and access to image detail views that feature full-width, easy-to-discern images. Selection and image views are the two most important things. They need to be readily accessible, and they must flowFlow Flow is the path of screens and interactions taken to accomplish a task. It’s an experience vector. Flow is also a feeling. It’s being unselfconscious and in the zone. Flow is what happens when difficulties are removed and you are freed to pursue an activity without forming intentions. You just do it.

Flow is the actual user experience, in many ways. If you like, you can think of flow as a really comprehensive set of user stories. When you think about user flow, you’re thinking about exactly how a user will perform the tasks allowed by your product.Flow and Context

. Do we use a selection toggle like the media library’s grid view does? Are image views accessible during multi-select? The media library’s grid view does not make image views accessible during bulk selection, but interfaces like G+ make them accessible with a tap. Should the default action be selection or image detail view? Does this change in different flows? The primary multi-select flow is uploading images from the camera roll, which will likely use the selection mechanism provided by the Android and iOSiOS The operating system used on iPhones and iPads. file choosers. How does this affect our multi-select approach within the media modal?Gallery/camera roll interfaces are not the same as a modal inserting images and galleries into a post. How much can we borrow from these interfaces? Mobile, multi-select, access to big images. These must be solved in a flowful way.

The media library grid view avoids a sidebar via an attachment details modal.

: Decently sized image on top.

: Swipe up to scroll down to the details.

Grid view handles multi-select via a toggle button.

During multi-select, image detail views are unavailable. The G+ app on Kitkat handles this with an overlay on the image thumbnails.

: The multi-select toggle requires digging in a menu.

: Tap the overlays to see a big image.

: Selection is preserved in image view with the top-left overlay.

A mockup of the media modal with sidebar eliminated.

#desktop-bias, #media, #modal

The media modal, attachment details modal, and link modal all have scrolling problems on mobile/touch devices. The page beneath them scrolls, resulting in stacked scrolling and a bad experience.

Nexus 5 Media Modal: