Team Alpha's

General idea ...
* User friendly - affordances!
* Clean, Not cluttered - white space is important!
* Efficient - get the info I need, and do what I do need to do!
* Easy Navigation - no unnecessary clicking and reloading
* Pretty - readable fonts, nice color scheme, etc

Easier login
* really busy login page
* 2 login buttons, why?

Easier login...
* login page should be presentable, straightforward

Connect:
Blackboard & BC Email
* one login to rule them all !!

Eliminate Websims
all the features that Websims currently has would be directly integrated into the Webportal

Easy Navigation:
• Better default tab names!
• More user tab customization!
• Instant information on each tab and each
option!
• Real time page display customization!
• Alert user before he/she is logged out!

Better tab names!
• Tab names should be intuitive
• User should not have to ask what options are available under each tab.
more intuitive tab names :
My Info | Student Transactions | Academic Tools |
Financial Tools | Campus Services | Events & Orgs.

User tab customization!
• Current portal allows user to add and remove tabs
• Should give the user the ability create fully customized tabs that are used most frequently
• Users will also be able to make one tab with all the options he/she needs.

User tab customization!

Instant information on each tab and option!
• If a user idles his mouse over a tab or option small yellow box will pop with text that tells the user what it is for.
• Even with better default tab names it is useful to be able to have more information on a tab or option instantly and hassle free.

Instant information on each tab and option!

Real time page display customization!
• User channels have been set up so that they can be removed, hidden, or enlarged. Currently these display options require the page to be refreshed.
• All display customizations should be real time and should not feel like a new page has been loaded and enlarging a channel should only be as if you are magnifying it's display, it should not remove all othe r channels from the screen.

Real time page display customization!

Alert user before being logged out!
• if users remain idle on the portal for too long they are automatically logged out.
• A message should pop alerting the user if he/she wishes to stay logged on. The message should have a counter before the user is automatically logged out.

Simpler Registration Form
• Display a registration tab on the top toolbar on the personal page.
• When a student selects the registration tab, a new page is displayed with registration options and details.
• The student will be able to view the current schedule, transcript, and grades; add or drop classes; and pay the bill.

Registration Menu
• Student is able to select the desired action from the menu.
• To begin registration, the first action is to select the term.

Registration Menu (cont.)
• Then after clicking "Register/Add/Drop
Classes," the Add/Drop form will be displayed.

Registration Menu (cont.)
• To search for courses, click on "Class Search", select the course subject from the drop-down menu, then in the Course Number box, enter the four-digit course number (e.g. 3140). (To see all open courses/sections in a subject area, select the subject only and leave the rest of the options blank.)

Registration Menu (cont.)
• After the search results are displayed, select the desired courses (by clicking the checkbox next to a course) and then click "Register/Add to Worksheet" button at the bottom.
• To finalize all the changes, click "Complete Your
Registration" link at the bottom of the page.

Academic calendar should be a sub menu and a huge part of the registration system. It will provide the following information to the student during and after registration:
• Upcoming Events
• Class schedule
• Important Academic dates ( conversion dates etc)

And this current college public calendar will include all features mentioned above that it might not already have.

• Visuals play an important supporting role to the Brooklyn
College portal site o
The portal site colors should coordinate with Brooklyn
College's official colors.
o o o
Images which coordinate with the site and associated with the college
Fonts that are easy to read and style appropriate
Attractive portal page layout which displays the content in a logical, uncluttered, simple manner

Design and Color Scheme ...
• Create a portal page color scheme according to Brooklyn
College's colors: burgundy , yellow, and white.
o o
Burgundy background for borders
White/gray/black text o o o
Neutral color foreground with red text for alerts & important messages
Light gray or light burgundy shades for tab/section dividers.
Light/Dark foreground for each separate section and the drop menu

Example:

Brooklyn College school Logo instead of....

Fonts and Languages
• Standard fonts making content legible to all
• Also a real-time translation menu that is accessible to the user to translate the page for students whose second language is English (possibly the top 3 languages amongst the student population)