FIU Events Calendar – Wireframes Exposed
These images are the first wireframes of the FIU Events calendar.
In depth look on some of the design decisions:
One of the WebComm team objectives is to acquire the readers’ perspectives in reference to how they, as users of the website, will want to get or receive much-needed information easily and quickly.
With some research on elements like calendar interfaces, usability concepts for calendars, we wanted to give the design a clean look to convey an attitude of a spacious room a reader can work with. The result would be that the readers are comfortable finding what exactly they are looking for. Furthermore, the interface needs to work in accordance to readers’ habits since the reader’s accessibility is top priority.
For some of the layout decisions, it is no surprise that ‘which calendar to look at’ (left side) and the search box (right side) is on top of our list. In addition, we want to let the reader know where they are located, what day it is, and which calendar there are currently viewing.
Finally, as you see some of different views (today’s events, month, and year), we are placing the right functionality for the right view. For example, if you are in the month view, you will not need to look a mini calendar or want to create a new event for the month, so the calendar is not displayed. These are the little things that make the experience just a tad better and more user friendly.
FIU Web Communications is a full service web team that provides support and consulting for departments at FIU. If you need help in implementing any of your web needs, please contact us.
If you enjoyed this post, please consider leaving a comment or subscribing via rss feed or email to have future articles delivered to you.





Cool. can’t wait.
Was this full custom design or part open source? Either way it looks great.
front end: in house using the grid.
The backend is in house too. We used cakephp to develop it.