redesigning lclark.edu

Interesting Navigation

  • 5 November 2007
  • Noah Kersey

Occasionally we may link to sites that have elements that we find interesting, or address a common design concern in a way that seems particularly new or notable. This is not an endorsement of the particular design, and it’s not an indication of how our own design will turn out. Just a little, “huh, you seen this?”

I ran across the recently redesigned homepage for Haverford College and they have some interesting ways of handling front page navigation and search:

Federated search [top right corner]: returns results in different categories like we have, but changes the orientation to use columns of various sizes and colors. Also adds student groups and profiles. Also they have their primary results be web pages, which for us is an additional click away.

Quick access [link on the right side]: as opposed to using flyout nav I guess, this puts a bunch of common or high priorty links all on the same high profile page page right off the front page.

Helpful hints: little boxes that pop up to highlight links/features/etc., is something I haven’t seen on a college site before. Too see them try refreshing the page a few times and they will pop up and go away in what seems to be a semi-random fashion.

I initially stumbled upon this site when browsing the higher education focused web design gallery over at eduStyle which is a neat site chock-full of the latest college and university web designs.

One last thing: If you ever run across an element on a web site that you either love or don’t love, we’d be interested in hearing from you. Post a comment on this blog or shoot us an email!

Filed Under

Comments

David McKelvey on 6 November, 2007 at 11:41 am

I found their navigation also very interesting — I very much like that have their constituency (audience) segments pre-loaded and clickable horizontally directly below the logo/header. But what is very interesting (and read here, skeptical about) is that if you click “about” for example, that row of links becomes the breadcrumbs, and the navigation actually jumps down the page a good bit, below the happy horizontal photo.

In the way that this have been organized, they are definitely breaking away from the tight-to-top navigation — the logo header is very tall by most standards, followed by an equally tall image segment — I wonder if that’s all too much?

But that’s my only concern about the design. They use a flex-width design; there is almost perfect semantic HTML, all xHTML/CSS of course, and the design has elements of modern style, without being too hip, so that they would have to change it in a year or two, to not look out-of-date.

One final FYI: The firm that helped Haverford with this redesign is White Whale, a firm I’d be interested in seeing respond to our coming redesign RFI, and I’ve received a report from a member of Haverford’s web team that expressed how positive the experience of working with them was.

Hanna Neuschwander on 8 November, 2007 at 2:20 pm

Just to confirm that I really like the way the seach feature breaks information down. Especially the “people” section. It’s lovely to see the email without having to navigate, and a single click gets you to the faculty page. The cross-over of the directory results (blue column) and student/faculty profiles (pink) gives you more navigation options without feeling redundant.

Morgan Grether on 10 November, 2007 at 3:07 pm

The Haverford divided SEARCH results is indeed a great feature! It is very helpful, functional. However, once you use it to start poking around their site you do see that beyond the central administrative and dictionary-type definition pages, the pages for the individual organizations and departments are all different and confusing. It makes me realize one of the brilliant parts of Trillium has been giving L&C sites consistency.

Morgan Grether on 10 November, 2007 at 3:13 pm

Also, has everyone see Brown’s site at http://brown.edu/ ? They have a different navigation approach. It is like file folders.

David McKelvey on 12 November, 2007 at 10:59 am

I do like the segmentation concept that Brown uses, but personally find their execution as a little too complex. (The page is hard to absorb quickly, in a very “Don’t Make Me Think” way — I’m not entirely wedded to Krug’s mandates, but do use them to some extent.)

I prefer Boston University’s execution a little more — less segments and more readable. Notre Dame has also used the same concept — although I’d expect that ND’s style of execution to be more at home on an Athletics site that a university home page.

Thanks for bringing this up Morgan — I think self-segmentation by the audience member an important method to deliver more content on the home page while providing more functionality to the end user.

Post a Comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>