Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature Request: Image Editor #9645

Open
Titanas0 opened this Issue Jun 26, 2018 · 14 comments

Comments

Projects
None yet
5 participants
@Titanas0
Copy link

Titanas0 commented Jun 26, 2018

Hey everyone 馃憢

I've been thinking about Image Editing in the WordPress mobile apps. I wanted to improve the workflow of content creation on mobile. Instead of jumping between photos apps for simple image manipulation like cropping, rotation, brightness etc this all can be done within the WordPress app.

During WCEU, Matt mentioned that 3.7M images are uploaded every month via the mobiles apps. That's a lot of photos.

So i created a prototype with Framer to work around this issue. You can watch the demo video here: https://www.dropbox.com/s/pdmuikkxm7f5vzu/WordPress-iOS-Image-Edit-Prototype-Idea-1.mov?dl=0

The prototype is intentionally simple. All the editing tools are based on OS level capabilities. Nothing fancy. I included only a few editing tools to keep the demo short but obviously there can be more. Like filters, editing multiple pictures at once with recipes (i call them recipes anyway) etc. There is also a simple Undo function.

@elibud

This comment has been minimized.

Copy link
Contributor

elibud commented Jul 2, 2018

Thanks for the design @Titanas0, it looks great.

@nozomimimi @kwonye what do you think about this one?

@kwonye

This comment has been minimized.

Copy link
Member

kwonye commented Jul 2, 2018

@nozomimimi you mentioned wanting this, what do you think of @Titanas0's prototype?

@Titanas0 I really like it btw, thanks!

@nozomimimi

This comment has been minimized.

Copy link

nozomimimi commented Jul 2, 2018

@Titanas0 Thanks for making this! Looks fantastic!
One small thing: I'd like to have "redo", along with "undo" :)
I often do both the undo/redo to see before and after when I'm editing photos.

@Titanas0

This comment has been minimized.

Copy link
Author

Titanas0 commented Jul 2, 2018

@nozomimimi that's easy to add :) thinking about it right now and taking a hint from 3rd party apps, a long tap on the photo can show the original version of the photo an upon release the edited version of the photo.

@nozomimimi

This comment has been minimized.

Copy link

nozomimimi commented Jul 3, 2018

@Titanas0 Every editor app does it in a different way (I'm used to swiping left/right, or tap once to see before, tap again to see after) but yea, I think it's pretty good as long as it's discoverable :)

@Titanas0

This comment has been minimized.

Copy link
Author

Titanas0 commented Jul 5, 2018

Hey,

Here's another prototype idea: https://www.dropbox.com/s/bd37d4ca57xeq97/WordPressiOSPhotoEditingAutoLongPress.mov?dl=0

This prototype has 3 additions.

  1. Auto correct image. This is another standard OS level function to quickly improve a photo
  2. Long tap on the photo to compare the original photo to the edited version
  3. Slider has now the WordPress blue color

When the user taps for the first time on the Auto icon function or any other editing tool, a short message appears to explain the non obvious functionality of the long tap on the photo. The tap disappears right after.

It's a hybrid approach for communicating the not so obvious functionality of the long tap. A help message presented in such a way so that the person has to complete the desired action while getting value from the "educational" process of using the long tap.

@nozomimimi is this something you were thinking of?

@nozomimimi

This comment has been minimized.

Copy link

nozomimimi commented Jul 9, 2018

Hi @Titanas0! Apologies for the delayed response. I was on a break for some time.

The new prototype looks awesome!
One question: What's the reasoning behind having the Auto correct option on the photo, instead of the photo editing menu below?

Again, thank you for making this! Can't wait to have this feature :)

@Titanas0

This comment has been minimized.

Copy link
Author

Titanas0 commented Jul 9, 2018

@nozomimimi welcome back :)

Not particular reason. I was thinking about this and decided to go with the familiar location that matches what is currently available in the Photos app on iOS instead of the editing menu. What works best in this particular case I don鈥檛 know. I would choose either and A/B test 馃檲

I can鈥檛 wait to see this being part of app!

@nozomimimi

This comment has been minimized.

Copy link

nozomimimi commented Jul 9, 2018

Cool! I see :)

@Titanas0

This comment has been minimized.

Copy link
Author

Titanas0 commented Jul 10, 2018

@nozomimimi here's another prototype with two main additions:

https://www.dropbox.com/s/8x6mpdezjcr2rjg/WordPressiOSPhotoEditingAutoLongPressMagicFix.mov?dl=0

  1. The Auto Fix button is located in the menu area
  2. Introducing an idea of Magic Fix

Magic Fix is.. well a dream.. but essentially it builds on the idea of all the capabilities of modern smartphones with dual front cameras and built-in silicon for A.I. It goes beyond Auto Image Color Correction. What it does is a quick analysis of the photo with "magic" suggestions based on context and meta info. Some examples:

a) An image with high contrast areas could ideally be converted to black and white with a small tweak on curves to make it more dramatic
b) An image with portrait/depth information from the dual camera can automatically be converted to portrait mode
c) A computational analysis of a photo (the not to great example i'm showing in this prototype/video) to create a bokeh effect in a non portrait/regular photo

@nozomimimi

This comment has been minimized.

Copy link

nozomimimi commented Jul 10, 2018

@Titanas0
Thanks for updating the prototype. Looks super!

Feels nice to have the auto correct inside the menu below :)

Magic fix sounds indeed like magic. Hopefully, at some point, we will have a technology that will allow us to do it :)

@Titanas0

This comment has been minimized.

Copy link
Author

Titanas0 commented Jul 10, 2018

@nozomimimi nice to hear :) anything else you would like to try or see?

@nozomimimi

This comment has been minimized.

Copy link

nozomimimi commented Jul 10, 2018

@Titanas0
No, I think your current design is solid. We might iterate on it a bit more after feedback from developers (regarding Magic Fix for example) and some testing :)

@rachelmcr

This comment has been minimized.

Copy link
Member

rachelmcr commented Aug 22, 2018

Just noting for reference that there's another open issue related to image editing here: #6796

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can鈥檛 perform that action at this time.