Week Three Lecture

Screen Design Basics + Design Patterns for Screen


In this lecture pod, it was discussed that conventions developed in terms of user interface and conventions developed in terms of page composition go beyond and style and just visual repetition.

According to Christopher Alexander, “…Each pattern represents our current best guess as to what arrangement of the physical environment will work to solve the problem presented.” Screen Shot 2017-03-07 at 10.34.34 pm

It discussed the common patterns in web user interface and how they should not need to be changed as they are widely used and simply serve their purpose on the web. Screen Shot 2017-03-07 at 10.37.23 pm

It then delved deeper into these various patterns and styles by listing and explaining each type. These include:

Hamburger MenuScreen Shot 2017-03-07 at 10.38.57 pm

Account Registration Screen Shot 2017-03-07 at 10.44.34 pm

Card Layouts Screen Shot 2017-03-07 at 10.47.45 pm

and many such as long scroll, hero images, animation, material design, responsive and flat design.


Through this lecture pod I have learnt what the names of various features on interactive sites are called and how to identify them. These elements are often overlooked and I was intrigued that an abundance of careful planning and evaluating has been used to produce content that all users would interact with.

Week Three Lecture

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s