UMDEventsBasalmiqMockup

The inital start page that a new or veteran user comes to when they type umdevents.com

The page that users are taken to when they click a infowindow on the map for more information.



The organization page that comes up after a user searches for an organization in the organization search box. Else an alert tells the user that the organization does not exist.

During the evaluation phase we spent a majority of the time discussing what users want from our site, what tasks can we simplify for the user, and how can we make a page that is appealing to veterans and rookies alike. We also discussed the design principles that were brought up in the text book. When discussing what we wanted the users to first see when they come to our page we decided that we want the user to see exactly what they came for. That is why we decided to put the ability to post an event directly on the homepage. So that people can get in and get out in seconds, making it highly visible. In addition to this we also included a list of the upcoming events so that a user can quickly see any UMD events occurring within seconds of reaching the site. We placed the map there to provide more visibility of the event locations and to introduce info windows that contain the events. We went with a minimal design interface for our entire site. No ambiguous photos or boxes. Based on our conversations with end users there was a split decision on this design choice.

On the full event page for each event we added more description of the event and venue. We also include a few pictures. Another option we added was the ability for students to reserve their tickets for games directly from our site. While a bit out of scope it is an idea that was brought to our attention by one of our end-users and we liked it. Another idea that end-users provided us was to allow organizations to have personal pages and to be searchable. We believe that the easy of posting events will be attractive to infrequent users. While the addition of a dedicated organization page will be attractive to frequent users. As one can see our final mock-up was a combination of our previous paper prototypes and that the low-fi prototyping process really helped us to organize our idea and get a user interface that was attractive to us as well as our user base.