Skip to content

Interface design

READ

The amount of time available for creating you interface designs may be limited. As a minimum requirement you will create WIREFRAMES These are the most simplistic of the design diagrams that can be created.

Focusing on wireframes, particularly under time constraints, offers significant value by:

  • Prioritizing Functionality over Aesthetics: Wireframes force students to concentrate on the core layout, information hierarchy, and user flow, rather than getting bogged down by colors, fonts, or images. This ensures the fundamental structure and usability are sound before visual design elements are considered.

  • Rapid Iteration and Feedback: They are quick to create and easy to modify, enabling students to rapidly experiment with different layouts and receive early feedback. This iterative process helps catch usability issues or logical flaws early in the design phase, when changes are cheapest and easiest to implement.

  • Clear Communication of Structure: Wireframes provide a simple, unambiguous way to communicate the intended structure and content placement of web pages to peers, instructors, or even simulated clients. This avoids misinterpretations that can arise from purely verbal descriptions.

  • Setting the Foundation for Later Stages: A well-defined wireframe serves as a solid blueprint for subsequent design stages (e.g., mockups, prototypes) and even development. It ensures that the basic framework is robust before adding more detailed visual design.