CS 546: Human-Computer Interaction

Course Resources

How we really use the Web (from "Don't Make Me Think"): what do people look for when they read online?
How Users Read on the Web (Jakob Nielson): concrete tips about how to improve readability/engagement
Voice And Tone: best practices for the writing in your app - how do you create a clear, appropriate voice?

Marvel: create desktop and mobile prototypes. Integrates with Sketch. Nice free plan.

Adobe Color: interactive web app to help you choose nice color schemes
Colour Lovers: a community of people who post and vote on color palettes
LOLColors: curated color palette inspiration
Fontpair: collection of fonts that go well together
Beautiful Web Type: showcases the most beautiful fonts from Google's free WebFonts collection
Subtle Patterns: a great collection of unobtrusive background patterns for a website
icons8: huge collection of icons
Noun Project: enormous collection of well-designed icons. Many are free (at least with attribution)
Flat Icon: sets of icons with visually consistent design
Sketch: Mac OS X app to help you draw new designs. Free trial or $50 student license
Pexels: high quality free stock photos that you can use
Frontify: rapidly create a style guide for your app
Unsplash: you can find high-resolution royalty-free photos here

Android Design Guide: design guidelines and patterns that are consistent with the android experience.
iOS Design Guide: design guidelines and patterns that are consistent with the iOS experience.
Apple Human Interface Guidelines
Articles on User Experience from NN/g