The Nine Principles Of Design Implementation

This is not a checklist. Instead, it is a set of broad guidelines meant to preserve an underlying value. It can be used as a guide for someone working on implementation or as a tool to evaluate an existing project. So, whether you’re reviewing code, auditing CSS or interviewing candidates for a role on your team, these principles should provide a structure that transcends specific techniques and results in a common approach to implementing design.

  1. Structured

    The document is written semantically and logically, with or without styles.

  2. Efficient

    The least amount of markup and assets are used to achieve the design.

  3. Standardized

    Rules for common values are stored and used liberally.

  4. Abstracted

    Base elements are separated from a specific context and form a core framework.

  5. Modular

    Common elements are logically broken into reusable parts.

  6. Configurable

    Customizations to base elements are available through optional parameters.

  7. Scalable

    The code is easily extended and anticipates enhancements in the future.

  8. Documented

    All elements are described for others to use and extend.

  9. Accurate

    The final output is an appropriate representation of the intended design.