A Beginner’s Guide to Wire–framing
A Tuts+ tutorial
http://webdesign.tutsplus.com/articles/a-beginners-guide-to-wireframing–webdesign-7399
A Tuts+ tutorial
http://webdesign.tutsplus.com/articles/a-beginners-guide-to-wireframing–webdesign-7399
Class Files are located here: Click Me
Sadly, now that Steve Jobs is gone, there is no single, omnipotent critic capable of unilaterally determining how good or bad a design is. Of course, some people (i.e., design faculty, Pritzker Prize winners) are more informed or knowledgeable than others, but design is a complex endeavor, resistant to simple metrics or measures. Therefore, in design education, instructors rely heavily on a subjective form of review known as “critique.” There are many ways to critique and be critiqued, and learning how to give and receive feedback is an essential skill that extends beyond design education. Here, a few thoughts for students and their critics—and critics and the critiqued at large.
This is an article from 2009. While the article itself refers to these as UI (User Interface) design patterns most of them are more related to UX (User Experience) Design.
Design patterns were first described in the 1960s by Christopher Alexander, an architect who noticed that many things in our lives happen according to patterns. He adapted his observations to his work and published many findings on the topic. Since then, design patterns have found their place in many areas of our lives, and can be found in the design and development of user interfaces as well.
http://www.smashingmagazine.com/2009/06/10-ui-design-patterns-you-should-be-paying-attention-to/
It happens to everyone at some point: You look back on a website design and realize that you made a mistake. And we’re not talking about a misplaced comma. You see a full-scale can’t-believe-you-did-that kind of design faux paus. While you can’t go back in time, you can make corrections so your design is flawless moving forward.
http://thenextweb.com/dd/2015/08/26/6-web-design-mistakes-and-how-to-correct-them/
Understanding Web Layout Paradigms
Fixed Width | Liquid Layout | Adaptive Layout | Responsive Layout
Presentation Link
http://prezi.com/byw_aac8mjsn/?utm_campaign=share&utm_medium=copy&rc=ex0share
This is an article from 2013 on the differences between Adaptive and Responsive Website Design.