Re: [Haskell-cafe] Haskell.org re-design
How about something more colourful? http://i.imgur.com/7jCPq.png The Get Haskell box should of course be a shiny button. A shadow separating the content box from the background would probably also be a good idea. But the main point is: less dull colours, and the important links should go at the top. On 2 April 2010 04:37, Ben Millwood hask...@benmachine.co.uk wrote: On Fri, Apr 2, 2010 at 4:36 AM, Ben Millwood hask...@benmachine.co.uk wrote: The easiest thing to do on visiting the website is read about why Haskell is so great, and where to find out how to use it. Uhm, I meant the easiest thing *should be* reading about... Sorry about that. ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe -- Push the envelope. Watch it bend. ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe
Re: [Haskell-cafe] Haskell.org re-design
On 31 March 2010 12:01, Johan Tibell johan.tib...@gmail.com wrote: - There are several news streams going on at once. Perhaps Headlines and Events could be merged into one stream. After watching the Hackage RSS feed every day I don't know if it's interesting enough to put on a front page. Perhaps in a side bar which brings me to my next suggestions. - Multi column pages are tricky to scan! It works well in news papers since the page height is limited but for web pages I really prefer one main column. Perhaps the second column code be made more narrow? Perhaps the footer content could be promoted into this second column and have it be a more conventional right (or left) hand nav? That's true, it's a nice idea but in practice it's hard to know where to focus. I've gone with a left nav. I've built up the HTML which is cross-browser (ie6/7/8/opera/firefox/safari/chrome compat), still need to add some bits but I can tomorrow import it into a wikimedia skin. It's kind of easy to re-shuffle now that I've built it. http://82.33.137.16/haskell-website/ Feedback would be appreciated. One has to think, what do I really want to see on the home page? Personally, I want to see latest events and news, that's what I look for on the current page. I'd also like to stick The Big Download Button on there and a small embedded TryHaskell, maybe with random runnable code samples. Similar to the code sample on http://ruby-lang.org/ but something you can actually try in the browser. And yes, by the way, I'm taking inspiration from Ruby's site, Python's site and Ubuntu's wiki page, and I'd forgotten about Scala so I'm looking at their site for ideas, too. - The quick links seem a bit random where they now appear. :) Ha, yes! I popped them on last minute. I'm not entirely sure if there is a standard place for social networking icons to go. I'll have to see about that. There are lots of places the icons could go quite neatly. I was also thinking, I am told by my designer friends, that long pages are coming back, so I think we could afford another couple sections on there. Plus, I can optimise the page's download time by gzipping the HTML and caching the gzip binary result, outputting that, and refreshing that cache when the HomePage page is changed (actually Wikimedia probably already supports caching somewhat, though it is an old version, I'll have to see). Cheers! ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe
Re: [Haskell-cafe] Haskell.org re-design
Christopher Done wrote: That's true, it's a nice idea but in practice it's hard to know where to focus. I've gone with a left nav. I've built up the HTML which is cross-browser (ie6/7/8/opera/firefox/safari/chrome compat), still need to add some bits but I can tomorrow import it into a wikimedia skin. It's kind of easy to re-shuffle now that I've built it. http://82.33.137.16/haskell-website/ Feedback would be appreciated. One has to think, what do I really want to see on the home page? Two important things I am missing are: * A link to the documentation. Perhaps as a button in the top row. * A link to tutorial(s) / Real World Haskell. Besides the download button, these are the important things that new users look for when they land on the home page. This design looks too much like the Haskell Community homepage, not the Haskell Programming Language home page. Some more things: * I think that the links on the left are confusing and unnecessary, since there is already a menu at the top. * Why would there be a 'links' page? All links fall either under 'community' or 'news' or 'download'. * Perhaps have a tab named 'events', and put all the event stuff there? * (minor) the buttons on the top row have a dent at the top (in Firefox 3.6 on windows) Twan ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe
Re: [Haskell-cafe] Haskell.org re-design
On Fri, Apr 2, 2010 at 12:40 AM, Christopher Done chrisd...@googlemail.com wrote: That's true, it's a nice idea but in practice it's hard to know where to focus. I've gone with a left nav. I've built up the HTML which is cross-browser (ie6/7/8/opera/firefox/safari/chrome compat), still need to add some bits but I can tomorrow import it into a wikimedia skin. It's kind of easy to re-shuffle now that I've built it. http://82.33.137.16/haskell-website/ Feedback would be appreciated. There isn't a lot of visual separation between the nav bar and the main content. I think a border or background colour change might be nice. Also, when I let my firefox window fill the screen there's whitespace on the left and right, when I share my screen with another window the site doesn't fit horizontally - it doesn't adjust well to changing window widths. Also, in the nav bar it should be clearer when an item is linewrapping and when it is next in the list - on the left it looks like we have * The Haskell Platform * Glasgow Haskell * Compiler * ... so, bullet points or adjusted vertical spacing might help there. Also still quite grey. But I do like the focus on current events - the first impression you get visiting that page is that Haskell is alive and well, and people are using and developing it right now. The pictures of Real People smiling and huddling together really do help the friendly image we've managed to acquire (and should guard with utmost vigil, in my opinion). I think that the About and Learning sections of the original website are good section titles, and would work well on the navbar. The easiest thing to do on visiting the website is read about why Haskell is so great, and where to find out how to use it. ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe
Re: [Haskell-cafe] Haskell.org re-design
On Fri, Apr 2, 2010 at 4:36 AM, Ben Millwood hask...@benmachine.co.uk wrote: The easiest thing to do on visiting the website is read about why Haskell is so great, and where to find out how to use it. Uhm, I meant the easiest thing *should be* reading about... Sorry about that. ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe
Re: [Haskell-cafe] Haskell.org re-design
On Mon, Mar 29, 2010 at 3:44 AM, Christopher Done chrisd...@googlemail.com wrote: This is a post about re-designing the whole Haskell web site. I really like the design a lot. Here are some ideas: - There are several news streams going on at once. Perhaps Headlines and Events could be merged into one stream. After watching the Hackage RSS feed every day I don't know if it's interesting enough to put on a front page. Perhaps in a side bar which brings me to my next suggestions. - Multi column pages are tricky to scan! It works well in news papers since the page height is limited but for web pages I really prefer one main column. Perhaps the second column code be made more narrow? Perhaps the footer content could be promoted into this second column and have it be a more conventional right (or left) hand nav? - The quick links seem a bit random where they now appear. :) I'd also recommend looking at other programming languages web sites if you haven't done so already: http://www.ruby-lang.org/en/ http://www.python.org/ http://www.scala-lang.org/ Thanks for all your hard work! Cheers, Johan ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe
Re: [Haskell-cafe] Haskell.org re-design
The main issue I would have with the site design proposed here is that the Download Haskell link that is currently fairly prominent on the page gets shuffled off into oblivion in the footer. However, overall, I think it serves as a good starting point for discussion. -Edward Kmett On Sun, Mar 28, 2010 at 4:44 PM, Christopher Done chrisd...@googlemail.comwrote: This is a post about re-designing the whole Haskell web site. We got a new logo but didn't really take it any further. For a while there's been talk about a new design for the Haskell web site, and there are loads of web pages about Haskell that don't follow a theme consistent with Haskell.org's, probably because it doesn't really have a proper theme. I'm not a designer so take my suggestion with a grain of salt, but something that showed pictures of the latest events and the feeds we currently have would be nice. The feeds let you know that the community is busy, and pictures tell you that we are human and friendly. Anyway, I came up with something to kick off a discussion: http://haskell.org/haskellwiki/Image:Haskell-homepage-idea.png It answers the basic questions: - What's Haskell? - Where am I on the site? (Answered by a universally recognised tab menu) - What's it like? - How do I learn it? - Does it have an active community? - What's going on in the community? What are they making? - This language is weird. Are they human? -- Yes. The picture of a recent event can fade from one to another with jQuery. The colours aren't the most exciting, but someone who's a professional designer could do a proper design. But I like the idea of the site being like this; really busy but not scarily busy. Subsections of the site could use the header and footer and heading theme, but have a completely different primary-content layout. Probably sub-sections would need a left-nav. Keeping the design simple like this also makes it easy to theme the current Wiki to fit in with it seamlessly. Personally I don't have a problem with the existing site, functionally. It has all the stuff I want to look at. The only stuff that I had issue with as a newbie was finding The One Book I Should Read and The One Download I Should Get. The current site is starting to address this with a Download Haskell button. However, looking at it as a marketing site, it does look pretty lame and messy, and it gives you that impression of Haskell. So if people who own the site are going to redesign it, I thought I'd contribute a bit. Anyway, please contribute your ideas. (Again, I'm not a designer, so you don't need to pick at the aesthetics, a real designer can sort that out.) Cheers! ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe
Re: [Haskell-cafe] Haskell.org re-design
On Mar 28, 2010, at 10:44 PM, Christopher Done wrote: This is a post about re-designing the whole Haskell web site. We got a new logo but didn't really take it any further. For a while there's been talk about a new design for the Haskell web site, and there are loads of web pages about Haskell that don't follow a theme consistent with Haskell.org's, probably because it doesn't really have a proper theme. I'm not a designer so take my suggestion with a grain of salt, but something that showed pictures of the latest events and the feeds we currently have would be nice. The feeds let you know that the community is busy, and pictures tell you that we are human and friendly. Anyway, I came up with something to kick off a discussion: http://haskell.org/haskellwiki/Image:Haskell-homepage-idea.png It answers the basic questions: • What's Haskell? • Where am I on the site? (Answered by a universally recognised tab menu) • What's it like? • How do I learn it? • Does it have an active community? • What's going on in the community? What are they making? • This language is weird. Are they human? -- Yes. The picture of a recent event can fade from one to another with jQuery. The colours aren't the most exciting, but someone who's a professional designer could do a proper design. But I like the idea of the site being like this; really busy but not scarily busy. Subsections of the site could use the header and footer and heading theme, but have a completely different primary-content layout. Probably sub-sections would need a left-nav. Keeping the design simple like this also makes it easy to theme the current Wiki to fit in with it seamlessly. Personally I don't have a problem with the existing site, functionally. It has all the stuff I want to look at. The only stuff that I had issue with as a newbie was finding The One Book I Should Read and The One Download I Should Get. The current site is starting to address this with a Download Haskell button. However, looking at it as a marketing site, it does look pretty lame and messy, and it gives you that impression of Haskell. So if people who own the site are going to redesign it, I thought I'd contribute a bit. Anyway, please contribute your ideas. (Again, I'm not a designer, so you don't need to pick at the aesthetics, a real designer can sort that out.) Cheers! Nice work, definitely beats the current version! A few remarks: - Please throw in a bit more color somehow. Like said before, this shade of gray is a bit depressive. - The more links are far to prominent. These links are not that important and form a very distractive part of the design. Maybe you can right-align them and make them less button-like. - I would recommend to use a bit more conservative font for the headers and the headlines. Why not stick with Helvetica, Gill Sans or Myriad Pro? - Don't use a bold font-face in running text. - Align the bottom of the tabs headers with the content frame? - Maybe you can make the right column less wide, making is more easy to focus on the main content? These remarks might help to make the overall appearance a bit less heavy. Your design is quite lean and quiet, which is good, but some of the details make it a bit messy. Gr, -- Sebastiaan Visser ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe
Re: [Haskell-cafe] Haskell.org re-design
On 29 March 2010 21:51, Sebastiaan Visser sfvis...@cs.uu.nl wrote: Nice work, definitely beats the current version! A few remarks: - Please throw in a bit more color somehow. Like said before, this shade of gray is a bit depressive. - The more links are far to prominent. These links are not that important and form a very distractive part of the design. Maybe you can right-align them and make them less button-like. - I would recommend to use a bit more conservative font for the headers and the headlines. Why not stick with Helvetica, Gill Sans or Myriad Pro? - Don't use a bold font-face in running text. - Align the bottom of the tabs headers with the content frame? - Maybe you can make the right column less wide, making is more easy to focus on the main content? These remarks might help to make the overall appearance a bit less heavy. Your design is quite lean and quiet, which is good, but some of the details make it a bit messy. Useful tips, easy to change, thanks. I agree with all the points. I will update the concept pic in the morning. I'm already building the wikimedia skin now. I feel it's a good idea to get something real built that talks to the real database and can be clicked and browsed. Otherwise it will remain just an idea for a long time going through tweaks and watershedding. Regarding other colours, please help me. Here is the SVG of the site: http://chrisdone.com/tmp/haskell.svg If you can suggest one extra contrasting but complementing colour, that would be great. ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe
[Haskell-cafe] Haskell.org re-design
This is a post about re-designing the whole Haskell web site. We got a new logo but didn't really take it any further. For a while there's been talk about a new design for the Haskell web site, and there are loads of web pages about Haskell that don't follow a theme consistent with Haskell.org's, probably because it doesn't really have a proper theme. I'm not a designer so take my suggestion with a grain of salt, but something that showed pictures of the latest events and the feeds we currently have would be nice. The feeds let you know that the community is busy, and pictures tell you that we are human and friendly. Anyway, I came up with something to kick off a discussion: http://haskell.org/haskellwiki/Image:Haskell-homepage-idea.png It answers the basic questions: - What's Haskell? - Where am I on the site? (Answered by a universally recognised tab menu) - What's it like? - How do I learn it? - Does it have an active community? - What's going on in the community? What are they making? - This language is weird. Are they human? -- Yes. The picture of a recent event can fade from one to another with jQuery. The colours aren't the most exciting, but someone who's a professional designer could do a proper design. But I like the idea of the site being like this; really busy but not scarily busy. Subsections of the site could use the header and footer and heading theme, but have a completely different primary-content layout. Probably sub-sections would need a left-nav. Keeping the design simple like this also makes it easy to theme the current Wiki to fit in with it seamlessly. Personally I don't have a problem with the existing site, functionally. It has all the stuff I want to look at. The only stuff that I had issue with as a newbie was finding The One Book I Should Read and The One Download I Should Get. The current site is starting to address this with a Download Haskell button. However, looking at it as a marketing site, it does look pretty lame and messy, and it gives you that impression of Haskell. So if people who own the site are going to redesign it, I thought I'd contribute a bit. Anyway, please contribute your ideas. (Again, I'm not a designer, so you don't need to pick at the aesthetics, a real designer can sort that out.) Cheers! ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe
Re: [Haskell-cafe] Haskell.org re-design
For the most part, I like it, except for... Christopher Done chrisd...@googlemail.com writes: The colours aren't the most exciting, but someone who's a professional designer could do a proper design. But I like the idea of the site being like this; really busy but not scarily busy. ^^ This. It's too boring and depressing with all that grayscale. Why not use the coloured version of the logo ( http://haskell.org/sitewiki/images/a/a8/Haskell-logo-60.png ) and base the colour scheme off that? -- Ivan Lazar Miljenovic ivan.miljeno...@gmail.com IvanMiljenovic.wordpress.com ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe
Re: [Haskell-cafe] Haskell.org re-design
On 28 March 2010 22:00, Ivan Lazar Miljenovic ivan.miljeno...@gmail.comwrote: ^^ This. It's too boring and depressing with all that grayscale. Why not use the coloured version of the logo ( http://haskell.org/sitewiki/images/a/a8/Haskell-logo-60.png ) and base the colour scheme off that? I tried to do that but I found it difficult to make it look nice (and being honest I don't like those colours). I agree though, and defer to someone with more design talent! ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe
Re: [Haskell-cafe] Haskell.org re-design
This looks great! What are the implementation details of having this go live? * Ashley: would you be able to e.g. install an index.html like this, and hang the wiki under it? * How do we allow editing (by trusted users?) -- Don chrisdone: This is a post about re-designing the whole Haskell web site. We got a new logo but didn't really take it any further. For a while there's been talk about a new design for the Haskell web site, and there are loads of web pages about Haskell that don't follow a theme consistent with Haskell.org's, probably because it doesn't really have a proper theme. I'm not a designer so take my suggestion with a grain of salt, but something that showed pictures of the latest events and the feeds we currently have would be nice. The feeds let you know that the community is busy, and pictures tell you that we are human and friendly. Anyway, I came up with something to kick off a discussion: http://haskell.org/haskellwiki/Image:Haskell-homepage-idea.png It answers the basic questions: • What's Haskell? • Where am I on the site? (Answered by a universally recognised tab menu) • What's it like? • How do I learn it? • Does it have an active community? • What's going on in the community? What are they making? • This language is weird. Are they human? -- Yes. The picture of a recent event can fade from one to another with jQuery. The colours aren't the most exciting, but someone who's a professional designer could do a proper design. But I like the idea of the site being like this; really busy but not scarily busy. Subsections of the site could use the header and footer and heading theme, but have a completely different primary-content layout. Probably sub-sections would need a left-nav. Keeping the design simple like this also makes it easy to theme the current Wiki to fit in with it seamlessly. Personally I don't have a problem with the existing site, functionally. It has all the stuff I want to look at. The only stuff that I had issue with as a newbie was finding The One Book I Should Read and The One Download I Should Get. The current site is starting to address this with a Download Haskell button. However, looking at it as a marketing site, it does look pretty lame and messy, and it gives you that impression of Haskell. So if people who own the site are going to redesign it, I thought I'd contribute a bit. Anyway, please contribute your ideas. (Again, I'm not a designer, so you don't need to pick at the aesthetics, a real designer can sort that out.) Cheers! ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe
Re: [Haskell-cafe] Haskell.org re-design
On 28 March 2010 22:54, Don Stewart d...@galois.com wrote: This looks great! What are the implementation details of having this go live? * Ashley: would you be able to e.g. install an index.html like this, and hang the wiki under it? * How do we allow editing (by trusted users?) I've emailed Ashley about sorting this out. I'll stick to the way it's currently done, wikimedia template for the home page. I'll just make the index page a special case somehow or make a new index file to pull the necessary bits from the wiki database. Let's go, Ashley! ___ Haskell-Cafe mailing list Haskell-Cafe@haskell.org http://www.haskell.org/mailman/listinfo/haskell-cafe