[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons Page edited by Samer Mansour Changes (2) ... !logo-w-offset3.png! h3. November 23rd !logo-w-offset3.png|border=1! !logo-w-offset3.png|border=1! ... Full Content I am proposing a new icon set for AOO 4.1 that will make them more usable and recognizable to users. Our focus should be to be the best user experience. To do this, you need to step out of your shoes and think "if I were a user would I care about X in this context?" 3.4.1 4.1 Proposed Comments Shape 256px This is an example size for document instances. The Templates are similarly designed. The top of the icon has a solid color differing and designating it as a template file. 4.1 Proposed More Usable? Yes. Why? - Primary Context (Application Designation - Red) has greatest focus. Users don't care to see Secondary Context (Application Branding - Green aka 'the gulls'), it's nice to have, but users are fairly familiar that the file will open with Apache OpenOffice, so no need to remind users everyday/ no value added. On top it complicates shrunk/smaller icons. A compromise is to drop it from small icons, where its obscure and illegible. - Corner And Designator Color (keep from old design), user can identify the file type quickly by color and designator. - Enlarged Designation, helps color blind and hard of seeing individuals. - Mime designation, helps users differentiate file type when the above two fail to help, include when screen space permits MIME Type is not important to this audience, brain-spill-over from my technical side, technical files like .XML & .XSD. -Samer. - Additionally, the color of the MIME type could be different for further differentiation of template files. - Single gull, or maybe O or circle can satisfy secondary element, less busy yet gets the brand across. Green - Branding (Twin Gulls) Red - Application Designation Orange - Page Corner (Colored) 64px Optimal size, great for showing how fabulous and sophisticated our product is. At this level we keep the MIME designation but the three characters at a little larger. 32px At this level we should still be able to see the branding well as well as identifying the file type quickly. At this level we drop the MIME designation, space is limited and mime type becomes less likely to help identify or connect with the user. 16px At 16px, space is limited, we want to be the least busiest. Might need to drop the branding to make less busy. (Green) Our focus should be to be the best user experience, and that might mean dropping the branding to be much more helpful to the user. Tools To Complete Task GIMP - Free - Can exports icon files with varying sizes. Tutorial on layer sizing and exporting: http://www.gimp-tutorials.net/How-to-make-an-icon-from-a-picture Description Current 3.4.1 256px (click to enlarge) Base - .odb Database Document Calc - .ods Spreadsheet Calc - .ots Spreadsheet Template Draw - .odg Drawing Draw - .otg Drawing Template Impress - .odp Presentation Impress - .otp Presentation Template Math - .odf Formula Document Writer - .odm Master Document Writer - .odt Text Document Writer - .ott Text Template Writer - .oth Web Template Existing references and resources for icons: http://www.openoffice.org/ui/VisualDesign/ODF_icons4print.html http://www.openoffice.org/ui/VisualDesign/OOo30MimeType4print.html http://www.openoffice.org/ui/VisualDesign/OOo_galaxy_mimetype.html AOO.next Flat Desktop Icon Exploration Submitted by Kevin Grignon Palette is based on AOO blue as key colour. AOO Desktop Icon Exploration - Samer Mansour Improvement in icons to emphasize file type (enlarged application icon and colours, decrease in birds and black styling taking up space.) AOO Desktop Icon Exploration 2 (Round) - Samer Mansour Rounded to match branding, Went flat, sharper, increased contrast between designator and background icon. Less busy, dropped the gulls. Changed templates to be dotted, different perspective than we used in the past, left the solid bar at the top so previous 3.x users transition to new icon set. Then I thought keep the circle theme going (lines don't scale down as nicely in circle version because its smaller to start with): Zipped Icons: Icon Set Round.zip Icon Set Alt.zip One more example for comparison on Windows 8 (can be done by Properties->Shortcut->Change Icon... dialog in windows): You can see how having a circl
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons Page edited by Samer Mansour Changes (1) ... !logo-w-offset3.png! h3. November 23rd !logo-w-offset3.png|border=1! ... Full Content I am proposing a new icon set for AOO 4.1 that will make them more usable and recognizable to users. Our focus should be to be the best user experience. To do this, you need to step out of your shoes and think "if I were a user would I care about X in this context?" 3.4.1 4.1 Proposed Comments Shape 256px This is an example size for document instances. The Templates are similarly designed. The top of the icon has a solid color differing and designating it as a template file. 4.1 Proposed More Usable? Yes. Why? - Primary Context (Application Designation - Red) has greatest focus. Users don't care to see Secondary Context (Application Branding - Green aka 'the gulls'), it's nice to have, but users are fairly familiar that the file will open with Apache OpenOffice, so no need to remind users everyday/ no value added. On top it complicates shrunk/smaller icons. A compromise is to drop it from small icons, where its obscure and illegible. - Corner And Designator Color (keep from old design), user can identify the file type quickly by color and designator. - Enlarged Designation, helps color blind and hard of seeing individuals. - Mime designation, helps users differentiate file type when the above two fail to help, include when screen space permits MIME Type is not important to this audience, brain-spill-over from my technical side, technical files like .XML & .XSD. -Samer. - Additionally, the color of the MIME type could be different for further differentiation of template files. - Single gull, or maybe O or circle can satisfy secondary element, less busy yet gets the brand across. Green - Branding (Twin Gulls) Red - Application Designation Orange - Page Corner (Colored) 64px Optimal size, great for showing how fabulous and sophisticated our product is. At this level we keep the MIME designation but the three characters at a little larger. 32px At this level we should still be able to see the branding well as well as identifying the file type quickly. At this level we drop the MIME designation, space is limited and mime type becomes less likely to help identify or connect with the user. 16px At 16px, space is limited, we want to be the least busiest. Might need to drop the branding to make less busy. (Green) Our focus should be to be the best user experience, and that might mean dropping the branding to be much more helpful to the user. Tools To Complete Task GIMP - Free - Can exports icon files with varying sizes. Tutorial on layer sizing and exporting: http://www.gimp-tutorials.net/How-to-make-an-icon-from-a-picture Description Current 3.4.1 256px (click to enlarge) Base - .odb Database Document Calc - .ods Spreadsheet Calc - .ots Spreadsheet Template Draw - .odg Drawing Draw - .otg Drawing Template Impress - .odp Presentation Impress - .otp Presentation Template Math - .odf Formula Document Writer - .odm Master Document Writer - .odt Text Document Writer - .ott Text Template Writer - .oth Web Template Existing references and resources for icons: http://www.openoffice.org/ui/VisualDesign/ODF_icons4print.html http://www.openoffice.org/ui/VisualDesign/OOo30MimeType4print.html http://www.openoffice.org/ui/VisualDesign/OOo_galaxy_mimetype.html AOO.next Flat Desktop Icon Exploration Submitted by Kevin Grignon Palette is based on AOO blue as key colour. AOO Desktop Icon Exploration - Samer Mansour Improvement in icons to emphasize file type (enlarged application icon and colours, decrease in birds and black styling taking up space.) AOO Desktop Icon Exploration 2 (Round) - Samer Mansour Rounded to match branding, Went flat, sharper, increased contrast between designator and background icon. Less busy, dropped the gulls. Changed templates to be dotted, different perspective than we used in the past, left the solid bar at the top so previous 3.x users transition to new icon set. Then I thought keep the circle theme going (lines don't scale down as nicely in circle version because its smaller to start with): Zipped Icons: Icon Set Round.zip Icon Set Alt.zip One more example for comparison on Windows 8 (can be done by Properties->Shortcut->Change Icon... dialog in windows): You can see how having a circle or rounded square makes the Icon slightly less readable
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour logo-w-offset3.png (24 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour logo-w-offset3.png (30 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour logo-w-offset3.png (60 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons Comment edited by Samer Mansour : Changes (3) High contrast icons satisfy that you can tell them apart while grey scaled. I know this is satisfied through the primary context (green (red areas in mock ups). The context and the background are different enough to see when greyscaled. ... Since I use White and a colour, the contast is high enough so you can still make out its a spreadsheet vs a document. Making the primary context large would also help this. Semi-saturation is not a real threat because we have handled it with primary contexts (green (red areas in mock ups) Edit: meant to say red areas not green areas, fixed Full Content High contrast icons satisfy that you can tell them apart while grey scaled. I know this is satisfied through the primary context (red areas in mock ups). The context and the background are different enough to see when greyscaled. ie the same saturation of two Hues will make the same grey colour. See left side for an example here: http://rgm.ogalab.net/RGM-files/R_CC/result/colorspace/desaturate.Rd_001_large.png Since I use White and a colour, the contast is high enough so you can still make out its a spreadsheet vs a document. Making the primary context large would also help this. Semi-saturation is not a real threat because we have handled it with primary contexts (red areas in mock ups) Edit: meant to say red areas not green areas, fixed Stop watching space | Change email notification preferences View Online
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons Page comment added by Samer Mansour High contrast icons satisfy that you can tell them apart while grey scaled. I know this is satisfied through the primary context (green areas in mock ups). The context and the background are different enough to see when greyscaled. ie the same saturation of two Hues will make the same grey colour. See left side for an example here: http://rgm.ogalab.net/RGM-files/R_CC/result/colorspace/desaturate.Rd_001_large.png Since I use White and a colour, the contast is high enough so you can still make out its a spreadsheet vs a document. Making the primary context large would also help this. Semi-saturation is not a real threat because we have handled it with primary contexts (green areas in mock ups) In reply to a comment by Kay Schenk: What I discovered on about a 45% desaturation was the last three because of color, all seemed to fade to a murky yellow-orange-ish color. Could just be my monitor though. I mean they were still readable but didn't really retain their individual color all that well. I don't know what our goals are in this respect. Stop watching space | Change email notification preferences View Online
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons Page comment added by Kay Schenk What I discovered on about a 45% desaturation was the last three because of color, all seemed to fade to a murky yellow-orange-ish color. Could just be my monitor though. I mean they were still readable but didn't really retain their individual color all that well. I don't know what our goals are in this respect. In reply to a comment by Samer Mansour: Red made sense to me because it completed the rainbow, more fun than grey. Stop watching space | Change email notification preferences View Online
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons Page comment added by Kay Schenk Drew – Jsut so we're clear. I prefer the square ones over the round ones..the VERY first set on this page under this heading: AOO Desktop Icon Exploration - Samer Mansour In reply to a comment by Drew Jensen: Well, rather the same with me (as with Kay), I tend to like the round icons - and do note the comment about them getting a bit harder to read when small - but not so that I feel too strongly. So the gulls, or gull; I suppose that this has often come down to a question not so much about aesthetics but rather brand emphasis. It's come up over the years and I believe it would be fair to say that the reasoning for not using the gull(s) on the document (mime) icons is to emphasis less the brand of the application and more the brand of the document format - promote AOO over ODF or ODF over AOO. Anyway, I've always tended to see more value in promoting the application brand - though I do see the rational in the other opinion. Otherwise, as Kay I desaturated also and yeah they seem just fine to my old eyes Not sure if I should ask about the slight change in color assignments - Red for Math for instance.. I guess that is part of the decision here, yes? Stop watching space | Change email notification preferences View Online
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons Page comment added by Samer Mansour Red made sense to me because it completed the rainbow, more fun than grey. In reply to a comment by Drew Jensen: Well, rather the same with me (as with Kay), I tend to like the round icons - and do note the comment about them getting a bit harder to read when small - but not so that I feel too strongly. So the gulls, or gull; I suppose that this has often come down to a question not so much about aesthetics but rather brand emphasis. It's come up over the years and I believe it would be fair to say that the reasoning for not using the gull(s) on the document (mime) icons is to emphasis less the brand of the application and more the brand of the document format - promote AOO over ODF or ODF over AOO. Anyway, I've always tended to see more value in promoting the application brand - though I do see the rational in the other opinion. Otherwise, as Kay I desaturated also and yeah they seem just fine to my old eyes Not sure if I should ask about the slight change in color assignments - Red for Math for instance.. I guess that is part of the decision here, yes? Stop watching space | Change email notification preferences View Online
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons Page comment added by Drew Jensen Well, rather the same with me (as with Kay), I tend to like the round icons - and do note the comment about them getting a bit harder to read when small - but not so that I feel too strongly. So the gulls, or gull; I suppose that this has often come down to a question not so much about aesthetics but rather brand emphasis. It's come up over the years and I believe it would be fair to say that the reasoning for not using the gull(s) on the document (mime) icons is to emphasis less the brand of the application and more the brand of the document format - promote AOO over ODF or ODF over AOO. Anyway, I've always tended to see more value in promoting the application brand - though I do see the rational in the other opinion. Otherwise, as Kay I desaturated also and yeah they seem just fine to my old eyes Not sure if I should ask about the slight change in color assignments - Red for Math for instance.. I guess that is part of the decision here, yes? Stop watching space | Change email notification preferences View Online
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons Page comment added by Kay Schenk Re Oct 15 – Well, interesting – no particular preference of top row vs bottom on this. I tried a test with the top row, and they did indeed desaturate fine. I still favor the square ones even though our main logo is a circle. I don't see that as an issue but maybe others do. Resized to 32 px high with Gimp, still OK Stop watching space | Change email notification preferences View Online
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File removed by Samer Mansour logo-w-offset.png (27 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File removed by Samer Mansour logo offset examples.png (25 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons Page edited by Samer Mansour Comment: Added logo with offset idea with new style of previous icons Changes (2) ... !logo-w-offset2.png! Logo with offset (new style of previous icons) !logo-w-offset3.png! || Icon Ideas \\ || Pros \\ || Cons \\ || | Keep Gulls \\ | Branding (arguable how this is beneficial though) \\ ... Full Content I am proposing a new icon set for AOO 4.1 that will make them more usable and recognizable to users. Our focus should be to be the best user experience. To do this, you need to step out of your shoes and think "if I were a user would I care about X in this context?" 3.4.1 4.1 Proposed Comments Shape 256px This is an example size for document instances. The Templates are similarly designed. The top of the icon has a solid color differing and designating it as a template file. 4.1 Proposed More Usable? Yes. Why? - Primary Context (Application Designation - Red) has greatest focus. Users don't care to see Secondary Context (Application Branding - Green aka 'the gulls'), it's nice to have, but users are fairly familiar that the file will open with Apache OpenOffice, so no need to remind users everyday/ no value added. On top it complicates shrunk/smaller icons. A compromise is to drop it from small icons, where its obscure and illegible. - Corner And Designator Color (keep from old design), user can identify the file type quickly by color and designator. - Enlarged Designation, helps color blind and hard of seeing individuals. - Mime designation, helps users differentiate file type when the above two fail to help, include when screen space permits MIME Type is not important to this audience, brain-spill-over from my technical side, technical files like .XML & .XSD. -Samer. - Additionally, the color of the MIME type could be different for further differentiation of template files. - Single gull, or maybe O or circle can satisfy secondary element, less busy yet gets the brand across. Green - Branding (Twin Gulls) Red - Application Designation Orange - Page Corner (Colored) 64px Optimal size, great for showing how fabulous and sophisticated our product is. At this level we keep the MIME designation but the three characters at a little larger. 32px At this level we should still be able to see the branding well as well as identifying the file type quickly. At this level we drop the MIME designation, space is limited and mime type becomes less likely to help identify or connect with the user. 16px At 16px, space is limited, we want to be the least busiest. Might need to drop the branding to make less busy. (Green) Our focus should be to be the best user experience, and that might mean dropping the branding to be much more helpful to the user. Tools To Complete Task GIMP - Free - Can exports icon files with varying sizes. Tutorial on layer sizing and exporting: http://www.gimp-tutorials.net/How-to-make-an-icon-from-a-picture Description Current 3.4.1 256px (click to enlarge) Base - .odb Database Document Calc - .ods Spreadsheet Calc - .ots Spreadsheet Template Draw - .odg Drawing Draw - .otg Drawing Template Impress - .odp Presentation Impress - .otp Presentation Template Math - .odf Formula Document Writer - .odm Master Document Writer - .odt Text Document Writer - .ott Text Template Writer - .oth Web Template Existing references and resources for icons: http://www.openoffice.org/ui/VisualDesign/ODF_icons4print.html http://www.openoffice.org/ui/VisualDesign/OOo30MimeType4print.html http://www.openoffice.org/ui/VisualDesign/OOo_galaxy_mimetype.html AOO.next Flat Desktop Icon Exploration Submitted by Kevin Grignon Palette is based on AOO blue as key colour. AOO Desktop Icon Exploration - Samer Mansour Improvement in icons to emphasize file type (enlarged application icon and colours, decrease in birds and black styling taking up space.) AOO Desktop Icon Exploration 2 (Round) - Samer Mansour Rounded to match branding, Went flat, sharper, increased contrast between designator and background icon. Less busy, dropped the gulls. Changed templates to be dotted, different perspective than we used in the past, left the solid bar at the top so previous 3.x users transition to new icon set. Then I thought keep the circle theme going (lines don't scale down as nicely in circle version because its smaller to start with): Zipped Icons: Icon
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour logo-w-offset3.png (26 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour logo-w-offset3.png (25 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour logo-w-offset3.png (25 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons Page edited by Samer Mansour Comment: Added logo with offset idea. Changes (2) ... You can see how having a circle or rounded square makes the Icon slightly less readable/less pixels to work with. BTW The anti aliasing isn't fine tuned. h3. Oct 15th - Logo with offset - Samer Mansour !logo-w-offset2.png! || Icon Ideas || Pros || Cons || | Keep Gulls \\ | Branding (arguable how this is beneficial though) \\ (Brand name is on icon tile/start menu and on hover too) \\ | Makes Icons busier at smaller sizes \\ | ... Full Content I am proposing a new icon set for AOO 4.1 that will make them more usable and recognizable to users. Our focus should be to be the best user experience. To do this, you need to step out of your shoes and think "if I were a user would I care about X in this context?" 3.4.1 4.1 Proposed Comments Shape 256px This is an example size for document instances. The Templates are similarly designed. The top of the icon has a solid color differing and designating it as a template file. 4.1 Proposed More Usable? Yes. Why? - Primary Context (Application Designation - Red) has greatest focus. Users don't care to see Secondary Context (Application Branding - Green aka 'the gulls'), it's nice to have, but users are fairly familiar that the file will open with Apache OpenOffice, so no need to remind users everyday/ no value added. On top it complicates shrunk/smaller icons. A compromise is to drop it from small icons, where its obscure and illegible. - Corner And Designator Color (keep from old design), user can identify the file type quickly by color and designator. - Enlarged Designation, helps color blind and hard of seeing individuals. - Mime designation, helps users differentiate file type when the above two fail to help, include when screen space permits MIME Type is not important to this audience, brain-spill-over from my technical side, technical files like .XML & .XSD. -Samer. - Additionally, the color of the MIME type could be different for further differentiation of template files. - Single gull, or maybe O or circle can satisfy secondary element, less busy yet gets the brand across. Green - Branding (Twin Gulls) Red - Application Designation Orange - Page Corner (Colored) 64px Optimal size, great for showing how fabulous and sophisticated our product is. At this level we keep the MIME designation but the three characters at a little larger. 32px At this level we should still be able to see the branding well as well as identifying the file type quickly. At this level we drop the MIME designation, space is limited and mime type becomes less likely to help identify or connect with the user. 16px At 16px, space is limited, we want to be the least busiest. Might need to drop the branding to make less busy. (Green) Our focus should be to be the best user experience, and that might mean dropping the branding to be much more helpful to the user. Tools To Complete Task GIMP - Free - Can exports icon files with varying sizes. Tutorial on layer sizing and exporting: http://www.gimp-tutorials.net/How-to-make-an-icon-from-a-picture Description Current 3.4.1 256px (click to enlarge) Base - .odb Database Document Calc - .ods Spreadsheet Calc - .ots Spreadsheet Template Draw - .odg Drawing Draw - .otg Drawing Template Impress - .odp Presentation Impress - .otp Presentation Template Math - .odf Formula Document Writer - .odm Master Document Writer - .odt Text Document Writer - .ott Text Template Writer - .oth Web Template Existing references and resources for icons: http://www.openoffice.org/ui/VisualDesign/ODF_icons4print.html http://www.openoffice.org/ui/VisualDesign/OOo30MimeType4print.html http://www.openoffice.org/ui/VisualDesign/OOo_galaxy_mimetype.html AOO.next Flat Desktop Icon Exploration Submitted by Kevin Grignon Palette is based on AOO blue as key colour. AOO Desktop Icon Exploration - Samer Mansour Improvement in icons to emphasize file type (enlarged application icon and colours, decrease in birds and black styling taking up space.) AOO Desktop Icon Exploration 2 (Round) - Samer Mansour Rounded to match branding, Went flat, sharper, increased contrast between designator and background icon. Less busy, dropped the gulls. Changed templates to be dotted, different perspective than we used in the past, left the solid bar at the top so previous 3.x users transiti
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour logo-w-offset2.png (27 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour logo-w-offset.png (27 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour logo-w-offset.png (13 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour logo offset examples.png (25 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons Page comment added by Kay Schenk So far, I like the top row in the first exploration the best. I like the simplicity and the more square shape. I don't know what size you're using for the Win 8 sizing in: https://cwiki.apache.org/confluence/download/attachments/34834886/Win8Task.png but it would be useful to see my favorite rendering (and others) in this size also. Also: Keep the gulls! In my mind, they are an important "branding" element of OpenOffice. The gull was used in the "early" days in various stages of maturity – from hatching out of a shell, to fuzzy chick to mature bird – for product announcements, etc. I realize that use is probably no longer relevant, but the gulls are an ingrained symbol of this project and product in my mind. Stop watching space | Change email notification preferences View Online
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour Icon Set Alt.zip (54 kB application/zip) - Icons no borders .ico files. Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour Icon Set Round.zip (80 kB application/zip) - Round Icons .ico files. Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons Page edited by Samer Mansour Comment: Added an alternative icon set to show how removing the boarder shape may make it easier to see. Changes (1) ... !Icon scale down.png! One more example for comparison on Windows 8 (can be done by Properties->Shortcut->Change Icon... dialog in windows): !Win8Start.png|thumbnail,border=1,width=200! !Win8Task.png|thumbnail,border=1,width=200! You can see how having a circle or rounded square makes the Icon slightly less readable/less pixels to work with. BTW The anti aliasing isn't fine tuned. || Icon Idea\\ || Pros\\ || Cons\\ || | Keep Gulls\\ | Branding (arguable how this is beneficial though)\\ (Brand name is on icon tile/start menu and on hover too)\\ | Makes Icons busier at smaller sizes\\ | | Square\\ | Looks like an App, user is familiar.\\ More space for colour, enforces what app it is.\\ | Tougher to see when small | | Circle\\ | Looks like logo, consistency is neat idea.\\ More space for colour, enforces what app it is.\\ | Toughest to see when small\\ | | No Background\\ | Easier to see when < 48px, majority of icon's life is < 48px (Windows).\\ | Can be a shock at first.\\ | Full Content I am proposing a new icon set for AOO 4.1 that will make them more usable and recognizable to users. Our focus should be to be the best user experience. To do this, you need to step out of your shoes and think "if I were a user would I care about X in this context?" 3.4.1 4.1 Proposed Comments Shape 256px This is an example size for document instances. The Templates are similarly designed. The top of the icon has a solid color differing and designating it as a template file. 4.1 Proposed More Usable? Yes. Why? - Primary Context (Application Designation - Red) has greatest focus. Users don't care to see Secondary Context (Application Branding - Green aka 'the gulls'), it's nice to have, but users are fairly familiar that the file will open with Apache OpenOffice, so no need to remind users everyday/ no value added. On top it complicates shrunk/smaller icons. A compromise is to drop it from small icons, where its obscure and illegible. - Corner And Designator Color (keep from old design), user can identify the file type quickly by color and designator. - Enlarged Designation, helps color blind and hard of seeing individuals. - Mime designation, helps users differentiate file type when the above two fail to help, include when screen space permits MIME Type is not important to this audience, brain-spill-over from my technical side, technical files like .XML & .XSD. -Samer. - Additionally, the color of the MIME type could be different for further differentiation of template files. - Single gull, or maybe O or circle can satisfy secondary element, less busy yet gets the brand across. Green - Branding (Twin Gulls) Red - Application Designation Orange - Page Corner (Colored) 64px Optimal size, great for showing how fabulous and sophisticated our product is. At this level we keep the MIME designation but the three characters at a little larger. 32px At this level we should still be able to see the branding well as well as identifying the file type quickly. At this level we drop the MIME designation, space is limited and mime type becomes less likely to help identify or connect with the user. 16px At 16px, space is limited, we want to be the least busiest. Might need to drop the branding to make less busy. (Green) Our focus should be to be the best user experience, and that might mean dropping the branding to be much more helpful to the user. Tools To Complete Task GIMP - Free - Can exports icon files with varying sizes. Tutorial on layer sizing and exporting: http://www.gimp-tutorials.net/How-to-make-an-icon-from-a-picture Description Current 3.4.1 256px (click to enlarge) Base - .odb Database Document Calc - .ods Spreadsheet Calc - .ots Spreadsheet Template Draw - .odg Drawing Draw - .otg Drawing Template Impress - .odp Presentation Impress - .otp Presentation Template Math - .odf Formula Document Writer - .odm Master Document Writer - .odt Text Document Writer - .ott Text Template Writer - .oth Web Template Existing references and resources for icons: http://www.openoffice.org/ui/VisualDesign/ODF_icons4print.html http://www.openoffice.org/ui/VisualDesign/OOo30MimeType4print.html http://www.openoffice.org/ui/VisualDesign/OOo_galaxy_mimetype.html AOO.next Flat Desktop Icon Exploration Submitted by Kevin Grigno
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour Win8Start.png (39 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour Win8Task.png (66 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons Page edited by Samer Mansour Changes (22) I am proposing a new icon set for AOO 4.01 that will make them more usable and recognizable to users. Our focus should be to be the best user experience, anywhere we can make an improvement is important. Our focus should be to be the best user experience. To do this, you need to step out of your shoes and think "if I were a user would I care about X in this context?" || || 3.4.1 \\ || 4.0 Proposed \\ || || || 3.4.1 \\ || 4.1 Proposed \\ || Comments || | Shape \\ 256px \\ | !MIME-Icon-Current-Shape.png|border=1! !3.4.1-ods-256px.png|border=1!\\ This is for documents. \\ \\ | !MIME-Icon-Proposed-Shape.png|border=1! \\ \\ | This is an example size for document instances. The Templates are similarly designed. \\ The top of the icon has a solid color differing and designating it as a template file. \\ \\ The Templates are similarly designed \\ Rather than the page corner in the top right, its in the bottom right. \\ As well the top of the page has a solid color designating it as a template. \\ | !MIME-Icon-Proposed-Shape.png|border=1! \\ 4.1 Proposed \\ More Usable? Yes. Why? \- Primary Context (Application Designation - Red). Secondary Context (Application Brand - Green) \\ \- Primary Context (Application Designation - Red) has greatest focus. Users don't care to see Secondary Context (Application Branding - Green aka 'the gulls'), it's nice to have, but users are fairly familiar that the file will open with Apache OpenOffice, so no need to remind users everyday/ no value added. On top it complicates shrunk/smaller icons. A compromise is to drop it from small icons, where its obscure and illegible. \\ \- Corner And Designator Color (keep from old design), user can identify the file type quickly by color and designator. \\ \- Enlarged Designation, helps color blind and hard of seeing individuals. \\ -\- Mime designation, helps users differentiate file type when the above two fail to help, include when screen space permits- MIME Type is not important to this audience, brain-spill-over from my technical side, technical files like .XML & .XSD. \-Samer. - Additionally, the color of the MIME type could be different for further differentiation of template files. \\ \- Single gull, or maybe O or circle can satisfy secondary element, less busy yet gets the brand across.\\ \\ Green - Branding (Twin Gulls) \\ Red - Application Designation \\ Orange - Page Corner (Colored)\\ | | 64px | !MIME-Icon-Current-Shape.png|thumbnail,border=1,width=64! !MIME-Icon-Current-Example-64px.png|border=1!\\ \\ | !MIME-Icon-Proposed-Shape.png|thumbnail,border=1,width=64!\\ | Optimal size, great for showing how fabulous and sophisticated our product is. | !MIME-Icon-Proposed-Shape.png|thumbnail,border=1,width=64! -At this level we keep the MIME designation but the three characters at a little larger.- | | 32px \\ | !MIME-Icon-Current-Shape-32px.png|border=1! !MIME-Icon-Current-Example-32px.png|border=1!\\ \\ | !MIME-Icon-Proposed-Shape-32px.png|border=1!\\ | At this level we should still be able to see the branding well as well as identifying the file type quickly | !MIME-Icon-Proposed-Shape-32px.png|border=1! quickly. -At this level we drop the MIME designation, space is limited and mime type becomes less likely to help identify or connect with the user.- | | 16px \\ | !MIME-Icon-Current-Shape-16px.png|border=1! !MIME-Icon-Current-Example-16px.png|border=1!\\ \\ | !MIME-Icon-Proposed-Shape-16px.png|border=1!\\ | At 16px, space is limited, we want to be the least busiest. | !MIME-Icon-Proposed-Shape-16px.png|border=1! Might need to drop the branding to make less busy. (Green) \\ Our focus should be to be the best user experience, and that might mean dropping the branding to be much more helpful to the user. | | Legend \\ | Green - Branding (Twin Gulls) \\ Red - Application Designation \\ Orange - Page Corner (Colored) \\ | Green - Branding (Approx 1/8 icon) \\ Red - Application Designation (Approx 1/2 icon) \\ Orange - Colored Page Corner (Approx 1/8 icon) \\ Blue - MIME Designation (Approx 1/8 icon) \\ | h2. Tools To Complete Task ... Full Content I am proposing a new icon set for AOO 4.1 that will make them more usable and recognizable to users. Our focus should be to be the best user experience. To do this, you need to step
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour MIME-Icon-Proposed-Shape-16px.png (47 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour 3.4.1-ots-256px.png (100 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour 3.4.1-odb-256px.png (108 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour Icon scale down.png (15 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour Just Icons Roundv2.png (105 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour MIME-Icon-Current-Example-64px.png (55 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour 3.4.1-odt-256px.png (93 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour AOO-4.0-Logo-Product-Icons-with-new-flat-logo.jpg (29 kB image/jpeg) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour MIME-Icon-Proposed-Shape.png (50 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour 3.4.1-ott-256px.png (99 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour 3.4.1-otg-256px.png (116 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons Page added by Samer Mansour I am proposing a new icon set for AOO 4.0 that will make them more usable and recognizable to users. Our focus should be to be the best user experience, anywhere we can make an improvement is important. To do this, you need to step out of your shoes and think "if I were a user would I care about X in this context?" 3.4.1 4.0 Proposed Shape 256px Unable to render embedded object: File (MIME-Icon-Current-Shape.png) not found. Unable to render embedded object: File (3.4.1-ods-256px.png) not found. This is for documents. The Templates are similarly designed Rather than the page corner in the top right, its in the bottom right. As well the top of the page has a solid color designating it as a template. Unable to render embedded object: File (MIME-Icon-Proposed-Shape.png) not found. More Usable? Yes. - Primary Context (Application Designation - Red). Secondary Context (Application Brand - Green) - Corner And Designator Color (keep from old design), user can identify the file type quickly by color and designator. - Enlarged Designation, helps color blind and hard of seeing individuals. - Mime designation, helps users differentiate file type when the above two fail to help, include when screen space permits MIME Type is not important to this audience, brain-spill-over from my technical side, technical files like .XML & .XSD. -Samer. - Additionally, the color of the MIME type could be different for further differentiation of template files. - Single gull, or maybe O or circle can satisfy secondary element, less busy yet gets the brand across. 64px Unable to render embedded object: File (MIME-Icon-Current-Shape.png) not found. Unable to render embedded object: File (MIME-Icon-Current-Example-64px.png) not found. Optimal size, great for showing how fabulous and sophisticated our product is. Unable to render embedded object: File (MIME-Icon-Proposed-Shape.png) not found. At this level we keep the MIME designation but the three characters at a little larger. 32px Unable to render embedded object: File (MIME-Icon-Current-Shape-32px.png) not found. Unable to render embedded object: File (MIME-Icon-Current-Example-32px.png) not found. At this level we should still be able to see the branding well as well as identifying the file type quickly Unable to render embedded object: File (MIME-Icon-Proposed-Shape-32px.png) not found. At this level we drop the MIME designation, space is limited and mime type becomes less likely to help identify or connect with the user. 16px Unable to render embedded object: File (MIME-Icon-Current-Shape-16px.png) not found. Unable to render embedded object: File (MIME-Icon-Current-Example-16px.png) not found. At 16px, space is limited, we want to be the least busiest. Unable to render embedded object: File (MIME-Icon-Proposed-Shape-16px.png) not found. Might need to drop the branding to make less busy. (Green) Our focus should be to be the best user experience, and that might mean dropping the branding to be much more helpful to the user. Legend Green - Branding (Twin Gulls) Red - Application Designation Orange - Page Corner (Colored) Green - Branding (Approx 1/8 icon) Red - Application Designation (Approx 1/2 icon) Orange - Colored Page Corner (Approx 1/8 icon) Blue - MIME Designation (Approx 1/8 icon) Tools To Complete Task GIMP - Free - Can exports icon files with varying sizes. Tutorial on layer sizing and exporting: http://www.gimp-tutorials.net/How-to-make-an-icon-from-a-picture Description Current 3.4.1 256px (click to enlarge) Base - .odb Database Document Unable to render embedded object: File (3.4.1-odb-256px.png) not found. Calc - .ods Spreadsheet Unable to render embedded object: File (3.4.1-ods-256px.png) not found. Calc - .ots Spreadsheet Template Unable to render embedded object: File (3.4.1-ots-256px.png) not found. Draw - .odg Drawing Unable to render embedded object: File (3.4.1-odg-256px.png) not found. Draw - .otg Drawing Template Unable to render embedded object: File (3.4.1-otg-256px.png) not found. Impress - .odp Presentation Unable to render embedded object: File (3.4.1-odp-256px.png) not found. Impress - .otp Presentation Template Unable to render embedded object: File (3.4.1-otp-256px.png) not found. Math - .odf Formula Document Unable to render embedded object: File (3.4.1-odf-266px.png) not found. Writer - .odm Master Document Unable to render embedded object: File (3.4.1-odm-256px.png) not found. Writer - .odt Text Document Unable to render embedded object: File (3.4.1-odt-256px.png) not found. Writer - .ott Text Template Unable to render embedded object: File (3.4.1-ott-256px.png) not found. Writer - .oth Web Template Unable to render embedded object: File (3.4.1-oth-256px.png
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour MIME-Icon-Current-Example-16px.png (48 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour MIME-Icon-Current-Example-32px.png (260 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour 3.4.1-odg-256px.png (111 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour 3.4.1-odm-256px.png (95 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour MIME-Icon-Current-Shape-32px.png (51 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour 3.4.1-oth-256px.png (260 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour Icon Round Inside.png (8 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour Just Icons Round.png (60 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour 3.4.1-odf-266px.png (124 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour 3.4.1-odp-256px.png (98 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour 3.4.1-ods-256px.png (93 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour MIME-Icon-Current-Shape.png (49 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour MIME-Icon-Current-Shape-16px.png (47 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour MIME-Icon-Proposed-Shape-32px.png (48 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour 3.4.1-otp-256px.png (103 kB image/png) Stop watching space | Change email notification preferences View Attachments
[CONF] Apache OpenOffice Community > AOO4.1 - Desktop Icons
AOO4.1 - Desktop Icons File attached by Samer Mansour Just Icons.png (106 kB image/png) Stop watching space | Change email notification preferences View Attachments
