Initial Press This Web App mockups

When posting from a phone, speed of creating is incredibly important. This version was designed with that in mind which is why there is no WYSIWYG or HTML formatting. I would, however, like to push for inclusion of Markdown.

New post
press-this–mobile_new-post

Adding a title
press-this–mobile_post-title

After tapping the hide keyboard button (not necessary)
press-this–mobile_keyboard-hidden

After tapping the image button (not the camera)
press-this–mobile_add-media

Image selection allows for single or multiple images and defaults to Camera Roll
press-this–mobile_select-image

Image is inserted.

It would be great if the image was inserted where the caret was last. (doable?)
press-this–mobile_image-inserted

Tapping the image reveals edit or delete buttons I’m leaning toward the second one version. The edit button is tappable from either hand and the delete button isn’t close enough to it to be accidentally tapped.
press-this–mobile_image-options-A
press-this–mobile_image-options-B
press-this–mobile_image-options-D

After tapping the edit icon you get a familiar set of image options.
press-this–mobile_image-details

Text entry.
press-this–mobile_text-entry
press-this–mobile_more-text-entry

After hitting next, the user is presented with the option to add categories and tags (needs more thought on the UI here).
press-this–mobile_next-categories-and-tags

Final screen before publish
press-this–mobile_save-edit-publish

An example of adding a gallery. In hindsight, we should see if the user wants a gallery or to insert multiple images.
press-this–mobile_select-multiple-images

Gallery
press-this–mobile_gallery

Tapping a gallery reveals options
press-this–mobile_gallery-options

After hitting edit, taken to the image gallery photos. From here, the user can add or edit photos. (Needs a bit more UI love/iterations)
press-this–mobile_image-gallery

After tapping an image, taken to the familiar image details page
press-this–mobile_image-details

#mobile-mockups