Image editor REvisited

[GoogleCodeExporter]

Lets talk about the new image editor features and come up with design solutions 
for them.
D5 mockup (D5-1.png)

5. What's the difference between fit image and fill field?
- I just went by the list of functions supplied. I thought the difference is 
that "fit image" will actually fit the image in the field depending on the 
closest W/H value. Sort of an automatic fit width/height button. Editor picks 
which of the two to use in order to fit the whole image without cropping.
"Fill field", on the other hand, will flood the field with the image. Sort of a 
PowerClip like result. Cropping is accepted, just as long as the whole variable 
image area is covered.

6. what it will look like with some icons disabled?
- Which icons would get disabled and under what circumstances? We have Fit 
width, height... if one is in there so are the rest, right?
In any case, we can have them greyed out (D5-3-1.png) or simply removed all 
together (D5-3-2.png).

7. what happens when the menu is not needed as for FOR ALL FIELDS functions?
- What about it just disappears all together (D5-2.png)? That way it will be 
even more noticeable. When a user clicks on "Fit in field" icon in the left 
menu, the entire image gets moved down when the new top horizontal menu is 
added. A change (jump) like that will ensure users see that a whole new menu 
with options became available at the top.

Original issue reported on code.google.com by agur...@gmail.com on 5 Oct 2011 at 9:19

Attachments:

• D5-1.png
• D5-3-1.png
• D5-3-2.png
• D5-2.png

[GoogleCodeExporter]

Original comment by ad...@zetaprints.com on 5 Oct 2011 at 9:24

[GoogleCodeExporter]

d5-2
does it mean the img will need to shift up?

Original comment by ad...@zetaprints.com on 5 Oct 2011 at 9:26

[GoogleCodeExporter]

Yes, shift, that's what I meant by "jump". A change like that will make a blind 
man see the top menu.

Original comment by agur...@gmail.com on 5 Oct 2011 at 9:39

[GoogleCodeExporter]

Can we get rid of the jump/shift?

Original comment by ad...@zetaprints.com on 10 Oct 2011 at 5:54

• Added labels: Unit-1

[GoogleCodeExporter]

Original comment by ad...@zetaprints.com on 10 Oct 2011 at 9:34

• Added labels: Mockups

[GoogleCodeExporter]

No jump/shift.

While in "Fit in field" mode, the menu is at the top of the FancyBox (D6-1.png)
While out of "Fit in field" mode, the space where the top menu used to be is 
just empty (D6-2.png). The image doesn't move up.

Sprites image attached (fit_menu_sprites.png).

Original comment by agur...@gmail.com on 10 Oct 2011 at 11:22

Attachments:

• fit_menu_sprites.png

[GoogleCodeExporter]

I think we can put an infobar at the top where the menu is to say:

"Cropping this image will affect all fields it is used for."

Let's make it a separate issue when this one is implemented.

Original comment by ad...@zetaprints.com on 11 Oct 2011 at 2:51

[GoogleCodeExporter]

Atanas, we need a screenshot for RESET button in the top menu for CROP mode.

Original comment by ad...@zetaprints.com on 13 Oct 2011 at 8:02

[GoogleCodeExporter]

Updated mockups attached.

Original comment by agur...@gmail.com on 13 Oct 2011 at 4:26

Attachments:

• D6-1.png
• D6-2.png
• D6-3.png
• D6-4.png

[GoogleCodeExporter]

Anatoly, do we have an info-panel at the bottom for crop?
Keep it if we do, because it's not on the mockup image. Atanas recons we don't 
have it.
Whatever.

Original comment by ad...@zetaprints.com on 13 Oct 2011 at 10:36

• Added labels: Type-Enhancement
• Removed labels: Type-Defect

[GoogleCodeExporter]

Original comment by ad...@zetaprints.com on 13 Oct 2011 at 10:37

• Removed labels: Mockups

[GoogleCodeExporter]

Atanas, what is a size of a text and font family in the top menu?

Original comment by Anatoly....@gmail.com on 17 Oct 2011 at 4:14

• Changed state: Discuss

[GoogleCodeExporter]

Tahoma 8pt #204a87
Inactive item is #849ec2

Original comment by agur...@gmail.com on 17 Oct 2011 at 4:29

[GoogleCodeExporter]

Atanas, can you please add white triangle image (pointer to current item in the 
left menu) to the sprite above?

Original comment by Anatoly....@gmail.com on 21 Oct 2011 at 11:04

[GoogleCodeExporter]

Original comment by ad...@zetaprints.com on 21 Oct 2011 at 11:18

• Added labels: Mockups

[GoogleCodeExporter]

Original comment by agur...@gmail.com on 21 Oct 2011 at 11:30

Attachments:

• fit_menu_sprites.png

[GoogleCodeExporter]

Original comment by agur...@gmail.com on 24 Oct 2011 at 10:29

• Removed labels: Mockups

[GoogleCodeExporter]

Diffs: http://code.google.com/p/magento-w2p/source/detail?r=1817

Original comment by Anatoly....@gmail.com on 25 Oct 2011 at 7:45

• Changed state: Finished

[GoogleCodeExporter]

Please, test it with 1.9.2.0alpha11 release (already installed on /mageimage/)

Original comment by Anatoly....@gmail.com on 26 Oct 2011 at 7:51

• Changed state: ToTest

[GoogleCodeExporter]

Atanas, how come we lost the info panel at the bottom for CROP?

Anatoly, can you bring it back?
See comment 10.

Original comment by ad...@zetaprints.com on 26 Oct 2011 at 9:52

• Added labels: Mockups

[GoogleCodeExporter]

As far as I remember, it was not part of "Crop".  But anyway, here's a mockup 
(D7-3-1.png).

Original comment by agur...@gmail.com on 27 Oct 2011 at 1:18

• Changed state: MoreWork

Attachments:

• D7-3-1.png

[GoogleCodeExporter]

Original comment by Anatoly....@gmail.com on 28 Oct 2011 at 6:30

• Changed state: Finished

[GoogleCodeExporter]

Please, test it with 1.9.2.0alpha12 release (installed on /mageimage/)

Original comment by Anatoly....@gmail.com on 1 Nov 2011 at 6:44

• Changed state: ToTest

[GoogleCodeExporter]

Tested on /mageimage/
web_to_print_store_incl_theme   1.9.2.0alpha12 (alpha) 

Original comment by agur...@gmail.com on 1 Nov 2011 at 1:21

• Changed state: TestOK

[GoogleCodeExporter]

Original comment by ad...@zetaprints.com on 1 Nov 2011 at 6:42

• Changed state: Done
• Removed labels: Mockups

[GoogleCodeExporter]

Original comment by ad...@zetaprints.com on 1 Nov 2011 at 6:42

• Added labels: Period-2011-10