User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have a registration website for an upcoming event. I have a link (itinerary) on the page that takes them to another page showing them the itinerary for the event. The problem is, I don't have anything there yet. It's a three day event and I need a good design idea on how to display the itinerary for the 3 days for the user. I've thought about using Google calendar but it doesn't really play well with the theme of my page, which is dark. I've been searching everywhere (dribble, jQuery plugins, etc.) but no luck. Does anyone have any good ideas on a nice design for an events calendar?

share|improve this question

closed as not a real question by ChrisF, dhmstark, Ben Brocka Nov 2 '12 at 21:57

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.If this question can be reworded to fit the rules in the help center, please edit the question.

up vote 4 down vote accepted

It depends on the kind of event you're helding.

Usually, an event like this needs a one-off design - it's not that it cannot be done procedurally (like with a jQuery plugin), but as it's unlikely to be modified after the initial upload, it's fine to create it as a static page.

A simple table or even a list would do, depending on the breath of a conference.

Usually, such an event has 3 main dimensions:

  • the day
  • the hour
  • the room

and together they define a session.

A session has the following arguments:

  • topic
  • participants
  • description (if exists)

A big question is, wether the participants are more important than the topics themselves. For example, if you invite famous people who speak, it doesn't matter sometimes what they're speaking about.

enter image description here

Here's an example.

Usually, vertical gutters ("cell-borders") should be larger than horizontals (as topics within a room have more to do with each other than topics at the same time), and perhaps the cellpadding should be larger than what's seen here as well.

Please note: dimensions are clearly maintained: downwards is time, leftwards is space, in size of scale and importance.

Some people say it's an unnecessary information overload to present programs of 3 days on a single page, so you could create a tabbed menu out of it:

enter image description here

The visuals can be literally designed in Excel.


What kind of interactivity is needed? Depends on the topics.

Here I created a simple detail balloon instead of listing them inside the table. Please note, sessions have to show clickability then.

Users may also subscribe to / bookmark an event, perhaps filter them with keywords.

enter image description here

Perhaps, if the site is connected to facebook, it could be shown if my friends signed up for a given session.


A website is a hyperlinked, navigatable place.

Usually navigation exists for:

  • Session participants (with a little bio)
  • Detailed session page (if needed)
  • per room, per day filters (more for festivals)
  • tags (if you do tag the sessions)
  • similar sessions (can be filtered by tagging)
  • A map of rooms (if needed)

I hope this helps.

share|improve this answer
I think the 2nd or 3rd option would be best. No one is going to sign up for an event but breaking it into 3 separate calendars, which they can navigate through day tabs is good. Plus the search is an added bonus. Where should I start looking to implement this kind of table? Is it just a straight html table with css design? – Richard Oct 1 '12 at 0:07
Exactly, usually we implement these literally as HTML tables. The "tooltips" are a bit difficult, but I'm pretty sure the internet is full of jQuery plugins for that. – Aadaam Oct 1 '12 at 1:36
I don't think I need the tooltips but I sure would like to have that search function. Do you have any demos or examples I can view on seeing how to build these calendar tables? – Richard Oct 1 '12 at 1:50
Dunno, here's an example: didn't test it on IE. – Aadaam Oct 1 '12 at 2:22

Not the answer you're looking for? Browse other questions tagged or ask your own question.