Re: Re: Re: [libreoffice-website] Banner for website
Hi all! Am Freitag, den 18.02.2011, 23:28 +0100 schrieb Christoph Noack: @ native speakers (David?): Could you please proofread the texts for the banners: http://wiki.documentfoundation.org/Design/FoundationChallenge#Text_Development After waiting (okay: sleeping) some time, I just assume that the English texts are fine and can be used ... By the way, Rodriguez, thanks for the Spanish translation :-) Cheers, Christoph -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: Re: Re: [libreoffice-website] Banner for website
2011/2/19 Christoph Noack christ...@dogmatux.com By the way, Rodriguez, thanks for the Spanish translation :-) you're welcome, and please call me Daniel --~--~-~--~~~---~--~~ Escuelas Libres :: Porque la educación es mucho mejor cuando es libre http://www.escuelaslibres.org.ar/ --- Para entrenar, cualquier programa sirve. Para educar, sólo Software Libre. (Federico Heinz) --- -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: Re: Re: [libreoffice-website] Banner for website
Hi Daniel, oh sorry, I've mixed up your name :-\ So, Daniel, thanks for your help! Cheers, Christoph Am Samstag, den 19.02.2011, 13:22 -0300 schrieb Daniel A. Rodriguez: 2011/2/19 Christoph Noack christ...@dogmatux.com By the way, Rodriguez, thanks for the Spanish translation :-) you're welcome, and please call me Daniel --~--~-~--~~~---~--~~ Escuelas Libres :: Porque la educación es mucho mejor cuando es libre http://www.escuelaslibres.org.ar/ --- Para entrenar, cualquier programa sirve. Para educar, sólo Software Libre. (Federico Heinz) --- -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: Re: Re: [libreoffice-website] Banner for website
Hi all, sorry for not replying with thread,, the message body is getting garbled. On 6:59 AM, Christoph Noack wrote: Cool, thanks for the proposal ... and moreover, thanks for jumping especially since your time is limited (as I know very well). Thanks Christoph, I've got a quick break in my research so I can pitch in a little more this week. I might go into details in a personal email, but the outcome was good! =) So I have 1 week of free time Besides, this is a somewhat urgent LibO matter right? (the fund-raising) So, I'd like to ask you for holding the breath (more or less), so that I can collect everything I'm aware about on a wiki page. I hope that this will make our life much easier ... it worked very well for the icons, so let's do that for the banner as well. Even if it costs another few hours. Agreed? Sure, thanks for doing that! In the mean time, people mentioned images for the donations pages would be helpful. I've created 2 cartoon images that might be useful (or maybe not =). It's a piggy-bank and a coin-stack, they aren't great or many, but it's all I could get done in a couple of hours =( Here is the preview PNG; http://wiki.documentfoundation.org/File:Donation_preview.png and here is the SVG; http://wiki.documentfoundation.org/cgi_img_auth.php/5/56/TDF_donationCartoons.svg Hope you find a use for them somewhere (on donation webpages/banners). If they are useful I'll make more. If you do use them, make sure they are small otherwise the subtle flaws will be more visible. Ah, and Nik, is there a chance to borrow some minutes of your precious time for some focused discussion or to get the source of your proposal? Pfft precious time, you're priceless Christoph =) I've uploaded the PSD here; http://tdf.nikashsingh.com/misc/FundraisingBanner_Cleaner.psd Consider it whatever license will allow you to do whatever you need with it, attribution-less, no-rights-reserved kinda deal. I'd be happy to join a focused discussion too. Actually I have a whole buncha stuff I've been saving up for a chat on the Design-list. I think Johannes is going to cover a lot of that, though =) By the way, this banner; http://wiki.documentfoundation.org/File:LibreOffice_FoundationChallenge_WebBanner_728x60.png Is looking BLOODY amazing. -Nik -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: Re: Re: [libreoffice-website] Banner for website
Hi all, before replying to Nik, I'd like to announce some general things and ask for help as well :-) I've updated the Banner wiki page: * Added the proposals/discussions by Bernhard (his last mail) * Updated the web banner graphics: * according Bernhard's proposal it now uses the color Green for external banners * Logo position improved, added slightly more detail * Added Nik's sweet graphics @ native speakers (David?): Could you please proofread the texts for the banners: http://wiki.documentfoundation.org/Design/FoundationChallenge#Text_Development After that, it would be great if people could add some translations - if banners are needed in different languages. @ Paulo, Nik: If you have some time, could you please dive into working on the missing graphics? It would be great if you could coordinate this on this list, to avoid doubled effort. If you miss the time, I'll jump in tomorrow ... but I'd like to work on other less visible funding stuff :-\ The missing items are listed here: http://wiki.documentfoundation.org/Design/FoundationChallenge#Required_Items Finally, here is the recent web banner - but since the Wiki seems to dislike me today, I had to use text links on the wiki page: http://wiki.documentfoundation.org/cgi_img_auth.php/5/58/LibreOffice_FoundationChallenge_WebBanner_728x90.png Am Samstag, den 19.02.2011, 02:06 +1100 schrieb Nik: On 6:59 AM, Christoph Noack wrote: Cool, thanks for the proposal ... and moreover, thanks for jumping especially since your time is limited (as I know very well). Thanks Christoph, I've got a quick break in my research so I can pitch in a little more this week. I might go into details in a personal email, but the outcome was good! =) So I have 1 week of free time Wohooo! To both the free time, and the good outcome :-) I'm curious ... Besides, this is a somewhat urgent LibO matter right? (the fund-raising) Yep :-) And the graphical stuff might also be re-used later ... you know, some people do also miss normal web banners. [...] I've created 2 cartoon images that might be useful (or maybe not =). It's a piggy-bank and a coin-stack, they aren't great or many, but it's all I could get done in a couple of hours =( [... You Graphics ...] Nice, really! I really love the piggy-bank - since it seems to tell that the money might be spent wisely :-) I've added both items to the wiki page as well. So, if the website guys define a required size, I'm happy to provided the requested graphic ... [...] Actually I have a whole buncha stuff I've been saving up for a chat on the Design-list. I think Johannes is going to cover a lot of that, though =) ;-) By the way, this banner; http://wiki.documentfoundation.org/File:LibreOffice_FoundationChallenge_WebBanner_728x60.png Is looking BLOODY amazing. Well, I'm happy that Paulo provided such a great basis for further work ... it's so much fun at the moment! I hope I did not forget anything ... Cheers, Christoph -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: Re: Re: [libreoffice-website] Banner for website
Hi Nik, all! Am Samstag, den 19.02.2011, 02:06 +1100 schrieb Nik: I've created 2 cartoon images that might be useful (or maybe not =). It's a piggy-bank and a coin-stack, they aren't great or many, but it's all I could get done in a couple of hours =( When I showed the piggy-bank to my girlfriend, she instantly mentioned that a cloverleaf is missing ... to us, it's a symbolism for luck and prosperity [1] :-) I thought it might fit - since it would provide a great connection to the LibreOffice green, so I've created a quick draft (nothing thrilling). I picked a cloverleaf at OpenClipart.org, adapted the colors, adapted it and ... here is a draft. Along with the LibreOffice logo to show how it might fit together on the website: https://picasaweb.google.com/lh/photo/dbhBrQXYlkf78ytr5H-VeQ?feat=directlink Thoughts? Cheers, Christoph [1] http://en.wikipedia.org/wiki/Clover#Symbolism_and_mythology -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: Re: [libreoffice-website] Banner for website
Hi all, On 6:59 AM, David Nelson wrote: Hi, :-) I'd love to see some different ideas from the other guys, especially Paulo, and from Nikash... David Nelson Geez David that's mighty flattering of you. You'll make a grown man blush with that kinda talk old chap =) I'm sorry if I've missed the boat or if better ideas were discussed, I've a mountain of Email to conquer, I just wanted to respond quickly. I've uploaded another idea here; http://wiki.documentfoundation.org/File:FundraisingBanner.jpg While I'd agree that the current banner is clear, I think it is important to create a /pleasant/ atmosphere around the progress-meter (which the blue will do nicely, and red, for me at least, is creating uneasiness and certainly not a positive association), not a sense of panicked-urgency even /if/ that is the case. I also think it shouldn't be contained in a conventional box/banner because people have become immune to top-banner ads, there is a greater chance they will ignore it if it looks like an advertisement. Oh and I should mention, the current banner breaks the page formatting on my computer. See capture; http://wiki.documentfoundation.org/File:BrokenBanner.jpg (I'm in the unfortunate position of using an old windows XP machine / resolution 1280x800 / Firefox3.6.13, but I imagine there's plenty of people in this ruddy old boat) Again, disregard this if it's too late. Sorry I couldn't help earlier. Time, she is always running out on me. -Nik PS. When it is pertinent, I'd like to raise the matter of streamlining the chat/facebook/extensions links on the homepage. They look scruffy and make the page busy, I'm sure there's a way of reducing the visual clutter. Let me know if anyone is interested in this as well. -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: Re: [libreoffice-website] Banner for website
Hi David, *, On Thu, Feb 17, 2011 at 6:19 PM, David Nelson comme...@traduction.biz wrote: I like your banner proposal. Nice and clean. Frankly, Christoph, speaking purely personally, I'm not too crazy about your idea. But, in reality, I think it would be better to stick with Bernhard's banner, which we have up on the site now. No sense changing horses in mid-stream... Oh, I don't see a problem with that, sure, don't replace the banner the day after it was added, but as finalizing the proposal takes a couple of days anyway... And it would also be nice to have a banner that can be used on third-party sites as well (this rather quickly) ciao Christian -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: Re: [libreoffice-website] Banner for website
Hi, :-) On Fri, Feb 18, 2011 at 01:44, Christian Lohmaier lohmaier+ooofut...@googlemail.com wrote: And it would also be nice to have a banner that can be used on third-party sites as well (this rather quickly) Yes, my 2 cents would be that this would be the top priority. David Nelson -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
Hi Bernhard! Am Dienstag, den 15.02.2011, 01:31 +0100 schrieb Bernhard Dippold: Consequently, I'm hesitant to just say The Challenge: 50 Thousand Euro needed!, or Funding our Foundation - Only 35 Days left! But these are the main points in my personal opinion (following Florian's description). We have a very short timeframe to get quite an amount of money. Correct, I rather referred to just say. The banner might miss information/affordance like Support us... / Help to shape your foundation ... / Your help makes the community stronger ... / Our challenge is your chance ... / Help to face the challenge ... [...] The only 35 days may appear long from a user's perspective, therefore the challenge is - from my point-of-view - the last 14 days or so. And that is what i proposed before: having a time frame that kindly asks for help, kindly remind (e.g. via a countdown timer) during the last days. I don't want to hide this information on the donation page, because even if people understand that we ask for monetary donations for the foundation, they are not attracted to help *now* by your proposal. Oh, on the donation page - of course, this information should be there. People usually want to compare their help with others, or may want to know the current status. Any chance to have a short phone call later this evening? The next hours are blocked on my side, so it would be great if we could quickly talk about the open issues. Cheers, Christoph -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
Hi Matt, *, On Tue, Feb 15, 2011 at 1:51 AM, Matt Sturgeon mtt...@gmail.com wrote: [...] I could formulate a patch/diff if i knew where the website's source was We're using Silverstripe, and that follows a MVC concept, thus the code that shuffles the data and the templates that format that data are seperated, but that's a minor thing, as this is not enforced, etc. (it should really have a link to the Version Control branch/repository on the Web Admins page...), but I guess instructions will do ;-) https://github.com/tdf/cms-code (interesting for this case is mysite/code, i.e. the custom page-types) and the theme https://github.com/tdf/cms-themes (libo/templates → the view part, libo/css is obvious :-)) But I'll take care of adapting it, no need to worry. ciao Christian -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
Hi Matt, *, On Tue, Feb 15, 2011 at 6:23 PM, Christian Lohmaier lohmaier+ooofut...@googlemail.com wrote: On Tue, Feb 15, 2011 at 1:51 AM, Matt Sturgeon mtt...@gmail.com wrote: [...] But I'll take care of adapting it, no need to worry. In case you're wondering: Making the html-code for the banner an ss file in templates/Includes, include that from the general Page.ss one, require a banner.css from that file, and php only create a dataobjectset that contains the computed variables, that are then used from within the template) If you want an introduction to silverstripe/the MVC concept used, feel free to browse http://doc.silverstripe.org/sapphire/en/tutorials ciao Christian -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
Hi Bernhard, hi all! Am Dienstag, den 15.02.2011, 22:16 +0100 schrieb Bernhard Dippold: Hi Christoph, all I'll try to keep it short... Haha, I'm also in a hurry ... my day job is waiting. So please bear with me that (like the last mails) this mail will be a bit shorter, although I did pay great attention to your reply. As I said yesterday (I've send Bernhard a mail with some working files), I continued to work on the banner and a design that might fit to: the main website, the funding website, and the advertisement banner for the German publisher. Since yesterday was one of my least creative days ever, it is just a start :-\ Here is the summary: * provide both required money and remaining days * introduce the user to the challenge we currently use on the page * explain the user why this is important right from the start * the graphic in the middle serves two purposes: * it divides the space * it forms a triangle that mimics our document symbol triangle * most important: it is a stack of 5 triangles - each row represents 10k and will get filled until we reach our goal * simulate a clickable area (the whole banner should be hyperlinked) The triangle stack could be enlarged and re-used on the donation website - soit gets its own key visual for this activity. Of course, just in case the idea is worth considering. I've uploaded the new material to my temporary working space, so please update your browser cache to see the new pictures. http://wiki.documentfoundation.org/User:ChristophNoack/Temporary_Work_Space#The_Document_Foundation_Fundraising Be warned, the SVG is a bit messy :-) Cheers, Christoph Christoph Noack schrieb: Hi Bernhard! Am Dienstag, den 15.02.2011, 01:31 +0100 schrieb Bernhard Dippold: Consequently, I'm hesitant to just say The Challenge: 50 Thousand Euro needed!, or Funding our Foundation - Only 35 Days left! But these are the main points in my personal opinion (following Florian's description). We have a very short timeframe to get quite an amount of money. Correct, I rather referred to just say. The banner might miss information/affordance like Support us... / Help to shape your foundation ... / Your help makes the community stronger ... / Our challenge is your chance ... / Help to face the challenge ... [...] Ok - understood. So it's not enough information for the user to feel personally asked for support. The only 35 days may appear long from a user's perspective, therefore the challenge is - from my point-of-view - the last 14 days or so. And that is what i proposed before: having a time frame that kindly asks for help, kindly remind (e.g. via a countdown timer) during the last days. In my eyes the challenge is to get 5 Euro in less than 5 weeks. That's more than 1 every week and 1400 each day! If we look at the sum donated during the last 4 months, we need to get it every 2 to 3 days! Therefore kindly asking for help might give the wrong impression to the might-be supporter. On the other hand you're totally right that we need to attract them - that's better than just making them curious. And perhaps the countdown doesn't work very well if they can't see the pressure behind it. What do you think of skipping the countdown for the next weeks - replacing it by the end date of the challenge? This would allow us to add a more informative line to the banner. I don't want to hide this information on the donation page, because even if people understand that we ask for monetary donations for the foundation, they are not attracted to help *now* by your proposal. Oh, on the donation page - of course, this information should be there. People usually want to compare their help with others, or may want to know the current status. I want to attract them on the main site already. People following the link to the donation page have already made their mind on this possibility to support us. Comparison of their contribution with others can be put there - we already got them, when they have donated or want to donate. But knowledge of the current status is even important for people who didn't contribute this way. They might change their mind if they see how fast (or slow) it rises. Therefore (and because I think it's an eye-catching graphical element) I'd like to keep the donation meter on the banner. I tried to combine these information in another proposal: http://wiki.documentfoundation.org/cgi_img_auth.php/2/2e/Website_banner_625x75.png What I did: - enlarge the banner to 625x75 px - remove the countdown - add a symbolic link to the donation page (in fact the entire banner should link there, but people might follow a textual link easier). - add the request to support us - add more details why we need this
Re: [libreoffice-website] Banner for website
Hi Bernhard, hi all! Am Montag, den 14.02.2011, 02:03 +0100 schrieb Bernhard Dippold: Hi Christoph, all, short version: Okay, let me add my short version - I'm happy with everything that gets us closer to the goal. And even if we are online there might be time for refinement. However, I'd like to throw in a few thoughts ... I currently miss a few things that I consider as important. And funnily, it seems that most of our assumptions are quite contrary - for the very first time :-) my new proposal: http://wiki.documentfoundation.org/cgi_img_auth.php/c/c8/Website_banner_468x60.png (clear browser cache, if necessary) longer version: :-) Christoph Noack schrieb: Am Sonntag, den 13.02.2011, 12:07 +0100 schrieb Florian Effenberger: Bernhard Dippold wrote on 2011-02-13 03.20: [...] I want it to look like an element of the page - that's what I think is important, if we want to keep an eye on all our target groups. Mmh, maybe I don't understand that ... could you please tell a bit more? If you refer to target groups, I think about the content and its presentation, but here I get the impression you are referring to the whole banner that may be re-used on different pages. But since you refer to the target groups - I also miss some consideration of the users of our website. Personally, I hope that we might attract those people who are not even aware why a foundation is needed. And to be honest, I also think that many people in our community don't know how important this is. Consequently, I'm hesitant to just say The Challenge: 50 Thousand Euro needed!, or Funding our Foundation - Only 35 Days left! So please bear with me when I add some UX thoughts to the banner: 1. The Challenge: The challenge for whom? Is it ours, or the challenge of our users? 2. What does this to the end-user / community member mean? More precisely, why should he click on the banner? Does the banner tell the user what to do? The proposal by Matt (sorry for this side-note missing to properly to reply to Matt) shows a kind of progress bar - which usually tells the user to wait ... 3. Is the banner clickable at all? Is there anything that tells the user that this element leads to somewhere else? (David mentioned that this isn't obvious for him concerning my proposal as well, although I tried - maybe failed - to add a button). 4. If the user clicks to the banner, what location will be opened? People feel more safe if we tell them what will happen ... especially if we want something from them :-) I tried to incorporate these things (amongst others, like repeating keywords like Donate) into my proposal. A banner just painted over an area of the page doesn't look professional IMHO - as we not only want to involve individuals, but business people, decision makers in companies and others able to donate larger sums, I'd like to address them too. Well, my take was the following: * Avoid the format of a conventional banner (people may think of normal advertisement and thus don't pay attention) * Provide a visual connection between the page and our request: * LibreOffice belongs to the Foundation and vice versa * The item is not hosted by an external entity, but belongs to our page (again: avoid the impression of conventional advertisement) * Maximize the space being used on the page Summary: * Maximizing the space for the banner without touching the current LibreOffice logo on the website * Using intensive colors based on Libre Yellow, and used a rather noisy design that drives away attention from the rest of the page :-) * Instead of a slogan, I decided to re-use our TDF team mission statement Direct link: http://wiki.documentfoundation.org/cgi_img_auth.php/d/d1/2011-02-13_Christoph_Idea_Foundation_Donation_Banner_Website.png Working space incl. source file (SVG): http://wiki.documentfoundation.org/User:ChristophNoack/Temporary_Work_Space#The_Document_Foundation_Fundraising I don't know whether this might work, but at least it is another proposal ... any thoughts on that? Sorry, but I don't really like it :-( That's possible, of course ;-) But is it more about the visual style, or the structure? It's not only noisy, it contains a kind of negative, displeasing color tone for me. It doesn't attract the interest, but distracts it from the rest of the page. Well, color wise it looks okay on my monitor (and viewed by my eyes, of course *g*), but color can be changed. By the way, is there any color we might reserve for the fundraising to have a consistent communication? And with the word cloud in the background it's quite turbulent too. Can be removed with click + Del ... As you didn't include a border to the banner, it becomes part of
Re: [libreoffice-website] Banner for website
Hi Christoph, all! Christoph Noack schrieb: Hi Bernhard, hi all! Am Montag, den 14.02.2011, 02:03 +0100 schrieb Bernhard Dippold: [...] However, I'd like to throw in a few thoughts ... I currently miss a few things that I consider as important. And funnily, it seems that most of our assumptions are quite contrary - for the very first time :-) You're right, we don't disagree often - but reading this mail, I don't think they are contrary, just taking into account different needs... my new proposal: http://wiki.documentfoundation.org/cgi_img_auth.php/c/c8/Website_banner_468x60.png (clear browser cache, if necessary) [...] I want it to look like an element of the page - that's what I think is important, if we want to keep an eye on all our target groups. Mmh, maybe I don't understand that ... could you please tell a bit more? If you refer to target groups, I think about the content and its presentation, but here I get the impression you are referring to the whole banner that may be re-used on different pages. Only on our website. A similar banner could be offered for external pages, but in this case your points about the uninformed users are even more valid as for our site - this would need more explanatory text on the banner. But since you refer to the target groups - I also miss some consideration of the users of our website. Personally, I hope that we might attract those people who are not even aware why a foundation is needed. And to be honest, I also think that many people in our community don't know how important this is. You're right - I've been too deeply involved in that topic to have a look at uninformed users / supporters. Consequently, I'm hesitant to just say The Challenge: 50 Thousand Euro needed!, or Funding our Foundation - Only 35 Days left! But these are the main points in my personal opinion (following Florian's description). We have a very short timeframe to get quite an amount of money. I don't want to hide this information on the donation page, because even if people understand that we ask for monetary donations for the foundation, they are not attracted to help *now* by your proposal. So please bear with me when I add some UX thoughts to the banner: 1. The Challenge: The challenge for whom? Is it ours, or the challenge of our users? I thought about Our Challenge, but this would change anything for the user. I don't insist on the word challenge at all - I just liked it, when Florian first thought of it. Challenge attracts people in my eyes. They become curious. And this is the most important point here IMHO. 2. What does this to the end-user / community member mean? More precisely, why should he click on the banner? I see three different use-cases for my banner: a) People thinking of a donation for LibO. They read about a sum and a timeframe. They understand that they should contribute rather sooner than later. They click on the banner to get more information. b) People looking at our website for any other reason (probably download). They read about sum and timeframe and perhaps they get curious. Perhaps they come back to our site looking for our progress. ... and finally they want to know more about the background and click on the banner... c) People informed by a press release about our challenge: Either they tend to a) or b) - but they definitively want to know about our progress. Does the banner tell the user what to do? Not directly, but I didn't see a way to add this information to the banner without losing it's main purpose. I think of a tooltip on mouseover telling them to click on the banner for more information on the documentfoundation site. [...] 3. Is the banner clickable at all? Yes - the entire banner should be clickable (perhaps with inverting the borders, so it looks like a button pressed...) Is there anything that tells the user that this element leads to somewhere else? (David mentioned that this isn't obvious for him concerning my proposal as well, although I tried - maybe failed - to add a button). I understood the green area as button ;-) But a banner clickable at it's entire area (if you didn't plan this despite the button) might be more attractive. I agree that this information should be visible, but unless I make the button higher there is no room for another line telling the user to click for more information. Do you think that mouseover would not work? If people get curious, they probably will move the mouse over the interesting area... 4. If the user clicks to the banner, what location will be opened? People feel more safe if we tell them what will happen ... especially if we want something from them :-) Right - It will be the website Florian is setting up now. With the mouseover they will be informed where they are led. I tried to incorporate these things
Re: [libreoffice-website] Banner for website
Hi Bernhard, all, On Sun, Feb 13, 2011 at 1:22 PM, Bernhard Dippold bernh...@familie-dippold.at wrote: Hi Matt, David, all, Matt Sturgeon schrieb: A standard size is 728x90. It depends on how we want to integrate the banner in our website. Our header is 88px high and there is 682px width aside the logo. (The main area is 900px wide, but I'd like the logo to stay). If we want the banner to be integrated in the existing site, 728x90px is too large. The next smaller standard size is 468x60 px. I just uploaded a screenshot wit an integrated banner in this size (please ignore the content - it's just a very first idea): http://wiki.documentfoundation.org/cgi_img_auth.php/c/c8/Website_banner_468x60.png Do you think, such a position and size would fulfill our needs? I think the size is good, but like David said, it's not eye-catching enough. I would suggest using the non-green LibO colors. If we want to be a little annoying but more eye-catching, we could create a number of such banners in different colors, and then have one randomly selected each time a new page is loaded (so on one page it might have blue text, on another it might be purple, etc). I do like the clean and simple design though, so other than adding some extra detail to the background, I would suggest we stick with something similar to what Bernhard has proposed. Regards, Ivan. -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
Hi Bernhard, Bernhard Dippold wrote on 2011-02-13 01.22: I just uploaded a screenshot wit an integrated banner in this size (please ignore the content - it's just a very first idea): http://wiki.documentfoundation.org/cgi_img_auth.php/c/c8/Website_banner_468x60.png Do you think, such a position and size would fulfill our needs? thanks a lot! Yes, the position is ideal, and I like the long paper clip. :-) Maybe a bit more eye-catching is needed, but the general idea is great! Florian -- Florian Effenberger flo...@documentfoundation.org Steering Committee and Founding Member of The Document Foundation Tel: +49 8341 99660880 | Mobile: +49 151 14424108 Skype: floeff | Twitter/Identi.ca: @floeff -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
Hi Matt, Matt Sturgeon wrote on 2011-02-13 02.01: http://www.filefactory.com/file/b5617f9/n/idea2.png This is making better use of the space by keeping the text at the right (*VERY* quick GIMP mockup) I liked Bernhard's version on the right side much better, but I will follow the majority's vote. :-) http://www.filefactory.com/file/b561850/n/idea3.png And this alternative is simply inserting a full width banner over the header (this is done by nestingadiv style=width:100%;img //div/a.) - again, a pretty quick knock up in gimp. If it's out of the page, it might be eye catching as well, so... if we find a nice design that fits, could be an option. Thanks! Florian -- Florian Effenberger flo...@documentfoundation.org Steering Committee and Founding Member of The Document Foundation Tel: +49 8341 99660880 | Mobile: +49 151 14424108 Skype: floeff | Twitter/Identi.ca: @floeff -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
Hi Bernhard, Bernhard Dippold wrote on 2011-02-13 03.20: Just updated the wiki file with 600px wide banner: http://wiki.documentfoundation.org/cgi_img_auth.php/c/c8/Website_banner_468x60.png I like your approach! We need to make it more eye-catching, as it looks like an element of the page, but the basic approach: +1 Thanks for all your work! Florian -- Florian Effenberger flo...@documentfoundation.org Steering Committee and Founding Member of The Document Foundation Tel: +49 8341 99660880 | Mobile: +49 151 14424108 Skype: floeff | Twitter/Identi.ca: @floeff -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
A standard size is 728x90. but you wanna make sure all the edges are the same colour, since it will help if you want to do: style body { margin:0;padding:0; } div.banner1{ position:fixed; width:100%; background-color:#000; align:top; } /style/headbody a href=div class=banner1img src=example.png //div/a On 12 February 2011 08:18, David Nelson comme...@traduction.biz wrote: Hi Florian, :-) On Sat, Feb 12, 2011 at 07:06, Florian Effenberger flo...@documentfoundation.org wrote: What banner size should we use? Probably quicker just to let Christoph and the guys decide... David Nelson -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity *** -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
Hi Matt, David, all, Matt Sturgeon schrieb: A standard size is 728x90. It depends on how we want to integrate the banner in our website. Our header is 88px high and there is 682px width aside the logo. (The main area is 900px wide, but I'd like the logo to stay). If we want the banner to be integrated in the existing site, 728x90px is too large. The next smaller standard size is 468x60 px. I just uploaded a screenshot wit an integrated banner in this size (please ignore the content - it's just a very first idea): http://wiki.documentfoundation.org/cgi_img_auth.php/c/c8/Website_banner_468x60.png Do you think, such a position and size would fulfill our needs? Best regards Bernhard -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
Hi Bernhard, all, :-) On Sun, Feb 13, 2011 at 08:22, Bernhard Dippold bernh...@familie-dippold.at wrote: http://wiki.documentfoundation.org/cgi_img_auth.php/c/c8/Website_banner_468x60.png It's a nice shot but - for me - it doesn't attract the eye quite enough. Maybe we need something that is just a *little* bit more visually intrusive? David Nelson -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
Hi, :-) This could be a case for considering an animated .gif? David Nelson -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
David Nelson schrieb: Hi, :-) This could be a case for considering an animated .gif? Of course - My idea was just about the size and position. Best regards Bernhard -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
Hi Matt, * Matt Sturgeon schrieb: From the looks of the screenshot, I'd say we may have to resort to a non-standard resolution to fit it in nicely with the header... I'm thinking something that has the same height as the logo, and follows the same spacing conventions, filling the right-side of the header. http://www.filefactory.com/file/b5617f9/n/idea2.png This is making better use of the space by keeping the text at the right (*VERY* quick GIMP mockup) I agree - filling all the empty space with a banner attracts more attention. I don't think that we need to add the Home of the LibreOffice Productivity Suite text at the side of the banner. It can cover all the area at the right side of the logo - if we really need the Productivity Suite information in the header, it might find a place inside the banner. About the height: We'll probably need mockups to compare 60px height to 45px height (the height of the logo), but I think every smaller banner than 60px might have too less space for the content. http://www.filefactory.com/file/b561850/n/idea3.png And this alternative is simply inserting a full width banner over the header (this is done by nestingadiv style=width:100%;img //div/a.) - again, a pretty quick knock up in gimp. We should avoid adding a full width banner over the page header: Even if this would be the best eye-catcher, it would move the content even further down, causing people to scroll for important content. Already on the main page this would cause me not to be informed about the TDF Blog and Twitter at all - why should I scroll? Best regards Bernhard -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
Hi Bernhard, *, On Sun, Feb 13, 2011 at 1:22 AM, Bernhard Dippold bernh...@familie-dippold.at wrote: Matt Sturgeon schrieb: A standard size is 728x90. It depends on how we want to integrate the banner in our website. Our header is 88px high and there is 682px width aside the logo. Note on the height: It could be larger, the tabs don't rely on a specific height. The background image used for the toptab area (top-part including the first-level menu) is using the same image as the bottom part (second-level navigation), just from the bottom, but only the border is interesting, http://www.libreoffice.org/themes/libo/images/header.png So don't see the current height of 88px as a hard requirement. and when designing a banner, it would be great if it (or a variant) could offer a way to include the countdown (days left), or the current status (xx% collected) ciao Christian -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
Hi Matt, * Matt Sturgeon schrieb: I just had an idea, Since the banner is too short to look right if the width is increased to fill the rest of the header, howabout a second (more square-ish) banner about The Document Foundation? http://www.filefactory.com/file/b561ah6/n/idea4.png Quick demo of duel banner We can create the banner in any width we need - it consists of two application icons with an arbitrary wide area in between them. Just updated the wiki file with 600px wide banner: http://wiki.documentfoundation.org/cgi_img_auth.php/c/c8/Website_banner_468x60.png I uploaded the SVG source too: http://wiki.documentfoundation.org/cgi_img_auth.php/7/78/Banner_600x60.svg Best regards Bernhard -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
Well, ideally it would be nice to have it as an SVG, or arranged in divs, (for scalable width), but back to reality, where bitmap formats are the only cross-browser supported options, then the size depends mainly on where abouts on the page your putting it... If you wanted top+full-width, you can try the attached archive (btw i chose position:fixed; just for kicks, same with div id=random-text - it's style and the adiv class=banner1 //a that counts)... On 11 February 2011 23:06, Florian Effenberger flo...@documentfoundation.org wrote: Hello, for the Foundation fundraising, I plan to have a banner (or maybe rotating banners) at top of each site, i.e. all native language sites and all others like LibreOffice-Box. Can we easily achieve that if we have the banner (will ping the design list tomorrow)? What banner size should we use? Thanks, Florian -- Florian Effenberger flo...@documentfoundation.org Steering Committee and Founding Member of The Document Foundation Tel: +49 8341 99660880 | Mobile: +49 151 14424108 Skype: floeff | Twitter/Identi.ca: @floeff -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity *** -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***
Re: [libreoffice-website] Banner for website
Sorry, I didn't know attachments are stripped on this list. The HTML was: htmlheadtitleExample Banner/titlestyle body { margin:0;padding:0; } div.banner1{ position:fixed; width:100%; background-color:#000; align:top; } /style/headbody a href=div class=banner1img src=example.png //div/a div id=random-text br /br /br / LibreOffice is the free power-packed Open Source personal productivity suite for Windows, Macintosh and Linux, that gives you six feature-rich applications for all your document production and data processing needs: Writer, Calc, Impress, Draw, Math and Base. Support and documentation is free from our large, dedicated community of users, contributors and developers. You, too, can also get involved! br /br / LibreOffice 3.3.1 Release Candidate available 2011-02-11 br /br / The Document Foundation is happy to announce the release candidate of LibreOffice 3.3.1. This release candidate is the first in a series of frequent bugfix releases on top of our LibreOffice 3.3 product. Please be aware that LibreOffice 3.3.1 RC1 is not yet ready for production use, you should continue to use LibreOffice for that. [...] Continue Reading » German LibreOffice-Box available 2011-02-06 br /br / The German LibreOffice Community today announced the availability of its LibreOffice-Box, a compilation of LibreOffice with extensions, cliparts, galleries, fonts and additional programs on DVD. For the download and more informaton refer to www.libreofficebox.org. International versions of the image are planned. Continue Reading » The Document Foundation, LibreOffice and OOXML 2011-01-28 br /br / If you thought we were all back to sleep after the release of LibreOffice 3.3, think again! The Steering Committee is at work and today we wanted to publish our opinion on a touchy subject, the support of OOXML in LibreOffice. LibreOffice offers the ability to export documents in the Microsoft Office formats, and these [...] Continue Reading » br /br /br / docufoundation: RT @floeff: LibreOffice 3.3.1 Release Candidate available: is.gd/ohoWMh #libo #tdf 9 hours ago br /• Reply docufoundation: RT @floeff: LibreOffice Release-Party in Munich this Friday - don't forget to sign up! ur1.ca/354pu #libo #tdf 4 days ago br /• Reply docufoundation: RT @floeff: German LibreOffice Project's Weekend - let us know when you have time! moreganize.ch/bKs0sc00eRd #libo #tdf 4 days ago br /• Reply docufoundation: RT @floeff: LibreOffice-Box available (in German): blog.documentfoundation.org/2011/02/06/german-libreoffice-box-available/ #libo #tdf 5 days ago br /• Reply br /br /br / Welcome to The Document Foundation! br /br / Download LibreOffice Understand the reasons for The Document Foundation Sign up and get in touch with the community Get press material and contact spokespeople Read what supporters of The Document Foundation say br /br / It is an independent self-governing meritocratic Foundation, created by leading members of the OpenOffice.org Community. It continues to build on the foundation of ten years' dedicated work by the OpenOffice.org Community.br / It was created in the belief that the culture born of an independent Foundation brings out the best in contributors and will deliver the best software for users.br / It is open to any individual who agrees with our core values and contributes to our activities.br / It welcomes corporate participation, e.g. by sponsoring individuals to work as equals alongside other contributors in the community.br / br / The Document Foundation is proud to be the home of LibreOffice, the next evolution of the world's leading free office suite.br /br /br / /div/body/html -- Unsubscribe instructions: E-mail to website+h...@libreoffice.org List archive: http://listarchives.libreoffice.org/www/website/ *** All posts to this list are publicly archived for eternity ***