Purpose: Practice and apply the usability concepts to web user interface design

For this exercise, you will design user interface for the invitation system (interface only, no backend). You may work with a partner or alone. You should try to apply the usability concepts we have discussed in class to your interface design.

The invitation system is a small web application that allows users to submit their event information and allows other users to confirm whether they will attend the event.

Basically, the invitation system consists of two screens: data entry screen and viewing screen. You are required to complete one screen for this in-class exercise, i.e., you may choose to design either data entry or viewing screen. (Please feel free to design both screens if you prefer)

The first screen (data entry) must have a title and instructions; four text fields where a user can enter an event name, date, time, and location; a text box (multiple lines) where a user can provide a description of an event; and a submit button.

The second screen (viewing) will display a list of all events that have been submitted to the system; two mutually exclusive buttons for other users to confirm "attend" or "not attends." For each event, the screen will include a count of how many of each kind of confirmation has been provided.

You may design the user interface using any drawing tools, MS Word, MS PowerPoint, or Visio. You may design the interface using HTML. Please save it to a file as GIF, JPG, PNG, TIF, PDF, or HTML. No word processor or powerpoint files.

Note: this is an initial design. The image of your interface will eventually be transformed into HTML (please refer to Assignment 6). You may modify your interface the way you like. Get creative. Feel free to add additional elements you feel should be included and have fun!

Put your name and "SWE 432 - In-class exercise 3" on the screen. If you work with a partner, put both names on the screen. Please submit your in-class exercise by placing a link to it on your class website. Partners' websites should both link to the same web page.