Event Page is Ugly

[Nathan Handler]

Events pages (i.e. http://loco.ubuntu.com/events/team/263/detail/) are rather ugly. Some specific issues that should probably get fixed are:

1) Text extends out past the edges of the boxes
2) It is cluttered
3) The location information and event comments should probably be below the registered attendees
4) "This event is part of:" looks very strange when wrapped.

[Chris Johnston (cjohnston)]

Here is a quick mock up of how I would make the page.. There are still some changes I would like to make to my mock-up, but I want to see if I am going in the right direction before putting more work into it.

* I would make the venue name ("Where") a link to the venues page for more info
* I would reduce the size of the registered attendees area smaller, giving more room for the actual event information to be wider
 * This would remove the need for wrapping the "titles" ("This event is part of")
* I would make the comments area wider to stretch across most of the usable area

Comments please?

[Chris Johnston (cjohnston)]

Here is another mock up..

[YoBoY (yoboy-leguesh)]

I agree this presentation should be improved.

The point 4 is the same as what i reported on the bug https://bugs.launchpad.net/loco-directory/+bug/601944

I like the proposition putting the attendees on the left, and a link to see more information on the venue (could open the venue page or a popup).

We should also put the comments on the bottom. If the people love to comment, we can have have a lot of them. Perhaps if we can also have the user logo to put in front of the comment, that would be awesome.

One other point, the URLs. We have to shorten them, or put icons where we can like for the "announce" url, or the venue url. In the comments, if we are lucky, the url point to media files, that would be great if we could detect them and put a real link. perhaps a bb code like, or wiki code like...

[James Tatum (jtatum)]

The take2 mock-up is a vast improvement. My only suggestion relating to the layout specifically is moving the description to right under the event name.

[YoBoY (yoboy-leguesh)]

Sorry, you should read :
I like the proposition putting the attendees on the RIGHT, and a link to see more information on the venue (could open the venue page or a popup).

[Rory McCann (rorymcc)]

Some thoughts:

 * The link for adding a comment should be in the 'comment section'. Right now it's at the top of the page. When reading the comments, the user might want to reply to someone or add a new comment. Their eyes and focus are on that page of the page. Adding a 'add new comment' to the bottom is keeping with the flow of the page, and it's where the user will look for it. Launchpad does this, the 'add comment' box is right underneath all the comments.

 * For the same reasons, the 'register for this event' should be in the 'registered attendees' section.

 * The latitude and longitude are specified with + and -. They should use N/S, or E/W, since this is what the average user expects of latitude and longitude. The average user is not sure which is + is which is -

 * The latitude and longitude has a high number of decimal places. I doubt one requires to locate something to that level of precision. What is the purpose of having the exact latitude and longitude (as opposed to a map link)? If you are expecting people to type things into their GPS / map system, then you are making more work for them by having a lot of decimal places.

 * "Event Comments" text is too long. It's should be sufficent to say "Comments". It's obvious that the comments refer to the events

 * "Location information" is too precise and formal a term, it is also too long. "Where?" or "Location" should suffice.

 * The subtitles "Location Information", "Registered Attendees" and "Event Comments" are of the same style as the title of the event ("Ubuntu Chicago Global Jam"). They should appear smaller and less important that main title, since they are subheadings of that event

 * "Organising Team(s)" - You don't need to have a (s) on the end. If there is one team, just put the text "Team", if there are >1 then put in "Teams".

 * Probable UTC bug - The timezone is shown in UTC. This means the chicgoeans will be starting at 7am (local time) and ending at 12noon (local time) (Source: http://www.timeanddate.com/worldclock/meetingtime.html?day=29&month=8&year=2010&p1=0&p2=64&p3=-1&p4=-1 ). This is covered in https://bugs.launchpad.net/loco-directory/+bug/610416

[Rory McCann (rorymcc)]

I have created a branch for the things that I have reported https://code.launchpad.net/~rorymcc/loco-directory/lp-616544

[Seung Soo, Ha (sungsuha-deactivatedaccount)]

I confirm that
http://loco.ubuntu.com/events/team/263/detail/
looks wrong.

I like both take 1 and take 2.

I think take 1 might be better, but I'm concerned that when either 'registered attendees' or 'event comments' hold to many items the layout may become unbalanced/broken. Have you tested that?

[Daniel Holbach (dholbach)]

Can we try to break this up into multiple bugs? This is really hard to fix otherwise.

[Chris Johnston (cjohnston)]

Here is taking in some more thoughts from comments.