Home ∣ Design Process ∣ Fundamentals ∣ Guidelines ∣ Accessibility ∣ Methods ∣ Research Design Systems ∣ AI ∣ Software Dev ∣ Low-Code Dev ∣ Soft Skills ∣ Career ∣ Tools ∣ Links

The top 101 things to consider when designing visually beautiful interfaces

Use this to evaluate any of your designs whether it's homework from this course or your own projects. This UI Checklist is from a ShiftNudge workshop complied by MDS

Checklist

Start

  1. Do I have a very solid understanding of the human problem I'm solving with this interface?
  2. Is this a low, medium, or high complexity project and have I let that drive my decision for designing a low-fidelity version or not?
  3. If I'm using reference material, would I feel comfortable putting my design next to the reference and talking through the areas I used for inspiration, without giving the impression that I copied or create a very close derivative?
  4. Have I had the necessary conversations with stakeholders and/or developers about the goal of this project and it's ability to be implemented. In other words, am I aware of business and/or technological constraints?

Typography

  1. Have a chosen font sizes very deliberately (ideally 2-4 per screen or section) and pushed myself to use as few as possible?
  2. Am I sure there's not a single straggling font size lying around somewhere that could be matched up with another size?
  3. Are there any areas where font weight would be a better change instead of font size?
  4. Are there any areas where font case—whether UPPERCASE, Title Case, or Sentence case—would be more affective that a font size change?
  5. Does the visual hierarchy of my typography content match my intentions with what is the most important on the screen?
  6. Do my titles and body copy feel right together? Am I playing with type scale in a fun and dynamic way?