GR2 - Designs
Scenario
Rob is a senior in college, and he’s out of class for the day looking for something fun to do. Sure, he has homework, but that comes later; for now he just wants to hang out and do something fun. Instead of texting all his friends and getting a jumble of messages back, he pulls up EventHub, where he can quickly see what’s going around him.
Before logging in, he’s presented with the browsing view of activities happening nearby. He immediately logs in and is returned to the original page. He tweaks the preferences in the sidebar: he only wants events happening in the next three hours within 1 mile, posted by his friends. The page redraws. An event for a chess game catches his eye: his friend Adam wants to play a game in 2.5 hours. Rob is in. He clicks the event and the details open in the page. Adam only wants to play with one person, and Rob is the first to see the event. Rob RSVPs on the page and the event is removed from everyone else’s listings.
Rob still has 2.5 hours to kill and feels like playing basketball so he creates an event of his own. He clicks the “create event” link at the top of the page. He enters all the revelant details (title; location; time; public, semi-private, or private) and tags it so people can find it: basketball, sports, pickup game. His event will now show up for anyone nearby; in the meantime, he heads home to change.
When Rob gets home, he decides to make himself a snack to fuel up for the basketball game, but this means pushing the game back half an hour. No worries, he just logs back on EventHub, navigates to the page of his events, and edits the event he just created, moving the time back half an hour. He saves the event changes and makes himself a peanut butter, nutella, and banana sandwich.
After his snack, Rob checks EventHub before heading out. His friends Jake and Amy have RSVPed to his event, so he knows he’ll definitely have people to play with. When he shows up to Dupont, two other guys he doesn’t know are there too. New pickup buddies, nice.
Designs
Design 1:
This is the homepage that all users see when they first come to the EventHub page. At the top of every page is a menu bar to navigating through options: homepage (logo), the user's events (attending and administering), the user's profile if he is logged in, their friends, and the option to create an event. Similarly, there is a link to login or register above the menubar, which is replaced with the user's name after login.
When an event is created, the creator tags it with descriptive words. For example, a pickup basketball game may be tagged with words like "basketball", "pickup game", and "sports". These tags are used for the dominating feature on the main page: the tag cloud. This shows the users all event types happening within the specified distance and time (as determined by the user's input in the sidebar). The user can also specify if they would like to see events posted publicly to all, just under the tags they have chosen to follow, or posted by their friends. This is also editable in the sidebar.
When a user clicks a tag in the cloud, events with that tag meeting the specifications are displayed below in a list with short details: location, time, poster, and other tags. The user can click the event to be taken to the main event page.
An event page is a full window page that contains all information about an event: title, poster, time, location, description, map, comments, and if logged in, an RSVP button, list of attendees, and comment entry box. This page is also headed by the standard menu bar.
The My Events page contains all future events the user can administer or to which the user has RSVPed. The sidebar on the left contains a list of all the user's events with short identifying details; the main box contains all event details. If the user is an administrator for the event, he can edit event details on this page.
If the user has not logged in, this page will be empty except for a login prompt.
A user's profile page contains their identifying information: picture, name, info blurb, and tags they are following. The user's own page is editable; other users' pages only display their information. The user can get to their own profile from the "Profile" tab in the menu bar. A user may see others' profiles by clicking their name from anywhere on the site.
An event creation page, accessible through the "Create an event" tab in the menubar, contains text boxes for all event information: title, location, time, tags, description, other administers, and comment enabling.