Throughout Lecture Pod 3: Design Patterns, it states the different types of basic design patterns for screen and how and where they are used within a website plus what each of them mean. In terms of the conventions that have developed; user interface and page composition. According to Christopher Alexander, he refers to it as design patterns in interactive design go above and beyond style plus visual repetition. Having similar and reusable solutions that have a working function often seen in screen design. Whilst User Interface Design Pattern Library states that, design patterns can be defined a recurring solution that solve common design problem.

Using responsive design has some side effects, due to other sites being similar also the increase of WordPress sites and themes provided. Because of the way the we’ve altered and consumed the web, resulting a large of common user interface design patterns and therefore have little way for innovation for user interface patterns.  Some patterns used within a website are; the hamburger menu, account registration, long scroll card, layouts, hero images, animation, material design, responsive design and flat design. As for animation, that includes; loading animations, navigation and menus (non scrolling), animation, hover animations, gallery and slideshow animation, motion animations scrolling and background animations/videos



Therefore, from this lecture I absorbed the patterns mentioned within symbolising its various uses however, not all of them should be used and therefore, should be only incorporated to suit your website. Also, the context within should enable the audience to understand what your project is about and whether or not the audience is satisfied with the design.




Leave a Reply

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

You are commenting using your 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