The Guide to Business App Design
The handbook on designing complex business apps is for product designers at all career stages, from juniors learning the basics to seniors developing design systems and collaborating with developers.
Color
- Do different cultures perceive colors differently? How does this affect design decisions?
- How do I choose colors that create the intended emotional response?
- How do I choose colors that align with the app’s purpose and functionality?
- How do I choose the primary color for the app?
- How do I choose colors for multibrand apps?
- How do I choose system colors (e.g., success, warning, error colors)?
Spacing
- Why is spacing important?
- What are the definitions of baselines, keylines, containers, and other key terms?
- What are spacing best practices (8pt grid system, internal ≤ external rule, etc.)?
- How can I choose the right spacing system?
- How do I apply spacing best practices to different types of apps?
- Why is consistent spacing important?
Shadows
- What are the different types of shadows and when should each be used?
- Where are shadows most effectively used in design?
- How can I use shadows to enhance visual hierarchy in a design?
- Is it a good idea to use shadows on buttons?
- When should I use an outline effect instead of shadows?
- When should I use colors alone to create visual depth, without relying on shadows?
Microinteractions
- What are microinteractions and why are they important in design?
- What is the general structure of any microinteraction?
- Can microinteractions be a part of branding style?
- How do microinteractions impact design accessibility?
- How do microinteractions impact the loading and response time of a web application?
- What challenges can come up with microinteractions and how can I solve them?
Iconography
- What do icon metaphors and symbolism mean?
- How do different cultures perceive symbols in icons?
- How to ensure that icon designs are universal and easily understood by diverse user groups?
- What are the different types and styles of icons?
- How to use icon grids and keylines?
- When should I create my own icons from scratch?