Interactive Design, Lecture Notes

Introduction to Design Patterns

Design patterns are a principle which solves common design problems through conventions developed in terms of user interface and page composition. They should be employed in the right situation, not used merely because it’s the norm. How it is received is dependent on the problem and whether it is the correct resolution or not.

The basic design patterns include:

Continue reading

Standard
Classwork, Interactive Design

Wireframes & Mockups

Using the program Adobe Illustrator, creating wireframes and mockups are essential to develop which enables the designer to envision what the final outcome will roughly look like. By implementing the ‘Layers’ tool, it allows the product engineer to slowly build their interactive prototype. Through the use of guides, having these foundations are helpful in ways that are powerfully informative to the designer and their team.

Below is a continued example of ‘How to Make Toast’.

Continue reading

Standard