Project: Iterative Interface Design (25%)

Overview.  In this project, you will gain further hands-on experience applying concepts learnt in class, as well as experience designing and developing medium and high fidelity prototypes. You will also learn how to program using a graphical user interface toolkit, and how to do a heuristic evaluation. Your design can either continue the interface you prototyped in Assignment 1, or you can develop a new design (make sure you clear this with the course instructor first).

A note on organization. You must hand in the entire portfolio when requested, including your Assignment 1 work, as this will show me how your work has progressed. As before, keep your project in a 3-ring binder, beginning with an assignment grading sheet. Major sections should be indicated by index tabs.

What you have to do

• Redesign your existing interface from Assignment 1. To do this, you should review your Assignment 1 prototypes and walkthrough results. You should also apply the design knowledge you are gaining in class to your design. You may want to develop a few more paper prototypes here and do further walkthroughs to check your ideas out. This part is up to you. 
• Implement your design as a medium fidelity horizontal prototype. Using Visual Basic, implement your primary screen(s). Most of this will involve widget selection and placement, although you may have to do some more sophisticated coding if your interface has esoteric components (e.g., ActiveX controls).
• Presentation, in lab: You will present and discuss these snapshots in lab.
• Deliverable: Hand in your portfolio. It should contain
  • a two page redesign rationale that describes your main reasons behind the changes made to your system since Assignment 1.
  • illustrations of your screens (remember it's a horizontal prototype so it must show screen captures of your whole system).  If you are doing screen captures  in the PC labs then you can use either SnagIt (recommended) or a simple PrintScreen. 

• Redesign your interface. To do this, you should evaluate your interface, selecting from the evaluation techniques you now know e.g., walkthrough, usability study, heuristic evaluation, and from applying the interface design techniques described in class (representations, information visualization, etc.)
• Implement a substantial part of the vertical functionality of your interface. 'Substantial part' means that examples of the more interesting features (screens, error messages, handling of unexpected input, defaults, robustness, ...) should be demonstrable. (You may program in 'stubs' for sub-tasks you are not implementing at this time (e.g., certain actions may return some kind of 'Under development' message).
• Perform a heuristic evaluation of your final interface.
• Deliverables, in portfolio: Your final portfolio should contain:
  • Illustrations of your final implementation, using new screen snapshots,
  • The results of the heuristic evaluation:
    • List the problems detected, categorized by heuristics. Include a severity rating of the problems noted
    • Summarize the main findings of your heuristic evaluation
  • Final design rationale and discussion (two - three pages) of the state of your design. Discuss the quality of your system design. What parts of the design works well and what still needs improvement? Do you really believe that the system would work well for your identified users and tasks?
• You must email me (or provide a disk):
  • a zip file containing your project. This must include a README file containing your full names, your group number, and any special instructions for using the system (e.g., login names / passwords / things to input as data if its part of the interface - don't neglect this step.  I can only mark projects that I can actually run!). Everything must run from the installation directory (Hint: use App.Path)¹
• Demonstration. You will demonstrate your running system to the instructor at the end of the term. A timetable will be posted and you can book demonstration slots. We will also use this time to explore each student's involvement and knowledge concerning what has been done.

Grading. Grades are based on the quality, sophistication and creative elements of the evolving design and its implementation, and the professional nature of the written submissions. Remember that you are implementing both a horizontal and vertical high fidelity prototype --- the balance between the two depends on your design . It should contain enough 'meat' to show what it would be like to interact with the real thing. Grades are not based on the complexity of underlying application code (hidden back-end code that I talked about at the beginning of the term) that have little to do with the interface (the front-end gui code).

You are emphatically cautioned against biting off more than you can chew! A modest carefully implemented project often scores much higher than an ambitious project that is not well done. Start immediately! The best groups start early, plan activities, divide the work logically, and communicate well.

   ^{1 This means that you should stop coding at this point - this is why you need to provide me with a copy of your code.  Note however that it is still the responsibility of each group to have their project running for the demo.  With so many demos to watch I won't have time to do this for you.}