Better by Design

Share this post

The Creative MBA #1

www.betterbydesign.cc

Discover more from Better by Design

Weekly lessons from the trenches of software design. Pragmatic strategies and tactics to thrive as a tech creative.
Over 3,000 subscribers
Continue reading
Sign in

The Creative MBA #1

Kickstart the growth of your design toolkit in 2023.

Patrick Morgan
Jan 2, 2023
10
Share this post

The Creative MBA #1

www.betterbydesign.cc
2
Share

“Design is not a thing you do. It’s a way of life.”

Alan Fletcher

Intro

Hello designers! As mentioned in last week’s 2022 newsletter wrap-up, today I’m introducing a third format to Better by Design. It’s based on an insight from Atomic Habits author James Clear:

If you get one percent better each day for one year, you’ll end up thirty-seven times better by the time you’re done.

While the digest will be delivered weekly, each edition will function like a daily devotional for your design toolkit. The content will cast a wide net over concepts that have shaped my approach to design and life as a creative person: from design and technology to psychology and philosophy to business and art. It’s a curiosity-based curriculum that I’ve used to educate myself over the last decade, making it one part “everything I know” mixed with one part “everything I’m learning right now”.

Because the Better by Design community is represented by many fields and experience levels, I suggest you approach the Digest a bit differently based on your background:

  • For seasoned designers

    • The Digest will be a useful tool for spaced repetition: periodic reminders of useful concepts to help engrain what you’ve learned. While you likely have some familiarity with most of what I’ll share, I hope to pique your curiosity in some areas where you’ve perhaps spent less time and help guide your continued growth.

  • For less seasoned designers

    • Modern product design is a vast discipline. It’s impossible to be an expert in everything, but it’s important to get familiar with as much as possible. I hope the Digest introduces you to concepts that help build a more well-rounded skill set and serve as a jumping-off point to discovering the parts of design where you really want to dig deep!

  • For non-professional designers who still want to make nice things

    • The Digest will give you ample opportunity to discover concepts to clarify your creative thinking and improve your ability to bring ideas to life. My goal is to help you build a foundation of creative principles that will enable you to better express your ideas regardless of whether or not a designer is present.

Outside of using the digest as a solo tool for self-improvement, I’d also suggest sharing concepts that catch your eye with your colleagues, classmates, or collaborators. Building a shared vocabulary goes a long way toward making better creative spaces and the best insights often come from discussion and being able to compare others’ experiences with your own in a given area. An easy start would be to simply leave a comment on this post to open the conversation with me and the hundreds of other smart creatives who subscribe to Better by Design.

Finally, one quick operational note: while you’ll receive all formats of Better by Design by default, you can now toggle off individual sections in your subscription settings if one of them isn’t your cup of tea. Of course, I hope you get value from all of them, but I also want to respect your inbox and preferences.

Here’s to a 2023 full of creative growth!

Happy new year,

Pat


Monday – Social & Behavioral Science

Spaced Repetition

Spaced repetition is an evidence-based learning technique that involves increasing the intervals of time between reviewing previously learned material in order to increase retention and recall.

It’s based on the idea that our brains are more likely to remember and retain information that we review multiple times over a period of time, rather than trying to cram all of the material at once without revisiting it.

Consider leaning into the spaced repetition delivered by this digest to help you regularly review and reinforce your own knowledge. I believe this approach will help you better incorporate the principles you learn into your work and set you up to create higher-quality products as a result.


Tuesday – Design Principles

Dieter Rams’ 10th Principle of Good Design

Good design is as little design as possible

Less, but better – because it concentrates on the essential aspects, and the products are not burdened with non-essentials. Back to purity, back to simplicity.

I love the last of Dieter Rams' ten principles because to me it expresses something universal about craftsmanship: as you become more skilled and more seasoned you improve the economy of your efforts to achieve outstanding results.

Despite the complexity at hand, you're able to focus on the essentials.

Whether you're a software engineer who has learned to reduce your algorithm to its essence, a product manager who has learned to see through market trends to the key insights or a designer who has learned to employ only the most necessary methods to solve the problem at hand, the development of your craft is the same: less distraction, less waste, more intention, more impact.


Wednesday – Strategy

The Single Most Important Thing (SMIT)

Most people spend a lot of time debating what they should do.

But counterintuitively, defining strategy is more about what you don't do.

