Design
Describe the final design of your interface. Illustrate with screenshots. Point out important design decisions and discuss the design alternatives that you considered. Particularly, discuss design decisions that were motivated by the three evaluations you did (paper prototyping, heuristic evaluation, and user testing).
Login and Account Creation
...
The iterative design process greatly influenced and helped improve our project design. In particular, the paper prototyping stage guided us to the conclusion that the best design for our user interface would be one that had very few pages. Because both the vocabulary manipulation and the sentence viewing interfaces displayed simultaneously, because users showed confusion and dislike to our initial prototypes involving multiple pop-ups and page transferstabs.
After we implemented the computer prototype, our basic design layout stayed the same for the most part. Although, we did discuss alternatives that we ultimately discarded upon realizing that the ideas would clutter the screen or be inconsistent. For example, we discussed using a tree view to display words in the word look-up in the left side bar, but decided that tree views were mostly associated with outlining information rather than displaying information. Looking back, we realize that we should have paid more attention to and experimented more with the wording used in the interface. The problem was apparent from paper prototyping, but we had thought the problem was sufficiently addressed in computer prototyping. However, the problem surfaced again in later stages due to insufficient tests.
...