Re: [pygame] preview of new pygame website... HiFi part
Thanks Thomas. Much appreciated! :)
Re: [pygame] preview of new pygame website... HiFi part
Ok thanks. I definitely need to test on more phones. Yeah, a 2 column carousel might be a good idea :) On Tue, Apr 8, 2014 at 7:48 PM, Jake b wrote: > Phone versions: > Android 4.4.2 > Chrome 34.0.* > firefox 29 (beta and stable) > > For highlighting game updates, maybe use the widget steam has (I think > it's called: carousel, ex: http://store.steampowered.com/ ) It cycles > through large images + links. > > I had a thought about the data density: > > If using a steam widget to feature the 5 most recent (or manually featured > games). Then continue more in the column, like it currently does. > > If using the a slideshow / steam widget above: you could remove the news > section. If there's recent news, insert items into the steam-slideshow > widgit. (Clicking it will navigate to the full-news page) > > The same thing could work for videos. (If new ones aren't submitted real > frequently, yet it'd still be nice to have on the front.) > > Maybe news and videos will be frequent enough always using a column is > best. > > > On Tue, Apr 8, 2014 at 10:51 AM, René Dudfield wrote: > >> Thanks for the notes Jake. >> >> Perhaps if I play a subtle highlighting animation on page load, and >> highlight the arrow keys as the Left/Right buttons are that might help >> people notice them. >> >> btw, your phone is an android? >> >> cheers, >> >> >> >> On Tue, Apr 8, 2014 at 5:26 PM, Jake b wrote: >> >>> Minor notes . >>> >>> I didn't realize the top menu at first. Might be too subtle. >>> >>> I tested it on my phone, chrome and Firefox. >>> >>> Chrome >>> + doesn't work with swipe gesture. >>> + arrow buttons: About 10% of the time the site scrolls 2 columns. >>> >>> While swipe works on ffx, but is giving false positives. If I scroll up >>> / down. Ex displacement of 10px x, 300px y, it pages. >>> >> >> > > > -- > Jake >
Re: [pygame] preview of new pygame website... HiFi part
On mar, 2014-04-08 at 10:26 -0500, Jake b wrote: > + doesn't work with swipe gesture. I have the same problem on an Ubuntu phone. Gestures on other websites work fine, such as the 2048 game that's been going around. signature.asc Description: This is a digitally signed message part
Re: [pygame] preview of new pygame website... HiFi part
I appreciate the work that went into the website, but I'll vote for a cleaner interface. I think the following should be up front: * What is pygame with a pretty set of images showing what it can do * Link straight to download (including installation instructions) * Link to documentation * Link to tutorials * List of 'news' I think scrolling is ok in a normal interface, but only for older news stories. I really like the book "don't make me think" for doing UI on a website. Paul Vincent Craven On Tue, Apr 8, 2014 at 1:29 PM, Thomas Ibbotson wrote: > FWIW, I really like the design. I like the feel of everything being there > and navigating around it. I much prefer that to paginated websites, which I > feel I can get lost in. For me, more is definitely more. However, I agree > that so much information could be daunting to casual browsers and I think > it's the right thing to have a 'LoFi' version. > > I don't have anything constructive, I just wanted to say that I liked it, > because there were a lot of people saying they didn't! > > > On 8 April 2014 18:48, Jake b wrote: > >> Phone versions: >> Android 4.4.2 >> Chrome 34.0.* >> firefox 29 (beta and stable) >> >> For highlighting game updates, maybe use the widget steam has (I think >> it's called: carousel, ex: http://store.steampowered.com/ ) It cycles >> through large images + links. >> >> I had a thought about the data density: >> >> If using a steam widget to feature the 5 most recent (or manually >> featured games). Then continue more in the column, like it currently does. >> >> If using the a slideshow / steam widget above: you could remove the news >> section. If there's recent news, insert items into the steam-slideshow >> widgit. (Clicking it will navigate to the full-news page) >> >> The same thing could work for videos. (If new ones aren't submitted real >> frequently, yet it'd still be nice to have on the front.) >> >> Maybe news and videos will be frequent enough always using a column is >> best. >> >> >> On Tue, Apr 8, 2014 at 10:51 AM, René Dudfield wrote: >> >>> Thanks for the notes Jake. >>> >>> Perhaps if I play a subtle highlighting animation on page load, and >>> highlight the arrow keys as the Left/Right buttons are that might help >>> people notice them. >>> >>> btw, your phone is an android? >>> >>> cheers, >>> >>> >>> >>> On Tue, Apr 8, 2014 at 5:26 PM, Jake b wrote: >>> Minor notes . I didn't realize the top menu at first. Might be too subtle. I tested it on my phone, chrome and Firefox. Chrome + doesn't work with swipe gesture. + arrow buttons: About 10% of the time the site scrolls 2 columns. While swipe works on ffx, but is giving false positives. If I scroll up / down. Ex displacement of 10px x, 300px y, it pages. >>> >>> >> >> >> -- >> Jake >> > >
Re: [pygame] preview of new pygame website... HiFi part
FWIW, I really like the design. I like the feel of everything being there and navigating around it. I much prefer that to paginated websites, which I feel I can get lost in. For me, more is definitely more. However, I agree that so much information could be daunting to casual browsers and I think it's the right thing to have a 'LoFi' version. I don't have anything constructive, I just wanted to say that I liked it, because there were a lot of people saying they didn't! On 8 April 2014 18:48, Jake b wrote: > Phone versions: > Android 4.4.2 > Chrome 34.0.* > firefox 29 (beta and stable) > > For highlighting game updates, maybe use the widget steam has (I think > it's called: carousel, ex: http://store.steampowered.com/ ) It cycles > through large images + links. > > I had a thought about the data density: > > If using a steam widget to feature the 5 most recent (or manually featured > games). Then continue more in the column, like it currently does. > > If using the a slideshow / steam widget above: you could remove the news > section. If there's recent news, insert items into the steam-slideshow > widgit. (Clicking it will navigate to the full-news page) > > The same thing could work for videos. (If new ones aren't submitted real > frequently, yet it'd still be nice to have on the front.) > > Maybe news and videos will be frequent enough always using a column is > best. > > > On Tue, Apr 8, 2014 at 10:51 AM, René Dudfield wrote: > >> Thanks for the notes Jake. >> >> Perhaps if I play a subtle highlighting animation on page load, and >> highlight the arrow keys as the Left/Right buttons are that might help >> people notice them. >> >> btw, your phone is an android? >> >> cheers, >> >> >> >> On Tue, Apr 8, 2014 at 5:26 PM, Jake b wrote: >> >>> Minor notes . >>> >>> I didn't realize the top menu at first. Might be too subtle. >>> >>> I tested it on my phone, chrome and Firefox. >>> >>> Chrome >>> + doesn't work with swipe gesture. >>> + arrow buttons: About 10% of the time the site scrolls 2 columns. >>> >>> While swipe works on ffx, but is giving false positives. If I scroll up >>> / down. Ex displacement of 10px x, 300px y, it pages. >>> >> >> > > > -- > Jake >
Re: [pygame] preview of new pygame website... HiFi part
Phone versions: Android 4.4.2 Chrome 34.0.* firefox 29 (beta and stable) For highlighting game updates, maybe use the widget steam has (I think it's called: carousel, ex: http://store.steampowered.com/ ) It cycles through large images + links. I had a thought about the data density: If using a steam widget to feature the 5 most recent (or manually featured games). Then continue more in the column, like it currently does. If using the a slideshow / steam widget above: you could remove the news section. If there's recent news, insert items into the steam-slideshow widgit. (Clicking it will navigate to the full-news page) The same thing could work for videos. (If new ones aren't submitted real frequently, yet it'd still be nice to have on the front.) Maybe news and videos will be frequent enough always using a column is best. On Tue, Apr 8, 2014 at 10:51 AM, René Dudfield wrote: > Thanks for the notes Jake. > > Perhaps if I play a subtle highlighting animation on page load, and > highlight the arrow keys as the Left/Right buttons are that might help > people notice them. > > btw, your phone is an android? > > cheers, > > > > On Tue, Apr 8, 2014 at 5:26 PM, Jake b wrote: > >> Minor notes . >> >> I didn't realize the top menu at first. Might be too subtle. >> >> I tested it on my phone, chrome and Firefox. >> >> Chrome >> + doesn't work with swipe gesture. >> + arrow buttons: About 10% of the time the site scrolls 2 columns. >> >> While swipe works on ffx, but is giving false positives. If I scroll up / >> down. Ex displacement of 10px x, 300px y, it pages. >> > > -- Jake
Re: [pygame] preview of new pygame website... HiFi part
Thanks for the notes Jake. Perhaps if I play a subtle highlighting animation on page load, and highlight the arrow keys as the Left/Right buttons are that might help people notice them. btw, your phone is an android? cheers, On Tue, Apr 8, 2014 at 5:26 PM, Jake b wrote: > Minor notes . > > I didn't realize the top menu at first. Might be too subtle. > > I tested it on my phone, chrome and Firefox. > > Chrome > + doesn't work with swipe gesture. > + arrow buttons: About 10% of the time the site scrolls 2 columns. > > While swipe works on ffx, but is giving false positives. If I scroll up / > down. Ex displacement of 10px x, 300px y, it pages. >
Re: [pygame] preview of new pygame website... HiFi part
Hi Nicco, Thanks for all your points, many of which I agree with or plan to address with future iterations. Especially the LoFi view will be a more traditional simple UI like many m.example.com websites. I will ponder your point about "recent releases" comment especially. This is the number one thing I want to promote with the website. What people are working on! People who make things should get the number one spot on the website. It's better that people are making things, or talking about their projects, than general chatting I think. So we should promote collaboration, and promote people making releases. We should also help them get their projects some attention, and try to foster friendly dialogs between all of us making things together. Not all of the content is in, and I hope to add more descriptions about what things are. A section for newbies is definitely something we want to add. I'll note that growth of our community is not be the number one priority for me, rather than providing a better website for people doing stuff with python, pygame, and other gfx/snd type things. Most of the content is user editable via the wiki, play list editors, issue tracker, commit logs, twitter, reddit, project comments etc. all the best, ps. The scrollbar goes full width now. Thanks again :) On Sat, Apr 5, 2014 at 8:00 PM, Nicco Kunzmann < nicco.kunzm...@student.hpi.uni-potsdam.de> wrote: > Hi, > > I did not read the other comments but here are some thoughts. > Great that Pygame is doing something! A new website will show that there > is something going on. > > I would expect something filled: > > > Also the line ends before the scoll bar... So I did not think there is > more content on the right. > > Why is it ending on the right but on the left it ends with the screen? > > Be aware that Nobody may get it that you should navigate with the arrow > keys. Mobile devices? > > My second reaction was: too much information. I scroll down and get lost. > Why do I need to see 100 projects? > If you can, reduce this to the size of a mobile phone, each column. > Suggestion: the areas/topics are great. For me to know, what I am > interested in, I need ONE example of each topic to grasp what it is about. > Then I will have decided whether I need the rest. > Reduce the content to make me understand more content: (or not hinder me) > > 1 most recent GAME?. klick on it and you see the list (maybe new page) > (recent game because what are releases? releases of pygame? the non-game > ratio should be so small that you can uses game here. here maths: if 99% > understand "recent game" and 1% shown is not a game then 98% understand it. > if 80% understand "release" right it is still not 98%.) > 1 recent news > 1 tweet > 5 reddit questions (I will not read them, just scan what they look like > and be happy that there is support if I need it) > 1 video thumbnail, click and I see the list with this video > > first paragraph of the about. If people are not interested in the rest > they will not read it. > first paragraph of the tutorials .. same > ... > > => record the clicks to get what is most important to people. which of > these categories do they visit? > + where can I give feedback on the page? > > By reducing the content it is easier to navigate and to find what I am > looking for. It is hard to reduce. But perfection is there if you can not > remove anything anymore and not if you can not add anything. > > Sorry if this is not what you wanted to hear. The side looks great. > > > I like that I see an example as soon as I am on the page. > > I would like to see something like "This is what people say about pygame". > > > Try to find out why people use the pygame website. Optimize with use-cases. > download? Or just a one-click I download something and can create/modify > my own pygame (pong). This should also be possible with portable python. > > Hopefully this is not too much. I am really happy about your work on > pygame! > > Greetings, > Nicco > > > Am 05.04.2014 15:36, schrieb René Dudfield: > > Hi, > > here's a preview of the HiFi part of the new pygame website... > > http://pygame.org/hifi.html > > What do you think? > > >
Re: [pygame] preview of new pygame website... HiFi part
Minor notes . I didn't realize the top menu at first. Might be too subtle. I tested it on my phone, chrome and Firefox. Chrome + doesn't work with swipe gesture. + arrow buttons: About 10% of the time the site scrolls 2 columns. While swipe works on ffx, but is giving false positives. If I scroll up / down. Ex displacement of 10px x, 300px y, it pages.
Re: [pygame] preview of new pygame website... HiFi part
Hi, For mouse only users: there's some arrow buttons on the left and right of the screen that follow the mouse height. So you don't need to move the mouse up and down to the top of the view port. The keyboard arrow buttons are mainly there to alert people to the fact that you can use the keyboard to control navigation. For touch screens it has a swipe left/right action to scroll over one column. It's not the best implementation of swipe... but it 'works'. I haven't got it working for touchpad swipes as of yet (eg for mac swipe left/right). I think the issues that Sam mentioned with scroll wheel scrolling can be overcome and hopefully make scrolling better. I have an early prototype of controlling the website via the new Joystick API chrome and firefox have implemented. But it's not enabled so far. cu. On Sun, Apr 6, 2014 at 11:02 PM, Thomas Kluyver wrote: > It's certainly a very unusual design. I could imagine horizontal scrolling > working, but I think having both horizontal and vertical scrolling is a bad > idea - it's too easy to get lost, and I feel like I want to zoom out to get > a full overview of the site. It also makes it tricky to use the site with > your hand on the mouse, because the scroll wheel only moves you up and down > (the arrow buttons at the top are clickable, but I don't want to have to > move the mouse up there to move sideways). > > Thomas > > > > On 5 April 2014 06:36, René Dudfield wrote: > >> Hi, >> >> here's a preview of the HiFi part of the new pygame website... >> >> http://pygame.org/hifi.html >> >> What do you think? >> > >
Re: [pygame] preview of new pygame website... HiFi part
Hi, I've tweaked the columns some, however not wider. Why this column width you ask? The columns are spaced to take nice advantage of phone widths (320px). So the same design of column content can be reused for various sized viewports. As anyone who has done any big 'responsive' website projects knows this saves a lot of work. No need to do 3-5 extra designs for each module, and none of the 3-5 css for all the different viewports (unless you want to put in the extra work!). Design everything for the 300px column (with 20px gutters), and it should scale to all the view ports. Anyone tried it on a 4000 or 8000 pixel wide screen? The website looks pretty good at that resolution. This is useful in a conference situation, where you can have a bunch of screens or projectors stitched together then you can fit much of the website in a really wide view. That's the reasoning behind it anyway. cu. ps. The HiFi view currently NOT responsive to network speed. It only makes sense on fast networks (wired, WiFi or quality 3g/4g networks). But this is what the LoFi design is for. Luckily the LoFi version can reuse the html generation code the HiFi uses. Since the html generation code is all done via jQuery plugins on the server, and not via some template language, on demand loading could also be implemented - but I think a LoFi basic html view will be better for that use case. On Tue, Apr 8, 2014 at 1:22 AM, Carlos Zuniga wrote: > On Mon, Apr 7, 2014 at 5:53 AM, Sam Bull wrote: > > On lun, 2014-04-07 at 18:07 +1200, Greg Ewing wrote: > >> Al Sweigart wrote: > >> > Oh, also, we should keep the Pygame logo. It's familiar branding, and > it > >> > doesn't look bad at all. > > > > Actually, I think that's another bug. If you zoom in (Ctrl + > > scrollwheel), at some point the logo appears. So, that's something that > > needs to be fixed, so it displays at all times. Perhaps using a vector > > graphic for the logo, so it scales nicely? > > It doesn't appear for me even trying all kinds of zooming. > I am using Chromium Version 33.0.1750.152 Debian jessie/sid > > If I change this `` for this ` id="the-logo" src="/images/logo.png" />` in the dev console then it > works :) > > I like the content of the columns, but not a fan of the horizontal > scrolling. If you plan to keep this design though, I'd like it if the > columns were a bit wider. > My screen fits 4.5 columns. I think 3 columns + a bit more white space > between them would look better. > > I also think it should tell you what Pygame is, maybe add a short > description under the logo, something along the lines of: "PyGame > allows you to make games with Python." > > Also, to add playfulness, maybe use the Comic Neue font for headers? > http://comicneue.com/ > > -- > Carlos >
Re: [pygame] preview of new pygame website... HiFi part
The page doesn't change layouts, so decreasing page width makes content go missing. AKA responsive design. On Mon, Apr 7, 2014 at 9:08 PM, Sean Felipe Wolfe wrote: > Playfulness +100 ! There are lots of gaming frameworks out there with > plenty of technical information. I love how the current site really is > a nod to a kid's creative mindset. Or at least ... how I think kid > mindset would be ... from my NES days. > > On Mon, Apr 7, 2014 at 4:22 PM, Carlos Zuniga > wrote: > > On Mon, Apr 7, 2014 at 5:53 AM, Sam Bull wrote: > >> On lun, 2014-04-07 at 18:07 +1200, Greg Ewing wrote: > >>> Al Sweigart wrote: > >>> > Oh, also, we should keep the Pygame logo. It's familiar branding, > and it > >>> > doesn't look bad at all. > >> > >> Actually, I think that's another bug. If you zoom in (Ctrl + > >> scrollwheel), at some point the logo appears. So, that's something that > >> needs to be fixed, so it displays at all times. Perhaps using a vector > >> graphic for the logo, so it scales nicely? > > > > It doesn't appear for me even trying all kinds of zooming. > > I am using Chromium Version 33.0.1750.152 Debian jessie/sid > > > > If I change this `` for this ` > id="the-logo" src="/images/logo.png" />` in the dev console then it > > works :) > > > > I like the content of the columns, but not a fan of the horizontal > > scrolling. If you plan to keep this design though, I'd like it if the > > columns were a bit wider. > > My screen fits 4.5 columns. I think 3 columns + a bit more white space > > between them would look better. > > > > I also think it should tell you what Pygame is, maybe add a short > > description under the logo, something along the lines of: "PyGame > > allows you to make games with Python." > > > > Also, to add playfulness, maybe use the Comic Neue font for headers? > > http://comicneue.com/ > > > > -- > > Carlos > > > > -- > A musician must make music, an artist must paint, a poet must write, > if he is to be ultimately at peace with himself. > - Abraham Maslow > -- Jake
Re: [pygame] preview of new pygame website... HiFi part
Playfulness +100 ! There are lots of gaming frameworks out there with plenty of technical information. I love how the current site really is a nod to a kid's creative mindset. Or at least ... how I think kid mindset would be ... from my NES days. On Mon, Apr 7, 2014 at 4:22 PM, Carlos Zuniga wrote: > On Mon, Apr 7, 2014 at 5:53 AM, Sam Bull wrote: >> On lun, 2014-04-07 at 18:07 +1200, Greg Ewing wrote: >>> Al Sweigart wrote: >>> > Oh, also, we should keep the Pygame logo. It's familiar branding, and it >>> > doesn't look bad at all. >> >> Actually, I think that's another bug. If you zoom in (Ctrl + >> scrollwheel), at some point the logo appears. So, that's something that >> needs to be fixed, so it displays at all times. Perhaps using a vector >> graphic for the logo, so it scales nicely? > > It doesn't appear for me even trying all kinds of zooming. > I am using Chromium Version 33.0.1750.152 Debian jessie/sid > > If I change this `` for this ` id="the-logo" src="/images/logo.png" />` in the dev console then it > works :) > > I like the content of the columns, but not a fan of the horizontal > scrolling. If you plan to keep this design though, I'd like it if the > columns were a bit wider. > My screen fits 4.5 columns. I think 3 columns + a bit more white space > between them would look better. > > I also think it should tell you what Pygame is, maybe add a short > description under the logo, something along the lines of: "PyGame > allows you to make games with Python." > > Also, to add playfulness, maybe use the Comic Neue font for headers? > http://comicneue.com/ > > -- > Carlos -- A musician must make music, an artist must paint, a poet must write, if he is to be ultimately at peace with himself. - Abraham Maslow
Re: [pygame] preview of new pygame website... HiFi part
On Mon, Apr 7, 2014 at 5:53 AM, Sam Bull wrote: > On lun, 2014-04-07 at 18:07 +1200, Greg Ewing wrote: >> Al Sweigart wrote: >> > Oh, also, we should keep the Pygame logo. It's familiar branding, and it >> > doesn't look bad at all. > > Actually, I think that's another bug. If you zoom in (Ctrl + > scrollwheel), at some point the logo appears. So, that's something that > needs to be fixed, so it displays at all times. Perhaps using a vector > graphic for the logo, so it scales nicely? It doesn't appear for me even trying all kinds of zooming. I am using Chromium Version 33.0.1750.152 Debian jessie/sid If I change this `` for this `` in the dev console then it works :) I like the content of the columns, but not a fan of the horizontal scrolling. If you plan to keep this design though, I'd like it if the columns were a bit wider. My screen fits 4.5 columns. I think 3 columns + a bit more white space between them would look better. I also think it should tell you what Pygame is, maybe add a short description under the logo, something along the lines of: "PyGame allows you to make games with Python." Also, to add playfulness, maybe use the Comic Neue font for headers? http://comicneue.com/ -- Carlos
Re: [pygame] preview of new pygame website... HiFi part
On lun, 2014-04-07 at 18:07 +1200, Greg Ewing wrote: > Al Sweigart wrote: > > Oh, also, we should keep the Pygame logo. It's familiar branding, and it > > doesn't look bad at all. Actually, I think that's another bug. If you zoom in (Ctrl + scrollwheel), at some point the logo appears. So, that's something that needs to be fixed, so it displays at all times. Perhaps using a vector graphic for the logo, so it scales nicely? signature.asc Description: This is a digitally signed message part
Re: [pygame] preview of new pygame website... HiFi part
Al Sweigart wrote: Oh, also, we should keep the Pygame logo. It's familiar branding, and it doesn't look bad at all. I second that. The old site design has an air of playfulness about it that the new one currently lacks. It looks bland and doesn't convey that pygame is about having *fun*. -- Greg
Re: [pygame] preview of new pygame website... HiFi part
It's certainly a very unusual design. I could imagine horizontal scrolling working, but I think having both horizontal and vertical scrolling is a bad idea - it's too easy to get lost, and I feel like I want to zoom out to get a full overview of the site. It also makes it tricky to use the site with your hand on the mouse, because the scroll wheel only moves you up and down (the arrow buttons at the top are clickable, but I don't want to have to move the mouse up there to move sideways). Thomas On 5 April 2014 06:36, René Dudfield wrote: > Hi, > > here's a preview of the HiFi part of the new pygame website... > > http://pygame.org/hifi.html > > What do you think? >
Re: [pygame] preview of new pygame website... HiFi part
Maybe now is the time to use Aikiman's new logo from last October. Jason Sent from Yahoo Mail on Android
Re: [pygame] preview of new pygame website... HiFi part
René Dudfield wrote: here's a preview of the HiFi part of the new pygame website... http://pygame.org/hifi.html What do you think? NO! NO! NO! NO! NO! This is a HORRIBLE user interface, for all sorts of reasons. 1. There is no need for a page of this kind to require horizontal scrolling at all. 2. If horizontal scrolling is required (which it's not in this case) it should be done the usual way, with a scroll bar. 3. Scrolling, if it's to happen at all, should happen promptly, and not make the user wait through an animation, particularly one that could cause dizziness or motion sickness in some people. Sorry to be so negative -- you've obviously put a lot of work into this -- but usability has to come first. Visually it's very nice. The same content in a more conventional layout would be great. -- Greg
Re: [pygame] preview of new pygame website... HiFi part
Hi, I did not read the other comments but here are some thoughts. Great that Pygame is doing something! A new website will show that there is something going on. I would expect something filled: Also the line ends before the scoll bar... So I did not think there is more content on the right. Why is it ending on the right but on the left it ends with the screen? Be aware that Nobody may get it that you should navigate with the arrow keys. Mobile devices? My second reaction was: too much information. I scroll down and get lost. Why do I need to see 100 projects? If you can, reduce this to the size of a mobile phone, each column. Suggestion: the areas/topics are great. For me to know, what I am interested in, I need ONE example of each topic to grasp what it is about. Then I will have decided whether I need the rest. Reduce the content to make me understand more content: (or not hinder me) 1 most recent GAME?. klick on it and you see the list (maybe new page) (recent game because what are releases? releases of pygame? the non-game ratio should be so small that you can uses game here. here maths: if 99% understand "recent game" and 1% shown is not a game then 98% understand it. if 80% understand "release" right it is still not 98%.) 1 recent news 1 tweet 5 reddit questions (I will not read them, just scan what they look like and be happy that there is support if I need it) 1 video thumbnail, click and I see the list with this video first paragraph of the about. If people are not interested in the rest they will not read it. first paragraph of the tutorials .. same ... => record the clicks to get what is most important to people. which of these categories do they visit? + where can I give feedback on the page? By reducing the content it is easier to navigate and to find what I am looking for. It is hard to reduce. But perfection is there if you can not remove anything anymore and not if you can not add anything. Sorry if this is not what you wanted to hear. The side looks great. I like that I see an example as soon as I am on the page. I would like to see something like "This is what people say about pygame". Try to find out why people use the pygame website. Optimize with use-cases. download? Or just a one-click I download something and can create/modify my own pygame (pong). This should also be possible with portable python. Hopefully this is not too much. I am really happy about your work on pygame! Greetings, Nicco Am 05.04.2014 15:36, schrieb René Dudfield: Hi, here's a preview of the HiFi part of the new pygame website... http://pygame.org/hifi.html What do you think? 0x20C8B6EA.asc Description: application/pgp-keys signature.asc Description: OpenPGP digital signature
Re: [pygame] preview of new pygame website... HiFi part
Hi, René, Thanks for the early peek. At first I thought the page was way too busy, and horizontal scrolling would be tedious. Then I saw the category widgets and my worry went away, this is nice. A choice between scripted sliding and a CPU-friendly presentation would be ideal, if that is workable. The scripted sliding is classy, but slower computers may struggle with it--esp. underpowered laptops with small screens, forced to use the scripted scrolling to see the right-side columns in the wider categories. Or perhaps a choice to use native scrollbars instead of scripted scrolling. You might ignore this feedback if no one reports poor performance. The slightly larger thumbnails are very nice. So too are the journals of stuff, like commits and project comments. Others may like the social media feeds, but I block them and the large space is empty; I might be in the minority here. It is a refreshing change to see all the stuff sprawled out like that, and not wonder if I'm missing some buried goodie like the old code repository (to which I could never find a link off the main page). You've done a nice job in making it visually interesting. Gumm On 4/5/2014 06:36, René Dudfield wrote: Hi, here's a preview of the HiFi part of the new pygame website... http://pygame.org/hifi.html What do you think?
Re: [pygame] preview of new pygame website... HiFi part
I'm going to second Al's suggestions, especially the part about greatly appreciating the work you're putting into this! It is a bit busy. Slightly larger but less text would be nice for us older coders. Keith Nemitz Principal Developer Mousechief Co. www.mousechief.com From: Al Sweigart To: pygame-users@seul.org Sent: Saturday, April 5, 2014 9:28 AM Subject: Re: [pygame] preview of new pygame website... HiFi part I don't want this critique to sound brutal, so I'll preface it with this: I'm really glad you're doing the work of a redesign. But here are some things you should fix: In general: * Way less text. * Fewer categories. * Replace the sliding behavior with separate pages and tabs at the top. Get rid of the columnar layout on each slide: it's so wide that it's uncomfortable on my (fairly high resolution) laptop, and it's completely unusable on mobile. Specifics: * Add "Download" and "Documentation" (instead of "learn") as top links; these are the most important things people need when they come to the site. * The recent releases should use the small screenshots, and not have the text. It should be much smaller: just title, screenshot thumbnail, and it's two or three commonmost tags. (Add the date of its release as well.) * I think tweets and reddit are good ideas (we should be promoting those resources), but lose the videos section: it takes up a lot of space without providing much value and it won't be updated as often as the tweets and reddit sections anyway. * We can probably cut the About section down to a fifth of its current word count. I can do this if you want. We should also have About section on the front page. * The tutorials, cookbook, and resources sections could probably be merged and streamlined. I think it would be a good idea to have the cookbook in a familiar mediawiki format. * Rename "make" to "Dev", which is a more familiar word to use for a page related to development of Pygame itself. * Get rid of the "awesome" page. The content that goes here can probably go elsewhere. Thanks again for doing this! The current website has worked well, but has had a few warts that would be nice to iron out. -Al On Sat, Apr 5, 2014 at 6:36 AM, René Dudfield wrote: Hi, > >here's a preview of the HiFi part of the new pygame website... > >http://pygame.org/hifi.html > >What do you think? >
Re: [pygame] preview of new pygame website... HiFi part
Oh, also, we should keep the Pygame logo. It's familiar branding, and it doesn't look bad at all. On Sat, Apr 5, 2014 at 6:36 AM, René Dudfield wrote: > Hi, > > here's a preview of the HiFi part of the new pygame website... > > http://pygame.org/hifi.html > > What do you think? >
Re: [pygame] preview of new pygame website... HiFi part
I don't want this critique to sound brutal, so I'll preface it with this: I'm really glad you're doing the work of a redesign. But here are some things you should fix: In general: * Way less text. * Fewer categories. * Replace the sliding behavior with separate pages and tabs at the top. Get rid of the columnar layout on each slide: it's so wide that it's uncomfortable on my (fairly high resolution) laptop, and it's completely unusable on mobile. Specifics: * Add "Download" and "Documentation" (instead of "learn") as top links; these are the most important things people need when they come to the site. * The recent releases should use the small screenshots, and not have the text. It should be much smaller: just title, screenshot thumbnail, and it's two or three commonmost tags. (Add the date of its release as well.) * I think tweets and reddit are good ideas (we should be promoting those resources), but lose the videos section: it takes up a lot of space without providing much value and it won't be updated as often as the tweets and reddit sections anyway. * We can probably cut the About section down to a fifth of its current word count. I can do this if you want. We should also have About section on the front page. * The tutorials, cookbook, and resources sections could probably be merged and streamlined. I think it would be a good idea to have the cookbook in a familiar mediawiki format. * Rename "make" to "Dev", which is a more familiar word to use for a page related to development of Pygame itself. * Get rid of the "awesome" page. The content that goes here can probably go elsewhere. Thanks again for doing this! The current website has worked well, but has had a few warts that would be nice to iron out. -Al On Sat, Apr 5, 2014 at 6:36 AM, René Dudfield wrote: > Hi, > > here's a preview of the HiFi part of the new pygame website... > > http://pygame.org/hifi.html > > What do you think? >
Re: [pygame] preview of new pygame website... HiFi part
Maybe, 1.An embossed Symbolic Python in the back ground? 2. Green like earlier but maybe a little lighter in tone? 3. THE SCROLLING WITH THE ARROW KEYS ARE A DEFINITE YES! 4. about, recent releases, news, cookbook, resources and the rest would be a better layout. 5.It's is a good move to move away from the previous cartoonish look which sometimes didn't give Pygame the seriousness it rightly deserves. All in all a great new look. Waiting patiently to see the final domain. On Sat, Apr 5, 2014 at 8:07 PM, Sean Felipe Wolfe wrote: > Definitely higher tech. I personally like the green color scheme and > retro look of the current site as well :) > > Can we keep the green? > > On Sat, Apr 5, 2014 at 7:25 AM, Sam Bull wrote: > > On sab, 2014-04-05 at 15:36 +0200, René Dudfield wrote: > >> here's a preview of the HiFi part of the new pygame website... > >> > >> http://pygame.org/hifi.html > >> > >> > >> What do you think? > > > > Looks really nice, but there are a few issues with it at the moment. > > > > Horizontal scrolling is rather unnatural and weird to navigate. If it > > were an unordered collection of elements designed to scroll through, > > then I would expect to be able to scroll naturally with the touchpad. > > However, it appears to be grouped into distinct categories, > which are > > meant to represent different parts of the site. In this case, I would > > expect it to paginate. Clicking the left/right arrow, or keyboard > > buttons would snap it over to the next category. Obviously, this would > > require the content to reflow, so the whole category fits onscreen, on > > my laptop I'm seeing 3.5/5 columns when looking at 'show'. Some of this > > could be compacted, for example using a more typically sized Twitter and > > Reddit stream, and then displaying one under the other. > > > > > > I also have no clue what the category names are supposed to mean. > > > > There is some issue where keyboard focus seems to get lost, and then > > left/right stops working. But, up/down continue to scroll as per normal > > browser scroll. Then, clicking on the page to regain keyboard control > > and pushing down causes the website to zoom back up to where it last has > > keyboard control. > > In fact, just found an easy way to reproduce. Scroll down the > page with > > the mouse wheel, then press down on the keyboard, and it zooms back up > > the page. (I'd suggest just leaving this up/down scrolling to the > > browser controls, I can imagine it causing accessibility problems if > > overridden.) > > > > Also, this is completely unusable on my phone. > > > > It's a good look, but needs a number of usability improvements. > > > > -- > A musician must make music, an artist must paint, a poet must write, > if he is to be ultimately at peace with himself. > - Abraham Maslow > -- Diliup Gabadamudalige http://www.diliupg.com http://soft.diliupg.com/ ** This e-mail is confidential. It may also be legally privileged. If you are not the intended recipient or have received it in error, please delete it and all copies from your system and notify the sender immediately by return e-mail. Any unauthorized reading, reproducing, printing or further dissemination of this e-mail or its contents is strictly prohibited and may be unlawful. Internet communications cannot be guaranteed to be timely, secure, error or virus-free. The sender does not accept liability for any errors or omissions. **
Re: [pygame] preview of new pygame website... HiFi part
Definitely higher tech. I personally like the green color scheme and retro look of the current site as well :) Can we keep the green? On Sat, Apr 5, 2014 at 7:25 AM, Sam Bull wrote: > On sab, 2014-04-05 at 15:36 +0200, René Dudfield wrote: >> here's a preview of the HiFi part of the new pygame website... >> >> http://pygame.org/hifi.html >> >> >> What do you think? > > Looks really nice, but there are a few issues with it at the moment. > > Horizontal scrolling is rather unnatural and weird to navigate. If it > were an unordered collection of elements designed to scroll through, > then I would expect to be able to scroll naturally with the touchpad. > However, it appears to be grouped into distinct categories, which are > meant to represent different parts of the site. In this case, I would > expect it to paginate. Clicking the left/right arrow, or keyboard > buttons would snap it over to the next category. Obviously, this would > require the content to reflow, so the whole category fits onscreen, on > my laptop I'm seeing 3.5/5 columns when looking at 'show'. Some of this > could be compacted, for example using a more typically sized Twitter and > Reddit stream, and then displaying one under the other. > > > I also have no clue what the category names are supposed to mean. > > There is some issue where keyboard focus seems to get lost, and then > left/right stops working. But, up/down continue to scroll as per normal > browser scroll. Then, clicking on the page to regain keyboard control > and pushing down causes the website to zoom back up to where it last has > keyboard control. > In fact, just found an easy way to reproduce. Scroll down the page > with > the mouse wheel, then press down on the keyboard, and it zooms back up > the page. (I'd suggest just leaving this up/down scrolling to the > browser controls, I can imagine it causing accessibility problems if > overridden.) > > Also, this is completely unusable on my phone. > > It's a good look, but needs a number of usability improvements. -- A musician must make music, an artist must paint, a poet must write, if he is to be ultimately at peace with himself. - Abraham Maslow
Re: [pygame] preview of new pygame website... HiFi part
On sab, 2014-04-05 at 15:36 +0200, René Dudfield wrote: > here's a preview of the HiFi part of the new pygame website... > > http://pygame.org/hifi.html > > > What do you think? Looks really nice, but there are a few issues with it at the moment. Horizontal scrolling is rather unnatural and weird to navigate. If it were an unordered collection of elements designed to scroll through, then I would expect to be able to scroll naturally with the touchpad. However, it appears to be grouped into distinct categories, which are meant to represent different parts of the site. In this case, I would expect it to paginate. Clicking the left/right arrow, or keyboard buttons would snap it over to the next category. Obviously, this would require the content to reflow, so the whole category fits onscreen, on my laptop I'm seeing 3.5/5 columns when looking at 'show'. Some of this could be compacted, for example using a more typically sized Twitter and Reddit stream, and then displaying one under the other. I also have no clue what the category names are supposed to mean. There is some issue where keyboard focus seems to get lost, and then left/right stops working. But, up/down continue to scroll as per normal browser scroll. Then, clicking on the page to regain keyboard control and pushing down causes the website to zoom back up to where it last has keyboard control. In fact, just found an easy way to reproduce. Scroll down the page with the mouse wheel, then press down on the keyboard, and it zooms back up the page. (I'd suggest just leaving this up/down scrolling to the browser controls, I can imagine it causing accessibility problems if overridden.) Also, this is completely unusable on my phone. It's a good look, but needs a number of usability improvements. signature.asc Description: This is a digitally signed message part
[pygame] preview of new pygame website... HiFi part
Hi, here's a preview of the HiFi part of the new pygame website... http://pygame.org/hifi.html What do you think?