It's what's left after you intentionally rule out the other 99%.

In my time crafting ad campaigns at Leo Burnett, I learned to be militant about defining what we called the SMIT: the Single Most Important Thing a consumer should remember after seeing our ad.

We were militant about defining it because trying to communicate more would water down our message and increase the odds our intended audience would either remember nothing or, worse yet, remember the wrong thing.

No matter how much context we placed around it, the SMIT was the strategy.

While we applied this practice to designing advertising, you can apply it to designing just about anything.

  • Creating a brand?

    • What's the single most important thing you want someone to feel when encountering it?

  • Designing a product feature?

    • What's the single most important thing your customer needs to accomplish when using it?

  • Giving a presentation?

    • What's the single most important thing your audience should take away after hearing it?


Thursday – Execution

Primitives -> Components -> Patterns

Pretty much every good UI library for digital products puts some of its content into these three buckets. They aren't the whole design system, but they form the core.

  • Primitives are the most foundational, shared design values.

    • They’re the core of your visual design toolkit and are sometimes also referred to as "Foundations" or "Theme".

    • Examples: spacing values, type styles, color styles, and effects.

  • Components are the catch-all for every UI element.

    • They start with simple, low-level elements (that often map directly to official HTML elements) and become progressively more complex as they are composed together to make more specific, larger elements.

    • Examples: buttons, inputs, dialogs, etc...

  • Patterns are compositions of components put together to resolve common problems.

    • They are standards your team has aligned on in the context of your product (often reflecting industry standards, but not always). The key distinguishing factor between a Pattern and a Component is that a pattern is not enforced with code (aka. it is not programmed into an individual component).

    • Examples: Form structures, page layouts, messaging...


Friday – Technology

HTML Content Categories

HTML categorizes most of its elements into high-level groups called Content Categories that represent shared characteristics.

While not a silver bullet, leaning into these groups and sub-groups can help you drive alignment on the basic elements you need to cover in your UI system and also consider how you might treat similar elements.

  • Metadata content

    • Modify the presentation or behavior of the rest of the document (<link>, <meta>, <style>, etc…)

  • Flow content

    • Most of the elements that go in the main body of your HTML document

    • Sub-groups

      • Sectioning (<header>, <footer>, <nav>, etc…)

      • Heading (<h1>-<h6>)

      • Phrasing (<em>, <I>, etc…)

      • Embedded (<iframe>, <audio>, etc…)

      • Interactive (<a>, <button>, etc…)

  • Form-associated content

    • A subset of Flow elements related specifically to Forms

    • Sub-groups

      • Listed (Literally listed in the form.elements and fieldset.elements collections)

      • Label-able (Can be related to <label> elements)

      • Submittable (Can build form data sent when the form is submitted.)

      • Resettable (Can be affected when the form is reset)

  • Script-supporting elements

    • Don't directly impact document output, but support scripts.

Source: MDN Web Docs - HTML Content Categories


Saturday – Career

Ikigai

Ikigai is a Japanese concept that refers to a sense of purpose or meaning in life. It is often used to describe the reason that someone gets up in the morning and feels motivated to live their life.

Ikigai is often described as the intersection of four key elements: what you love, what you are good at, what the world needs, and what you can be paid for. It can be particularly helpful in guiding creative careers because it can help you distinguish between what should become your work and what should remain your hobby.

For me, this reflection meant leaning into design as my work and becoming content to protect my other creative expressions (like music) as hobbies.


Sunday – Craft

The difference between a probationary artist and an experienced artist

In this video, Van Neistat offers a simple, compelling, and visual summary of how two levels of artist approach and experience the creative process.

The truth is that the creative process never gets easy.

You just get better at weathering the storm and navigating its inevitable ups and downs.


If you got a little value in this post, consider subscribing, sharing, or following me on Twitter. If you got a lot of value I’d appreciate it if you bought me a coffee 😎☕️.

Share Better by Design

10
Share this post

The Creative MBA #1

www.betterbydesign.cc
2
Share
Previous
Next
2 Comments
Share this discussion

The Creative MBA #1

www.betterbydesign.cc
Meeth Panchal
Jan 2Liked by Patrick Morgan

Looking forward to this.

Expand full comment
Reply
Share
1 reply by Patrick Morgan
1 more comment...
Top
New
Community

No posts

Ready for more?

© 2023 Patrick Morgan
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing