Day 85 - White Space

Five ways white space affects the user experience:

1. White space makes your content stand out.
2. White space helps the user focus on what's critical.
3. White space simplifies your designs.
4. White space makes your designs elegant.
5. White space allows for scannability.

Day 82 - Clean Visual Design Tips

1. Clean design reduces conscious effort on part of the user to find information.
2. Deciding relevance. Does user even care about your information?
3. Ability to scan an overview. Convey the main ideas.
4. Basic comprehension.  Use visual design to make it easier on user to understand the information.
5. Ability to easily find actionable details.

Day 35 - Device Breakpoints and Screen Size Detection

With so many new different computing devices on the market,  there are no common screen sizes. Breakpoints are the point at which your site's content or layout breaks on a device and needs to be adjusted for clarity and usability.

By adding breakpoints and screen detection rules about width and styling in the code (media queries in the CSS) your site's layout and typography can adapt legibly to multiple devices and screen sizes.

Test your web apps and sites on as many different devices as you can get your hands on. When the layout isn't working at a particular width and needs to be adjusted, define your own breakpoints in the CSS and adapt the layout.

Breakpoint rules of thumb:

• Typically change styling of your documents so that it's best suited for the user using their device.
• Always be concerned with readability and font sizes.
• When designing for "mobile first" think "content first". It's the content and your design flow that defines the breakpoint, not the pixel width of the most popular device.
• Make your designs adaptive so that they're future friendly as widths are growing and changing.
• Horizontal scrolling is a bad idea.
• It's not probable that you can cover all device types, but try and design usable solutions for your customer segments.