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.

teamadesign 4:29 am on March 20, 2015
Tags: image-flow

Image Flow Prototype – Mobile Create Gallery

: User Clicks ‘Add Media’.

: User is shown media grid.

: User selects an image by tapping it.

: User selects another image.

: User selects another image.

: User selects another image.

: User selects another image and clicks ‘Create Gallery’

: User Clicks ‘Insert Gallery’

: Gallery is inserted into Editor.

Optional path if user wants to change settings. Starts after ‘Create Gallery’ has been clicked.

: User Clicks ‘Insert Gallery’

: User Clicks ‘Gallery Options’

: User changes the number of columns

: User Clicks ‘Insert Gallery’

: Gallery is inserted into Editor.

#image-flow

teamadesign 4:20 am on March 20, 2015
Tags: image-flow

Image Flow Prototype – Desktop Create Gallery

Thanks to @pabloperea for prepping the images for this vizrec!

: User Clicks ‘Add Media’.

: User is shown media grid.

: User selects an image by tapping it.

: User select another image.

: User select another image.

: User select another image.

: User selects another image and Clicks ‘Create Gallery’

: User Clicks ‘Insert Gallery’

: Gallery is Inserted.

Optional path:

: User Clicks ‘Gallery Options’

: User changes the number of columns

: User Clicks ‘Insert Gallery’

: Gallery is inserted

#image-flow

teamadesign 8:19 am on March 18, 2015
Tags: image-flow

Image Flow Prototype – Mobile Full Width and Metadata

: User clicks ‘Add Media’

: User is shown media grid.

: User selects an image by tapping it.

: User clicks ‘View’ to see images in detail.

: User swipes or tap arrow to scroll right.

: User swipes to scroll right.

: User taps ‘check’ icon to select image.

: User taps ‘Info’ to flip card and view details and metadata.

: User swipes or taps arrows to scroll left.

: User swipes or taps arrows to scroll left.

: User clicks input to enter metadata.

: User scrolls down to enter more metadata.

: User scrolls down to finish metadata and check post settings. User clicks ‘Insert’

: Images are inserted into Editor in selection order.

#image-flow

teamadesign 8:08 am on March 18, 2015
Tags: image-flow

Image Flow Prototype – Desktop Full Width and Metadata

: User enters metadata

: User scrolls left by swiping or cllcking left arrow.

: User is brought to media grid.

: User scrolls right with swipe or right arrow click.

: User scrolls left by swiping or cllcking left arrow.

: User selects image by tapping checkbox.

: User scrolls right with swipe or right arrow click.

: User views media at full size by clicking ‘View’

: User Clicks ‘Add Media’

: User clicks ‘Info’ to view image details.

: User clicks ‘Insert’, images are inserted in selection order.

: User selects an image by clicking on the image.

#image-flow

teamadesign 8:02 am on March 18, 2015
Tags: image-flow

Image Flow Prototype – Mobile Insert Multiple Images

: User clicks ‘Add Media’

: User is shown media grid.

: User selects an image by tapping it.

: User selects an additional image, and clicks ‘Insert’

: Images are inserted into editor in order of selection.

#image-flow

teamadesign 7:59 am on March 18, 2015
Tags: image-flow

Image Flow Prototype – Desktop Insert Multiple Images

: User Clicks ‘Add Media’

: User is brought to media grid.

: User selects an image by clicking on the image.

: User selects an additional image, then clicks ‘Insert’

: Images are inserted into editor in selection order.

#image-flow

teamadesign 7:38 am on March 18, 2015
Tags: image-flow

Image Flow Prototype – Mobile Insert Existing Image

: User clicks ‘Add Media’

: User is shown media grid.

: User selects image and clicks ‘Insert’

: Image is inserted into post.

#image-flow

teamadesign 7:35 am on March 18, 2015
Tags: image-flow

Image Flow Prototype – Desktop Insert Existing Image

: User Clicks ‘Add Media’

: User is brought to media grid.

: User selects image, and clicks insert.

: Image is inserted into editor.

#image-flow

teamadesign 5:55 am on March 18, 2015
Tags: image-flow

Image Flow Prototype – Mobile Add New Image

: User clicks ‘Add Media’

: User is shown media grid.

: Native Phone functionality for Image Selection

: Selected Image Uploads. User Clicks Insert.

: Image is inserted into Editor.

#image-flow

teamadesign 5:39 am on March 18, 2015
Tags: image-flow

Image Flow Prototype – Desktop Add New Image

Sorry for the dump, I am going to post a number of vizrecs of both desktop and mobile screens for the image flow prototype from http://flow.teamadesign.net. You can catch up on the feature-imageflow channel, and at https://make.wordpress.org/design/tag/image-flow/

The first scenario is adding a new image.

: User Clicks ‘Add Media’

: User is brought to media grid.

: After clicking ‘Add New’, User decides to upload image, rather than add from URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org.

: Native functionality for choosing an image.

: Image is added to Media Library. User clicks ‘Insert’

: Image is inserted into Editor.

#image-flow

s: search
c: compose new post
r: reply
e: edit
t: go to top
j: go to the next post or comment
k: go to the previous post or comment
o: toggle comment visibility
esc: cancel edit post or comment