Ideas for the UI/UX of Imageworks

poetaster / harbour-simplecrop

Sailfish OS Imageworks is the most complete photo editor and image manipulation app for SailfishOS to date.

GNU General Public License v3.0

6 stars 2 forks source link

Ideas for the UI/UX of Imageworks #3

Open ApostolosB opened 3 years ago

ApostolosB commented 3 years ago

In its current state the app is a bit cumbersome to use. Not that it doesn't get things done but it could be much better/faster at getting things done.

After playing with it for a bit i have some suggestions:

First page. At its current stage the first page you see after opening the app is a few icons. You have to use the pulley to get to an image or create an empty file. My suggestion is something like the image below: You immediately get to choose which file to edit and you have pulley options for the different selection options of the app (Collage Empty file)

poetaster commented 3 years ago

I'm breaking this up into tickets that can be worked on bit by bit.

poetaster commented 3 years ago

The reason this was built as it is ist that the FilePicker isn't a page at all, but a system method. I'll look at embedding it .... I think it's a gallery view....

poetaster commented 3 years ago

Do you think it would be fine to just pop up the gallery view for selection directly after opening the app? I'm doing this in my weather app if no location has been chosen (to show a list of locations to select). It would be trivial and take almost no changes to the qml to pop-up the selection interface on opening.

Embedding the gallery view is another matter and means taking thing apart first.

poetaster commented 3 years ago

So I've tested this with a simple timer that is started when the main colum of FirstPage is finished loading. Component.onCompleted: openDelayTimer.start(); at this point opens the image picker in the gallery.

That takes about 1.5 - 2 seconds. So, the initial view (the menu items under an empty field where the image will go) is loaded and you have a one-and-a count before the picker show up.

Even if I embedded it, it'd take this long.

ApostolosB commented 3 years ago

I don't quite get what you mean but i'll try to give an example/describe it better in case it helps. If you tap the photo option in the gallery app you get a page with all your pictures. You tap one and it shows it big. My suggestion is that you get the same looking page as the photo section of the gallery when you open the app and when you tap on a pic it gets you to the editing page.

If you select the collage option from the pulley menu it gets you to a page similar to the one used now for the select photos in the gallery pulley.

poetaster commented 3 years ago

Ok, so now, if you open the app, after 2 seconds (about), it presents you with a page that shows you all your pictures (like in the gallery) and you can select one which becomes the active picture to edit. No PullyMenu ... just select as the first action.

So I think this is done :)

ApostolosB commented 3 years ago

It will need a pulley menu so we can have the collage option and the empty file option. And the about. :)

But i believe this can be done latter.