The top 101 things to consider when designing visually beautiful interfaces. Use this to self-critique any of your designs whether it's homework from this course or your own projects.
⚠️ You can create your own copy of this list by clicking
Duplicate in the top right. Please don't share this list public, it's for Shift Nudge subscribers only. 🙏
- [ ] Do I have a very solid understanding of the human problem I'm solving with this interface?
- [ ] 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?
- [ ] 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 created a very close derivative?
- [ ] Have I had the necessary conversations with stakeholders and/or developers about the goal of this project and its ability to be implemented. In other words, am I aware of business and/or technological constraints?
- [ ] Have I chosen font sizes very deliberately (ideally 2-4 per screen or section) and pushed myself to use as few as possible?
- [ ] Am I sure there's not a single straggling font size lying around somewhere that could be matched up with another size?
- [ ] Are there any areas where font weight would be a better change instead of font size?
- [ ] Are there any areas where font case—whether UPPERCASE, Title Case, or Sentence case—would be more affective that a font size change?
- [ ] Does the visual hierarchy of my typography content match my intentions with what is the most important on the screen?
- [ ] Do my titles and body copy feel right together? Am I playing with type scale in a fun and dynamic way?
- [ ] Have I defined the usage of certain sizes and/or colors for my typography, whether in my own head or specifically written documentation?
- [ ] Are my typographic color choices extremely well defined, a specific color for links, actions, buttons versus read-only text, and is there anywhere that can be improved?
- [ ] If applicable, are there any areas where I could add more visual interest to my typography by adding any decorative or informational elements in the surrounding area?
- [ ] Have I intentionally chosen a specific typeface for specific reasons?
- [ ] If I haven't used system or open source fonts (SF Pro, Roboto, Inter, Helvetica, etc.) have I done due diligence on purchasing the appropriate font licensing and/or checked with stakeholders or developers if the font I've chosen is approved and/or can be used during development?
- [ ] Does the typeface I've chosen convey the right personality or feeling that I want to convey?
- [ ] Have I considered adding the ability for a user to choose their own type size based on their preference, and if not have a made sure that the most important content is no smaller than 16px?
- [ ] Have I used the box model concept while laying out out every element of my designs, or are there a few stragglers here and there that I haven't been intentional about?
- [ ] Have I used a clear grid structure with properly aligned elements that visually balance each other out? (12 column, etc.)
- [ ] Have I used an intentional implicit grid for all of the negative space surrounding the elements in my layout, especially to define intentional relationships with my content?
- [ ] Does my design have enough negative space?
- [ ] Are there elements in my design where the negative space could double to create a much nicer layout?