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.
#gallery-144 {
margin: auto;
}
#gallery-144 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 50%;
}
#gallery-144 img {
border: 2px solid #cfcfcf;
}
#gallery-144 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */
- 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.





