Sunday, May 23, 2010

COLOR

http://www.deeside.ac.uk/about-us/
Main Colors:  Blue (two tones), Gold
Secondary: Purple, Green
Drop Down Menu: Grey with Yellow Headlines

Hillsdale  (same color scheme)

Kent State http://www.kent.edu/index.cfm

Athletics

Middlebury (A+)
http://www.middlebury.edu/athletics/
See Scoreboard (right hand column)

Team Photo
Wasn't sure where to put the team photo, since it seems kind of barren to place it on a page all by itself, and where this photo goes wasn't addressed in any of the documentation. Talked with Samantha Ezell, and she said the roster page would be a good place for the team photo, [since the roster is a list of the individuals on a team, so both the team photos, and its players would be shown here, and these both relate to an academic year].
Updated: 8/17/2011

Schedule/Results
Video Link/Feed
In the future, if required, the schedule/results pages (the Drupal content type) could be expanded to include a Video link (Embedded Media Field) so that if a game were videotaped, a direct link to the video for this game could be placed here by pasting in the the YouTube URL.
Photo Link/Feed
Additionally, a Flickr or Smugmug field (Embedded Media Field) could be added to this content type to display photos from a particular game.
Note about Smugmug: Michael Burm takes many pictures of PC Sports, and publishes his work on Smugmug, thus the note about Smugmug as a photo link or feed. Of course, this would need to be discussed ahead of time with Mr. Burm if it were to be considered. http://www.mjbphoto.smugmug.com/
Link Field
A link field could be added in the future, so each game could link to somewhere, such as a news article about the game.
These would be game-specific links and fields, not general links. At this time, it's not needed and would be additional content to manage, but would not be too difficult to set up if athletics wanted to use it at a later time.

Results Column
Samantha Ezell explained that if a game is not played yet (no score entered), the score should be completely blank. If a game HAS been played and the score is tied, this can be called a Draw ("D"). A draw can be 0-0, 1-1, 2-2, or any game where the score is tied, even if it's tied at 0-0. Wins and Losses can be labeled "W" and "L", respectively.
Updated: 8/17/2011



About, Enrollment, Getting Started

Middlebury (Don't love this part of Middlebury)
http://www.middlebury.edu/admissions/start

Admissions:
-Getting Started (Quick Facts, FAQs+)
-

Program Pages

Middlebury (A+)
http://www.middlebury.edu/academics/bio

Academic Programs
Title: Departments and Programs (There are no occupational programs)
Listing: Alpha YES>NO clusters
Photo:Interesting Large Pictures
Courses: Courses Listed  - Push Down Menus for Descriptions on each; lists last 4 years and denotes what is current
Contact: Main contact listed clearly in left column open space; all other contacts have large photos, office hours, and can click through to more information
News & Ads: Blocks on left hand side used well for information pertinent

Academics:
Catalog & Curriculum: Departments by Division
http://www.middlebury.edu/academics/catalog/depts

Northland Community & Technical College
http://www.northlandcollege.edu/programs/nursing/program_detail.php?program_code=NUR2

Academic Programs
Title: Career & Technical Programs (or) Liberal Arts & Transfer Programs
Listing: Alpha by Clusters (narrow search by clicking cluster area)
Photo: Academic Landing page has nice photos.


http://www.cerritos.edu/#academics
Cluster Programs

http://www.fresnocitycollege.edu/
Cluster maybe by department as well

http://www.northseattle.edu/programs/proftech/
Cluster in a different way

http://www.scc.spokane.edu/?progsbycat
Career and Technical and Transfer
Category, Subject, or Alpha

Wednesday, February 24, 2010

Creative Menu Types

Here are some other Navigation Menu Trends, as published by SmashingMagazine.com.

1) Micro-summary navigation blocks, a trend where a link is more descriptive than a single keyword:






2) Visually appealing icons. Icons intergrated into the menu should be recognizable and not too small. It's not just for decoration. It's there to help clearly convey the message. Some even make use of gradients, bevels and shading along with the icons.







3) Vertical Tabs: Here we are referring to sideways vertical tabs (90°). Text should be readable and the website layout should be able to support the number of tabs you'll need to cover the number of navigation buttons required.
4) Handwriting and illustrations: A handwritten look adds an unmistakable visual interest. As with all designs, the use of it should fit within the theme of the website or page.

     


Tuesday, February 23, 2010

Menu Dropdown Types

Single column dropdown:









Multi-column dropdown:




























Multi-column pushdown:
















Mega pushdown landing pages:
Media Rich Mega Push Down 
Second Tier Navigation










Single "Quicklinks" (first nav bar)  mega full-width dropdown:
































Single "Quicklinks: (first column) mega (full-width) pushdown:























Mega-Full Width Dropdowns:





Slide-down Tray: