The line break issue is planned to be fixed in the next release. Regarding the design, I appreciate the effort. It uses more space than the current design, however I do like the time display you have. I can do without the start and end text.

A very nice idea and good to have a mock-up

I would like to add some parts:

1. event-adress / location should be a part of the header too
2. event-information should be limited to 2-3 lines and with a "read more" button at the end

Justin,

I like your mockup of the Events.

Perhaps you could put a comparison image to show the current layout of Events and your proposed layout of Events. A side by side gives people a better understanding of your suggested improvements.

Randall

Thanks for the heads up on this Justin

Agreed with the confusion for users of details being tucked away.... so I like the combination of details and timeline on one view.... For the time being I had decided to actually not have many 'details' and get event creators post everything in the timeline! I can't rely on my users to look for, find and click the small 'Details' link after they've already clicked on the event.

Forgot to agree with the OP that details should show on the timeline. On the profile separation makes sense, but on an event people want the details right away because it's something they "are looking into".

@ Josh & Randall - Thanks

@ Manuel - I've attached an update to include location, website and seats left. Good point - a read more would be great if there's a lot of info.

@ Mark - You're very welcome!

@ Randall - I've attached a comparison.

Mock-up with read more and Google map (attached)

@Justin particularly as not every users will be too "technically inclined" I appreciate these ideas but also generally easier to spot details. Events has recently changed for Facebook.

I gave this subject a lot of thought, I've come up with a few designs. Here is what it looks like now:



Here is my vision of events:



If we wanted to break away from the facebook like layout we could also try:



Benefits/Additions:

• Works great on both big and small screens.
  


• Less Big Blocks .
  


• Content is very organized. This allows it to work better on more screen sizes.
  


• Listing the name, then the location, followed by the time makes a lot of sense in my opinion. I had my brother review this and he totally agreed.
  


• Simplified Date: "September 18th, 2014 @ 6 PM - 8 PM" looks really clean and is very accurate. Most events take place on a single day. Those that go on for more days can display like "September 18-20th, 2014 Starting @ 6 PM and Ending @ 8 PM" which is also very accurate and quite clean.
  


• Finally I added the not as important details on the left side.
  

Also note that my design uses less space and is done in such a way that feels less overwhelming to the user. The time simplification was inspired by the OP, the subject had been on my mind for a while now. Let me know what you folks think.

Very cool Josh!

I'd love the option of having a check box during event creation that toggles the end date option in case the user wants to leave it out. That would simplify the amount of information being displayed even more so.

Thanks Justin. To make it even simpler it makes even more sense to have the end date "blank" by default and non required. Then if the user wants to assign an end date, clicking the calendar would instantly put them on the current date (or the starting date) and they can set it accordingly. The user has to do this pretty much no matter what, so it's no extra work for the user on site's require an end date. Allowing the admin to decide if an end date is require should also be added, some sites favor this setup.

Good point Josh. I know with Ohanah and facebook, a check box labelled "add end date" is used to keep the form clean and simple. If I remember, it was a debated topic early on in Ohanah's development. But all that being said, with ES Events being so young, I'm loving the direction it's taking!

I could go either way with that. I slightly lean more on the version I proposed.

I was finally able to port the code changes over from firebug to a html document so that you can see the "real" mockup as seen here:
http://www.test.alpineascent.com/event.html

This will allow me to add on to it, take in suggestions, ect. Tested with FireFox, Chrome, and IE.

Nice, it looks like you guys have some creative sense there! Well done

@Josh What I´am missing at your designs is the description of the event or better a short preview with 2 or 3 lines and a read more button. That would be nice to have

+ 1 for details should show on the timeline.

We'll be updating the layouts on 1.4

Mark wrote:
We'll be updating the layouts on 1.4

thx Mark

Hi,

Thanks guys for sharing this.