Interactive Design, Lecture Notes

UI Design Patterns

UI design is not so much about how an interactive looks but rather focuses on implementing the correct tools in order for the user to successfully accomplish their goals. Because the fundamental principles are so simple, it is easy to forget the basics and stray away from UI design. A strong UI should reflect a balance of good aesthetics and an effortless interactivity which guides the user through their experience.

Continue reading

Standard
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

UI Flow Diagram

Utilising a UI flow diagram is another useful tool to visualise an interactive product. It maps out all the pages needed to be included as well as important details such as navigation buttons, titles, rough image placements etc. As mentioned before, for a designer, being able to analyse a structured diagram helps them notice what elements are missing.

Below is an example. (‘How To Make Toast’ cont.)

Continue reading

Standard