• Mobile first is a new term used in the design sector. Designing for the smaller phone is more effective rather than downgrading from a larger screen.

  • Increase in wordpress blog type websites + theme market have resulted in a common similarity (pattern) in the design of basic websites. User interface patterns are utilized to ensure a smooth interaction for the user.

“… each pattern represents our current best guess as to what arrangement of the physical environment will work to solve the problem presented”

Christopher alexander et al., a pattern language, P. 15

PATTERNS ARE JUST PATTERNS, THEY MAY SOLVE A DESIGN PROBLEM, THEY MAY NOT. DO NOT TAKE AS THEM AS THE ONLY FORM OF DESIGN SOLUTIONS

The hamburger button is used to save space on the screen. Once clicked, it will drop down a menu bar to navigate to other various areas of the site.
Something simple to ensure a smooth and flowing user experience by producing all the information in concise and easy to understand steps.
One long vertical or horizontal (normally vertical) scroll that takes the user through a story as the progress through the scroll.
Movable single spaced subject matter that can be identified as “cards”.
Simple photo that catches the attention of the user to highlight the theme or subject matter of the site.
Loading animations must match your sites personality and aesthetic. Don’t just place them for no reason.
To create clean design that focuses on User Experience
Become incredibly popular thanks to mobile and internet usage. It’s a simple function that allows users to build a fully working website that adapts to the devices screen.
Flat design is clean, minimalist and the easiest for UI.

I believe the most important part of the lecture pod was identifying the importance of responsive design and its usefulness in order to create adaptive content for all devices.

Leave a comment