Me? I’d take XML first…but then I’m an edge case.

1. Summer Orientation
2. Housing
3. Transcripts
4. Academic Calendar
5. Financial Aid

June can be characterized as a month where the main users of the CSUC website were incoming freshman. Orientation, housing, and financial aid are all terms that are currently relevant to new students.

In fact, one of the few signs of non-freshman activity was the search for transcripts that were made available mid-June as grades were posted from the spring semester.

Another interesting term which didn’t crack the Top 5 but was a solid 7th was SB 569 which is a Senate Bill that deals with privacy of information. In specific, the Alumni Association was offering alumni a way to decline special offers from insurance or credit card companies.

1. Finals schedule
2. Campus map
3. Housing
4. Graduation
5. Transcripts

School’s out for summer and students couldn’t be more excited. Finals schedule was the top query besting the second most popular query (__summer orientation__) by a 3:1 margin.

Summer orientation was the second most popular query as freshman made their final arrangements before the fall semester. Tied to this query was likely housing that’s also an interest for incoming freshman.

As could be expected graduation came in 3rd as the spring semester ended and students and parents alike looked for details and schedules for the individual colleges.

Campus map continues to stay strong on the Top 5 as transcripts and academic calendar both dropped off.

Try it yourself.

Looking for some inspiration, I pulled out our copy of O’Reilly’s Designing Interfaces. I was able to capture some quick notes and high-level concepts from a few chapters on interface design and information design.

Here’s what I have to start with:

Interface Design

The organization of an interface and be generalized in four terms

1. Objects
2. Actions/Tasks
3. Tools
4. Categories/Subjects

Page Layout

Three high-level elements of a page layout are

1. Visual Hierarchy
2. Visual Flow
3. Grouping/Alignment

Visual Hierarchy

Visual Hierarchy is the idea of using visual cues to signal an order of importance for a layout. This can be accomplished through such aspects as:

• Whitespace
• Font Size
• Contrast between colors
• Shapes
• Lines and shapes

Using these visual hierarchy tools we can take two routes to establishing a hierarchy: through a framework or the center stage approach.

With a visual framework you are trying to create a consistent look and feel across a large number of pages or screens. The other option, one that 37signals advocates is, center stage or epicenter design where the largest part of the application is dedicated to the most important part of the site/application. For the Room Reservation application it makes sense to take the center stage approach.

Visual Flow

In our western culture it is safe to assume that most users are trained to read from left to right and from top to bottom. Visual flow is about creating focal points that draws the users attention and leads them through a screen in a logical manner. The screenshot of the Room Reservation app above does not have a very strong visual flow, which is something that needs to be addressed.

Grouping/Alignment

The grouping and alignment of elements on a page can assist in creating relationships between two items. With RoomRes’ current design there considerable amount of space between the navigation and the table which indicates that there’s not a strong relationship between the two objects. In fact, this is incorrect, as the navigation directly effects the data displayed in the table. On the screen were users make a reservation the form field labels and widgets are both left justified creating visual separation between the two when a more effect way to display that information would be by right aligning the labels and left aligning the widgets.

Before:

Information Design

A layout/design that has solid information design will answer the following questions for an information consumer:

1. How is the data organized?
2. What’s related to what?
3. How can I explore this data?
4. Can data be rearranged?
5. Can it show me only what I need to know?
6. What are the specific values?

Visual Monotony

Visual monotony can be created by having large tables of similar data. This can lead to increased time spend trying to zero in on specific information. The RoomRes table presently just has some sample data, but it wouldn’t be hard to imagine this quickly getting out of control.

It’s suggested that you break up the monotony through contrasting data you want readers to see first; think of it as a micro-level visual hierarchy.

The question is: how do you visually differentiate reservations? Would it make sense to have the title of the event in bold or the date in italic? Thinking back to 37signals I remember how they like to display events that are imminent in a larger size font than those that are far in the future. So with the help of Ruby, I marked reservations in the table as either:

• Next week
• The week after next
• More than two weeks away

Before:

After:

Final Touch-ups

It’s not quite there yet. In times like this, it’s best to simplify.

Much better. There is still room to grow, but this is a marked improvement from what I started with.

Go read the full article for yourself, I’m sure it’s what most of us are thinking these days.

To quickly summarize:

• Keep it simple
• Know your audience
• Keep it un-uglified
• You can’t please everyone and there will always be someone/group that’s unhappy. It’s a fact of life so target the largest audience and move on.

Via: Andrea @ Interllectual

Technorati Tags: blogs, webdesign, university, informationarchitecture

1. Housing
2. Summer Orientation
3. Campus Map
4. Academic Calendar
5. Transcripts

Ahhh, spring is finally in the air and the incoming freshman class has begun registration. A surprise new-comer to the Top 5 but logical is the Summer Orientation search term. A quick trip to the campus home page verifies that there’s no mention of summer orientation. Doesn’t it seem like the home page should change to adapt to big events like orientation (#3) , finals schedule (#24), registration, etc. ? Or are those just incoherent ramblings of a lunatic?

It also looks like those new freshman have given the term housing the boost it needs to make it to top of the list as the number one search term for April.

The rest of the pack is pretty consistent with the previous months: campus map, academic calendar, and the ever popular transcripts.

1. Academic Calendar
2. Athletics
3. Campus Map
4. Housing
5. Transcripts

It’s beginning to look like trends are forming in the data. Calendar, transcripts, and campus maps are again in the top 5 queries for the month.

The curious thing about these queries is that campus map is a link in the footer on the CSUC home page. Unfortunately, it’s probably visually buried by the navigation images above. I had to used Firefox’s Find to locate the link. People are probably using the search box at the top of the page rather than using the browsers Find command.

The two newcomers are athletics and housing. The query for athletics was probably in response to the Women’s Basketball team going to the Women’s NCAA Final Four. Housing is undoubtedly due to prospective students who have filed an intent to attend and are looking further into options for campus housing.