Improve the website

[JonTheNiceGuy]

Note: This ticket has been migrated from code.cchits.net and as such covers some ground already implemented in the redesign. The ticket is here to be picked apart and split into component parts, so we can refer to the suggestions.

---

The site design has had some input from User:Notriddle and Heeed, however, there have been some bumps trying to implement this new design. Taking the benefits of User:Notriddle 's Javascript and movement of the play history from being always-visible to being visible-on-click with Heeed's original pane-based design, while taking into account requests and further suggestions by e-mail or during face-to-face discussions at geek events, User:JonTheNiceGuy has drawn up some sketches for consideration.

AmsterdamMack also suggested that the Chart page should contain a drop-down box of certain criteria, like "Top 15" (the existing default), "Biggest Climbers", "New entries" (although we couldn't really agree on what that would entail).

Any implemented design should favour user accessibility where possible. Using CSS+Javascript where possible (for example, using the JQuery based JPlayer or on-click expanding sections) degrading to click-through links for more details where not, should allow visually impaired people more "chance" of being able to navigate the site.

Note, the "wiggly line" on the track page is a sparkline (experiments with this JQuery library have worked well: http://omnipotent.net/jquery.sparkline/).

User:Notriddle suggested using form+buttons rather than links for voting encourages the action of clicking the button, rather than "seeing content" after clicking through the link, while trying to find where else a track was played should be a link, as this results in seeing more data.

Conversions from User:Notriddle 's work to a site-wide design (at http://cchits.net/test) left the voting button not showing that the vote was placed after the AJAX call was complete and the more details links not expanding, but these are elements I'd like to carry forward.

Colours and position are not fixed yet, and redesigns or enhancements to these sketches are positively encouraged!

Perhaps it would be worth sticking a link to a QR-Code (perhaps using: http://jeromeetienne.github.com/jquery-qrcode/) by each track, so that people can download the tracks (using the URL http://cchits.net/media/tracks/INT.FORMAT - this URL is in the getTrack() function) or the show. (User:JonTheNiceGuy - 2011-04-14)