I've also found the notes page a bit hard to navigate, I think the main problem I have with it is that it overcomplicates a lot of things.
If I had to redesign the notes side It'd look like this (sorry for bad wire framing)
Wire Frame Perspective:
- Note Search appears first and is 'fixed' to left hand column. The user is greeted with instructions in the middle tab about how to search, the rules regarding notes, and optional link to submissions page.
- So when I click Methods a jquery accordian appears giving the four topics of Methods. I think click Functions and the middle tab that had info on notes should jquery load/ajax load into a list of Mathematical Methods - Functions notes. There's some stuff missing here, but it's mainly the wire framing I'm trying to get a cross.
- Let's say I want to pick Exponential Functions by Eniwabe, i click the heading (which will obvs be a hyperlink) in which either a new page opens up, a lightbox type of deal, or it ajax/jquery loads into the third box. Upto you
- One thing that I found difficult was seperating the crappy notes from the good ones, using PHP GD you should be able to generate an image of a page (pref the middle page) to give users an insight of the type of content the notes provide without having to download.
- not a fixed height for the container, can expand downwards but the Notes Search will be fixed
Notes Perspective:
- Instead of categorizing by units 1/2 and 3/4 (which is better, but there aren't enough notes for each section to justify it having its own category) instead consider categorising by topics. This is no-way near perfect and for subjects like English, breaking it down to Context, Language Analysis and Text Response and then encouraging users to place the title of their text within the notes name would be nice. A subject like Methods where most notes are a combination of more than one topics are going to be a bit messy, but you could just as easily add another topic "Others" (trying to think of a good name for this)
- Keeping a count of the number of notes made ready for each subject would be nice, but is not essential.
- Within the Preview panel/lightbox you could include comments/ratings, but imo, ratings tend to be destructive to the community and not really accurate. Comments are good though for relevancy.
- There's a lot of trust on users properly using the submission feature into the right category and all of that jazz, it might be essential that mods for that subject need to double check every other note upload to make sure its all proper
Web Design Perspective
- so i do web designs stuff on the side a a hobby and a job but by no means does this mean that all my opinions are fact
- using jquery tends to be a large part of modern web design, minimising pages that need to be loaded aswell as fancy effects are pretty much crucial to keeping users attention
- maybe even consider re-vamping the entire site, as far as i can tell (based off your source code) you're not running any content managing systems like wordpress or joomla, so maybe having a look into responsive design like bootstrap might help? There are some beautiful examples if you just google bootstrap themes. It shouldn't be too hard to integrate.
- A big thing atm is responsive design, so design that is responsive to the users device. ATM the current page isn't responsive and is much more static coded than anything, so if you were to open ATARNotes on a phone it would look the same as it does on a desktop just really squished. If you open
http://www.mitsubishi-motors.com.au/ and start to slowly resize your screen to a much smaller size you'll see what it looks like on a mobile.
- + maybe rename forum to community? Not a whole lot of people have experienced massive forum names and all that
- VBulletin maybeee?
If you guys ever need any help, I'm always happy to help
Sorry for bad english aswell haha, graduate VCE nekminnit no england skills