Week 4
Due Today
Using Sketch For Responsive Web Design
Flexbox Froggy
Sketch - Desktop Design
In Class
How to create a responsive layout using Grid
Responsive Layout exercise with a responsive Web App
We’ll work together in class to build out more of the Brio example responsive web app layout in HTML & CSS.
In Class
How to incorporate the Human Interface Guidelines to your design
We’ll focus on Apple’s Human Interface Guidelines for iOS (phones and tablets) for now, with an emphasis on the navigation models in iOS.
How to incorporate the Material Design system to your design
We’ll focus on how Google’s Material Design system works on Android devices (primarily phones) and explore the primary navigation model.
Career Services
LinkedIn & CV Talk
Due Today
5-Second Usability Test
How to test visual design
First Impressions Matter: How Designers Can Support Automatic Cognitive Processing
Restaurant Menu Redesign
In Class
How to use Inspiration and Aspiration to help you grow as a designer
In this lesson, we will explore a few different topics in order to stretch your UI skills.
How to test the desirability of a design
We’ll try out a couple of card sorting techniques to help us more objectively gauge the desirability and aesthetic appeal of our designs.
How to use colors and exploration to create high fidelity prototypes
Exploration is key to creating beautiful user interfaces. We don’t see design in our mind, we perceive it with our eyes, and interact with it with our hands. Until a possibility is down on paper or screen, it’s not a possibility you’ve considered. Give yourself as many possibilities to choose from as you can.