DESIGN RULES: Principles + Practices for Great UI Design

Learn to design powerful user interfaces for apps, sites and systems

Created by: Joe Natoli
30-year UX + Design Veteran; Consultant, Author & Speaker

What Will I Learn?

• Learn to create useful, usable and visually compelling UI design for any kind of app, site or system.
• Learn how to properly balance form and function
• Learn the critical rules for designing on small screens and mobile devices
• Learn how to effectively organize and economize visual information
• Learn how to apply the principle of Balance to create visual order
• Learn how to apply the principle of Rhythm to establish and reinforce comprehension
• Learn how to apply the principle of Harmony to shape disparate UI elements into a unified, consistent experience
• Learn how to apply the principle of Dominance to direct user focus and enhance UX
• Learn how to apply the principle of Alignment to lead the user's eye and speed task completion
• Learn how to apply the principle of Proximity to signal relationships between screen elements and decrease users' cognitive effort
• Learn to communicate with color, typography and imagery in the UI
• Learn how color communicates and influences interaction
• Learn how to choose the right colors for any UI design
• Learn how to apply contrast properly to guide users and call attention to critical UI elements and interactions
• Learn how to determine whether or not color and contrast are appropriate
• Learn and apply the fundamentals of typography as a design element
• Learn how to choose the right fonts and design appropriately with them
• Learn and apply 7 crucial rules for great typographic design
• Learn and apply 5 rules for choosing the right imagery
• Learn and apply a core set of DOs and DON'Ts when designing with images
• Learn how to create and simplify visual cues that direct user focus and interaction
• Learn the 3 kinds of data visualizations used in UI design and when they're appropriate
• Learn how the context of the data presented determines its visual form
• Learn and apply 6 rules for great data design
• Learn how to simplify visual information to clarify meaning and improve UX
• Learn how to visually separate content from controls to make interactions easier for users to understand and act on
• Walk away with a set of "18 UI Design Mantras" that you can apply to anything and everything you ever design!

Requirements

• No prior knowledge required; general familiarity with User Interface (UI) Design is helpful, though.

Target audience

• UI and Web Designers, Print Designers, Web and App Developers and anyone looking to take their UI work to the next level!