Prototype

Idea
a 1
This ideaa has a layouut that is fundamentally vvery similar tto Facebook without actually copyingg their 
layout oout right. Thee emphasis o provide a standard menu bar with all the main sitte 
overall is to p
functionnality mappeed out with b button links, and a side baar with addittional inform
mation like th
he user 
mage, the inbox and a friend list thatt can be expaanded. 
profile im

Personal Profile

profile page, users can baasically fill ou
On the p ut sections that are prettty self‐explan
natory, this p
page 
would be the main ppage so to sppeak. All the content wou uld serve as ttags that can
n be clicked o
on to 
search for other peo
ople who alsoo have that ttag. 

The layo
out here is simple, and w with people b ngs like Facebook, users should 
being so famiiliar with thin
be able tto navigate ttheir round ffairly easily w
without priorr use of Stud
dent Connectt. 

The Friend list on the left side, displays friends of the useer by their naame first, bu
ut then also d
displays 
their deggree course,, and then what things th hey have in ccommon to yyou in terms of universityy life 
such as lectures, gro
oups and eveents (just an example, thiis can be chaanged). 

 
Field Of Study

On this ppage, the use er’s course iss displayed u
under their n
name (which is actually o on every pagee you 
click on from the meenu bar), along with all th heir course m
modules. You u’d be able to see what lectures 
they havve, the notess that the useer can put up p themselves as well as ccourse notess from lecturrers and 
other students, take ussions, and see who is in that class aas well as wh
e part in discu hich are the user’s 
friends –– all these paages expand on this page e without takking the userr to another page (althou
ugh it 
could wo ork to have aa small pop u up in the pagge and not th
he browser – – something perhaps drivven by 
Javascrippt with Ajax??) 

You can also view modules that the user hass previously eenrolled in.

   
Accomo
odation

The userr on this pagge can set theeir accommo odation and ttheir actual ffull address; however the full 
address including rooom number can only be disclosed att the user’s d discretion to keep privacyy a 
paramou unt. Users caan click to seee who lives in the same halls of resid
dence as welll as their frieends 
who livee there. Theyy can also cho oose to give feedback an
nd rate the hhalls of resideence should they 
choose tto, again all llinks should ideally not take the userr away from tthe page if p possible. 

   
Events

The event page is deesigned to bee simple, witth events preesented as lisst items baseed on eventss that 
are upcooming for all students to see, ones th
hat the user has been invvited to, and ones that th hey are 
already planning to aattend. Userrs can RSVP tto events by clicking on ‘vview event ddetails’. Theyy can 
also see how many p people are attending as w well as any friends that aare too. 

   
Calenda
ar

Here is tthe proposed
d calendar page for this ddesign; the id
dea is to disp
play a simplee personal caalendar 
that runs from weekk to week so it is easier fo
or the user to organise thheir calendar on the web bsite, 
and to see what lecttures they haave in the current week aas well as any social even nts. They can
n also 
add notees about eacch day. 

   
Groupss and Comm
munities

This pagge operates vvery similar tto the eventss page, howeever users caan utilise a se
earch bar (w
which can 
actually be fitted forr every page if the need iis there) to find the socieety or group the user wisshes to 
join. Theey can see ad ormation on societies and groups theey’ve alreadyy joined as w
dditional info well as 
which frriends are a ppart of them, and can invvite friends tto join. 

The grouup pages woould allow forr discussion and should h have a design that allowss people to eeasily 
events, news and other p
find out about any e points of inteerests. This sh
hould be clarified should
d this 
prototyppe be deemeed the final cchoice.