Initial Interface Design

The group got together and discussed how each interface design would look. The team established that there are three main interfaces the teachers, the students and the publics. The teacher will be able to control the other two interfaces and approve students comments from their interface. Below are some of the whiteboard designs.

Rough Wireframe Design

After the interfaces were established, a series of rough wireframes were created based on initial designs.

Rough Wireframes

Wireframes A

Wireframe B

Secondary Wireframes

Teacher's View

The rough wireframes established the general layout of the webpage, and A/B testing provided insight into the aesthetics and functional aspects necessary to create a prototype that the group could develop a user testing plan around.

General Page

Subject Page

Create a Subject

New Subject Tab