Here is Uri's mockup -



This is a completely standalone application. It is quite trivial. None of the buttons actually do anything right now. I'll try and implement them. The implementations can probably be reused across all the prototypes.

vHanda wrote:Here is Uri's mockup -



This is a completely standalone application. It is quite trivial. None of the buttons actually do anything right now. I'll try and implement them. The implementations can probably be reused across all the prototypes.

Would you mind to share your progress?

I wanted to focus more on geo-location and automatic album creation. So, for now I've scrapped most of the tagging related stuff. It can be added again, the code is still there. Also, I did really like the concept.

The Application is currently called Koko, and you can try it out. I'm probably going to make an initial release a week after Plasma 5.2 is out as it depends on it. Here is a screen shot -

Koko! What a cool name! Love it!

vHanda wrote:The Application is currently called Koko, and you can try it out. I'm probably going to make an initial release a week after Plasma 5.2 is out as it depends on it. Here is a screen shot -

If I'm allowed to provide some feedback:

• The "search" icons next to each navigation option are completely redundant and therefore do not add any information. Plus, they're not really correct as one does not search there. They should either be replaced by specific icons for each option (not sure if we can find good metaphors for all of them) or just removed.
• Is there any way to filter e.g. for a specific city? People who take lots of photos in lots of places will find it difficult to find the ones they're looking for just by browsing
• Idea for the future: I think it would be much cooler to have the places shown on a globe/map instead of a plain grid, and the dates on a timeline (like in Plasma Active's file browser)

In digikam you have the world map and can select a part of the map from where you want to see images.

colomar wrote:

vHanda wrote:The Application is currently called Koko, and you can try it out. I'm probably going to make an initial release a week after Plasma 5.2 is out as it depends on it. Here is a screen shot -

If I'm allowed to provide some feedback:

Always

• The "search" icons next to each navigation option are completely redundant and therefore do not add any information. Plus, they're not really correct as one does not search there. They should either be replaced by specific icons for each option (not sure if we can find good metaphors for all of them) or just removed.

I agree. It looked nicer with some icons, but I couldn't figure out what to put. Jens had the either of not having a sidebar and putting everything in the toolbar, but I wasn't too sure about that. Perhaps we could just ship the 0.1 version with this sidebar and then see what you guys can come up with.

Is there any way to filter e.g. for a specific city? People who take lots of photos in lots of places will find it difficult to find the ones they're looking for just by browsing

Hmm. I could very easily add a search bar, but I'm not sure where.

Idea for the future: I think it would be much cooler to have the places shown on a globe/map instead of a plain grid, and the dates on a timeline (like in Plasma Active's file browser)

I always found the globe very very unusable. Digikam has it, and while it looks nice, it makes casual browsing harder.

The idea I was hoping to go for was automatic album creation which would take multiple factors into account. Not just location. Google+ somewhat does this with "Trip to x". I wasn't too sure of how to go about this, so for now it's just Country/State/City.

vHanda wrote:I wanted to focus more on geo-location and automatic album creation. So, for now I've scrapped most of the tagging related stuff. It can be added again, the code is still there. Also, I did really like the concept.

The Application is currently called Koko, and you can try it out. I'm probably going to make an initial release a week after Plasma 5.2 is out as it depends on it. Here is a screen shot -

Here's my own points;

• The images should be far less rounded; Rounding by 2 or 3 pixels is ideal for 'floating' pictures, as it softens the corner. The rounding being used (15%?) makes the images look like a squircle - neither sharp enough to feel square or round enough to feel circular. Less is more.
• Remove the "Navigation" label from the navigation; it's a common enough design patten that users will know what it's about.
• If adding a drop shadows to content, either apply them to both (image and text) or neither. I would vote for neither.
• Lower the white border around the images to ~1% above the darkest pixel of the shadow. I can tell you're trying to create an 'edge', the best way to do that is to have any white bordering only be a hair lighter at the darkest point of the image in contrast to the darkest point of the shadow cast by it. At 100% opacity the borders look like "wires" and makes things feel "cheaply framed"

And an idea;
Eliminate ALL rounding and reduce the spacing to 1px; overlay the text into the image (maybe even reduce the opacity until hover), and eliminate the white borders; possibly make the background black or a user-defined background colour. This will make it look like tiles instead of a grid.

Overall, the feeling is that the interface is "trying too hard", and the images are being overprocessed. The focus should be on the images, not necessarily the UI. Mockup incoming.

Kver wrote:Eliminate ALL rounding and reduce the spacing to 1px; overlay the text into the image (maybe even reduce the opacity until hover), and eliminate the white borders; possibly make the background black or a user-defined background colour. This will make it look like tiles instead of a grid.

Good ideas. Here's some HIG guidance on images that might help a little (especially for text on images).

The focus should be on the images, not necessarily the UI.

+1

alake wrote:

Kver wrote:Eliminate ALL rounding and reduce the spacing to 1px; overlay the text into the image (maybe even reduce the opacity until hover), and eliminate the white borders; possibly make the background black or a user-defined background colour. This will make it look like tiles instead of a grid.

Good ideas. Here's some HIG guidance on images that might help a little (especially for text on images).

The focus should be on the images, not necessarily the UI.

+1

Just for posterity;

One of the things mentioned was the Android guideline, which uses a 40% opacity dark gradient for text protection. Here's the mockup resulting from it and other notes (which was passed on in the live chat)

would it be possible to autohide the navigation, like the sidebar on the preview mode or the navigation icons at some movie players.

Kver wrote:

alake wrote:

Kver wrote:Eliminate ALL rounding and reduce the spacing to 1px; overlay the text into the image (maybe even reduce the opacity until hover), and eliminate the white borders; possibly make the background black or a user-defined background colour. This will make it look like tiles instead of a grid.

Good ideas. Here's some HIG guidance on images that might help a little (especially for text on images).

The focus should be on the images, not necessarily the UI.

+1

Just for posterity;

One of the things mentioned was the Android guideline, which uses a 40% opacity dark gradient for text protection. Here's the mockup resulting from it and other notes (which was passed on in the live chat)

Cool! I think that text scrim could be a touch darker, or the typeface could be adjusted for greater contrast. Remember text is a visual element as well. So you can try different layout, weights and sizes for the different text elements (city, region, year) to make things easier to focus on and look nice in the process.

Also, it might be worth considering how the item selection visuals will work with that design.

alake wrote:Also, it might be worth considering how the item selection visuals will work with that design.

Since it's purely a browsing application (at least at the moment), I don't think selection will actually happen. If the user cliks an album, that album is opened. If they click an image, that image is shown.

One thing I do not like Gwenview is that I think it should automatically take all pictures pc, as a music program, for example, if I have other pictures in the folder 5 folders "photo" Wallpaper "" screenshot "Holidays" should not see folders but the images with automatically tag with the name of the folder associated instead if I go in Gwenview I can only see the photos in a single folder, or only the folders that are in the root folder.
Or so it seems to me

lazyit wrote:One thing I do not like Gwenview is that I think it should automatically take all pictures pc, as a music program, for example, if I have other pictures in the folder 5 folders "photo" Wallpaper "" screenshot "Holidays" should not see folders but the images with automatically tag with the name of the folder associated instead if I go in Gwenview I can only see the photos in a single folder, or only the folders that are in the root folder.
Or so it seems to me

Koko does that. It's based on Baloo's database, not the folder hierarchy. So any photos that are in a folder indexed with Baloo will show up there.