Class Syllabus

[Click here] to access the class syllabus at any time.

Figma Class Group

The Laws of UX

In the same way that there are visual design principles (outlined here, if you're interested), there are commonly accepted principles of UX Design as well. There are tons of great resources online that go over these laws, but this article covers them particularly well:

Suggested UI/UX Websites

As a designer, you will spend a sizable portion of your career intelligently searching the internet for research, resources, and inspiration. There are literally hundreds of excellent UI/UX resources available on the web today, which is one huge reason I am not requiring a textbook for this class. Some of our class time will no doubt be spent consulting with these resources. To help you along, I have collected a few great resources for you to look at. This list will keep growing, so keep an eye on it:

  • Pageflows
    • This website provides real-world walk-throughs of popular interactive products (apps, websites, etc), exploring different key user flows: e.g. onboarding, upgrading, downgrading, searching, etc.
  • CollectUI
    • Daily updated collection of user interface inspo
  • Typewolf
    • An excellent type combination tool
  • Coolors
    • My favorite super-fast color prototyping tool!
    • Adobe's own really powerful color palette tool. This one is essentially built into Adobe CC, but it's nice to have this as a separate web tool... 
  • UXArchive
    • Essentially a library of real-world user experience user flows.
  • Simform
    • A searchable collection of mobile UX design patterns that you can collect in a Pinterest-like way. 
    • Like Pinterest, but for desingners...
  • Dribbble
    • Basically Pinterest, but specifically for UI/UX designers. I prefer Pinterest because it includes inspiration from all kinds of places. However, there is something to be said for a design-focussed, searchable inspiration library like Dribbble. You should prolly go ahead and get yourself an account here in addition to Pinterest. 
  • TheGymnasium
    • Great resource with many free courses in UI/UX and general design.

What Materials do I need for this course?

As I noted above, this course doesn't require a textbook. However, there are some items – digital and physical – that you will need to succeed. These are listed below.

  • A Pinterest Account 
    • You may already have a Pinterest account. But if not, get one stat. You will be using Pinterest to collect UI/UX inspo throughout much of the semester. I use it constantly to collect all sorts of design references. 
  • A Figma Account
    • Figma is an online and (mostly) free wireframing and prototyping tool. It is free for students and educators (i.e. us!) and allows us to collaborate in real-time on projects. You should create your account today, but you'll need to get verified as a student to really make the most use out of it. Once you do this, I will add you to the design team.
  • UI/UX Sketchbook
    • If you're an art major, chances are that you have a sketchbook or two lying around. Those will likely be fine for this class. However, as we'll be drawing interfaces and screens, we will be requiring very specific sketching styles. To help us with this, I would suggest getting the following UI/UX-specific sketchbook:

      This sketchbook contains templates for generic mobile devices that will help keep us within the format of a screen. 

  • UI Stencils
    • These aren't absolutely necessary, but imagine how easy they will your life when you are busy sketching a bunch of screens? I think they're totally worth it and would recommend getting them. Besides, they're fun!