Prototyping a Visual Academic Transcript

In this paper we propose two visual academic transcript interface alternatives. Both have exactly the same features but with different layout design. While version (A) presents all of the required information in an overview page, version (B) adopts simplicity as a primary concern by minimizing the number of interface components. Both alternatives apply the main HCI design principles such as: Layout, Aesthetics, Information, Colors, Charts, and Metaphors. The paper also discusses the failure of basing the interface design on legacy processes and interface design, and concludes with the results of testing the two proposals on a sample of students.