Better by Design

Share this post

The Creative MBA #10

www.betterbydesign.cc

The Creative MBA #10

The Social Me, A11y understandability, profit centers v. cost centers, style sheets, body of work

Patrick Morgan
Mar 30, 2023
3
Share

“A man has as many social selves as there are individuals who recognize him and carry an image of him in their mind.”

William James

Intro

Welcome back to Better by Design, the only place on the internet where you’ll get wisdom from the "father of American psychology" alongside an intro to internal and external style sheets for web development. If you’re liking these weekly breakdowns, do me a favor and share one with somebody you think might like to join our little multidisciplinary tribe. A recommendation really does go a long way!

Share Better by Design


Social & Behavioral Science

The Social Me

Prominent psychologist and philosopher William James introduced the concept of the “The Social Me” in his 1890 work “The Principles of Psychology”.

The idea suggests that our self-concept is shaped by our social environment and interactions with others. According to James, the social self is a critical aspect of our identity and influences how we perceive ourselves as individuals as well as our roles in society. The following quote gives a nice overview in James’ own words:

"Properly speaking, a man has as many social selves as there are individuals who recognize him and carry an image of him in their mind. To wound any one of these images is to wound him. But as the individuals who carry the image fall naturally into classes, we may practically say that he has as many different social selves as there are distinct groups of persons about whose opinion he cares. He generally shows a different side of himself to each of these different groups." William James - The Principles of Psychology (Chapter 10, The Consciousness of Self)

Implications

When we’re making products for people, we need to go the extra mile to see past the generalities. You’re not just designing for a person, but the specific “Social Me” they’re expressing at the moment they use your product. What role are they trying to play? What jobs are they trying to do? A product could potentially be a good fit but get passed over if it’s misaligned with a person’s role in the critical moment.

Prompts

  • How has your “Social Me” evolved throughout your life? Can you identify specific events or relationships that shaped your self-image?

  • How does "The Social Me" explain the importance of social connections and support networks? How do they contribute to our well-being and personal growth?

Resources

  • The Principles of Psychology - William James

  • The Curse of the Self: Self-awareness, egotism, and the quality of human life - Mark Leary


Design Principles

Understandable

A11y Accessibility Principle 2

“Understandability” is a key concept in web accessibility (A11y). As is probably obvious by the name, it ensures that web content and interfaces are easy to comprehend for all users, including those with disabilities.

The principle specifically calls out these three points (in their own words):

  1. The text is readable and understandable

  2. Content appears and operates in predictable ways

  3. Users are helped to avoid and correct mistakes

Actions to practice:

  1. Use plain language

    1. Write content in simple language. Avoid jargon and complicated sentence structures. Use clear typography.

  2. Create consistent navigation

    1. Keep navigation elements and layout consistent across your web app to reduce confusion about how it works.

  3. Validate input, offer guidance, and give helpful error messages

    1. Provide input validation and clear guidance to help users complete forms or interact with your app effectively.

Resources

  • Perceivable - CMBA Summary

  • W3.org documentation of A11y principles


Business

“Profit centers” vs. “Cost centers”

At the risk of oversimplifying, a for-profit business eventually boils down to:

  1. Increasing the amount of money coming in

  2. Reducing the amount of money going out

A “profit center” is a part of the company that focuses more on #1 whereas a “cost center” focuses more on #2.

They’re both important, but depending on the goals of the company one might be temporarily prioritized over the other. In the early days of my career I never thought twice about this distinction (probably a good thing!), but these days when the labor market is tightening I think they’re important to keep in mind.

As a person working on the product (PMs, designers, engineers), a reasonable way to think about the business impact of your work is to simply consider whether the intent is more profit-centric or cost-centric.

For instance:

  • Designing a big new feature to land a new customer → highly profit-centric

  • Improve an existing feature to make current customers more likely to renew → moderately profit-centric

  • Optimizing performance to control AWS spending → highly cost-centric

  • Make design systems improvements → moderately cost-centric

Resources

  • Profit Center: Characteristics vs. a Cost Center - Investopedia

  • Cost Center vs. Profit Center - EDUCBA

  • Profit Centers vs Cost Centers at Tech Companies - The Pragmatic Engineer


Technology

Style Sheets

Let’s talk about the SS in CSS.

Style sheets are a fundamental concept in web development, as they give you a way to control the appearance and layout of web pages. They let you separate the content (HTML) from the presentation (CSS), making it easier (hopefully 🤞) to manage and maintain a website's design. There are three main ways to add styles, each with specific use cases.

  1. Internal style sheets: Also known as embedded style sheets, these are written within the HTML file itself, inside the <style> tag located in the <head> section. Internal style sheets are useful when you want to apply styles to a single web page. However, for larger projects or multiple pages, external style sheets are more efficient.

  2. External style sheets: These are separate CSS files, linked to one or more HTML files using the <link> tag in the <head> section. External style sheets are the preferred method for most projects, as they promote reusability and maintainability.

  3. Inline styles: Inline styles are applied directly to individual HTML elements using the style attribute. While they offer a quick way to apply styles to specific elements, they can become difficult to manage and maintain, especially in larger projects.

Resources

  • How to add CSS - W3 Schools

  • MDN Glossary “Stylesheet”


Craft

Image Sources: Wikimedia Commons

Body of Work

The world of creativity is filled with countless stories of big hits, but what about the value of an artist's "body of work"?

In the last 3 years, artists like Bob Dylan, Stevie Nicks, and Neil Young have sold the rights to their catalogs for hundreds of millions of dollars, putting a spotlight on the immense value of a consistent and impactful body of work in the creative business world.

The fact that entire catalogs can be so valuable just goes to show that while hits play a significant role in creating value, it’s the combination of all the pieces in the body of work that drives massive returns. This is true both in terms of an artist’s creative growth and the potential economic return on their output.

So, my fellow creatives, let's go be prolific and make some remarkable bodies of work that build our skills, create new value, and have an impact on the world. The value you add goes beyond the monetary figures (though that’s obviously nice 🤑); it's about the legacy you leave behind and the lives you touch through your work.

Resources

  • Be Prolific: Why more is more for creative impact

  • Here’s a running list of artists who have sold some or all of their song catalogues to a new breed of company. - A journal of musical things

  • Why musical artists are selling their catalog rights - Gary Graff


If you got a little value from this post, consider subscribing, sharing, or following me on Twitter. If you got a lot of value, consider pledging to support my work with a paid subscription in the future. Either way, I appreciate you!

Share Better by Design

3
Share
Previous
Next
Comments
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