Jordan Wayne Lee
Award Winning Design for Digital Brands
0   /   100

Metamodern Design : Chapter 9 – MMXD Metamodern Experience Design

Start Reading

Design recognizes patterns within society and builds upon successful patterns or strives to fix and improve patterns that may be broken. The idea of metamodernism in design is simultaneously looking at successful patterns and allowing the broken patterns to intentional create a sense of dissonance in our work. This intentional effort allows our work to be disruptive through intention and to exist as a new format of an experience where the audience not only experiences design, but they must also take on forms of design thinking within their own consciousness. We respect the audience as much as to allow them to make decisions beyond the old-world way of “knowing better” than them.

Steve Jobs had it right, during his time. To create work where he knew better than others and fought endlessly to create from that perspective. However, with the current landscape of global connectedness, because of his work (and Bill Gates, Zuckerberg, Bezos, etc). Our humanity now exists in a space of “what’s next?” So as the evolution of design becomes a commodity to continue sustaining companies like Apple, Amazon, Facebook, etc who have profited off of the global connectedness, we find that many people feel isolated, alone, lost and wandering in their own sense of meaning and purpose. Therefore, our future efforts of design, recognized by this global oscillating pattern of sincerity and irony (defined as Metamodernism) seeks to create a further sense of self through recognizing and reframing the traditional patterns. Where we provide others the opportunity to feel a sense of discomfort and tension within the safety and security of their experiences, only to determine for themselves what the meaning and purpose of it all is – for them. Not us. Not Steve Jobs. We shift into a future outlook of design being intentional about the audience holding their own conclusions while we create new emotional platforms and experiences for them to sort through.

Recognizing patterns of this feeling in the arts, entertainment, music, politics, religion, global economics and more.

If we seek to intentionally create these new emotional platforms for our audience, I have defined a few key points to consider as a designer. Those exist currently as the below list, and may evolve, change, or be revised over time. But for now, this is where I see the opportunities of a designer leaning into the future of designing experiences with the intentional oscillation of both modernism and post-modernism.

Audience-centered narrative

Formulating the output of work, and also the intention of work from beginning of the process to end result as a consistent and conscious effort to focus solely on the needs of the audience. Where the intention is not based on what the Designer or business believes to be true, but to seek to explore and uncover the needs and desires of their audience and reflect this back to them in a compelling and creative way.

Unexpected vulnerability

Opportunities emerge to allow the intentional efforts on behalf of the audience to reflect vulnerability of the business and brand. What once was seen as a modernist protective environment within corporate culture will shift to a space of also allowing the weaknesses to be a place of conversation. Where the weaknesses come out of hiding, stop being swept under the corporate carpet and surface in true honesty. Not with the intention of selling a product, but to create new conversations because the old dialogue between business and customer is worn out – in both the modern and post-modern rhetoric. So we seek to explore and discover, intentionally, unexpected vulnerabilities that may emerge from both the business and the customer to create a new sense of belief, belonging and meaning within our work.

Meta-Interactive Design

Two forms of experience

Where we merge the intentional efforts we aspire from our users, customers, audience and boldly become self-aware of what our goals are. We blatantly and obviously profess these goals in a modernist approach while allowing the self-awareness of our own ambitions to come through in an ironic tone. The experience creates a new sensibility for our audience and allows them to decide how they should feel about the brand. “We are trying to sell you something and we aren’t trying to be sneaky, clever or witty about it. We just want you to clearly by this thing and if you don’t that’s okay too.”

Oscillation Design

Where we merge opposing sensibilities of modernism and post-modernism together. From both look and feel, with messaging and tone. We pair opposing modern and post-modern attributes to radically juxtaposition our brand. This creates a tension within our work, business and efforts and allows the audience to decide how they should feel about our brand and their connection to our brand. This removes the worn out approach of marketing from a corporate tone of “we know best” or the post-modern tone of “we are here to disrupt and be the rebel”.

Everyperson Hero

The archetypes of society define personality traits around brands, businesses and celebrities. Whether we fully recognize this or not, we are drawn to opposing archetypes which will help us on our journey. Combine that with an overall effort of a brand or business related to a large customer base who all seeks a similar archetype, and you have a brand voice. The combination of a new kind of archetype exists where the personality takes on opposing archetypes. For example, The Everyperson is the Hero. We see this exemplified in norm core fashion with celebrities, Progressive Insurance commercials, indie films, and new consumer brands. We can find a relation between the desire to be a Hero, but find familiarity in a Hero who is an Everyperson. This is a juxtaposition of both the modernist Hero and the post-modernist Everyperson.

New Minimalism

Combining low level efforts of content, information, production value and creative with a larger grand narrative. This minimalism is meant to say more beyond the

Oscillation within the grand narrative

We either seek to combine the polarity of oscillating attributes of modernism and post-modernism to explore, discover or make sense of a grand narrative – or – we utilize the attributes of modernism and post-modernism combined to articulate a grand narrative.

Design Pastiche

UX / UI combinations

Merging of archaic design, computational design, skeuomorphism, ux/ui combinations where the feeling exists in both past computational design (early days of internet) combined with performance driven interaction, best practices and javascript. Or combining sleek modern design with clunky visuals of early days of the internet (think Yahoo! and GeoCities). Or the combination of design informed by natural aesthetic and organic materials mixed with the interaction of digital on mobile and desktop experiences.

Flat design vs. skeuomorphism 

In digital, we see the movement of digital design trends shift from skeuomorphism (a realistic look to windows and buttons that feel tangible) to a radical shift into flat design over the past few years. We have shifted away from the usage of gradient buttons from the early 2000’s into the 2010’s of flat design being the norm. Prior to this, we experienced a clunky sort of web – not for lack of design, but for lack of synergy between design and development. The development of HTML and CSS was in it’s infancy in the mid to late 90’s and the hardware did not allow for large uses of javascript or high-res imagery to implement into design and a digital experience. Given the evolution of the web from this to Web 2.0 to where we are today, I see a resurgence of “digital nostalgia” coming, where we will revisit the influences and elements of the 90’s digital design paired with really intelligent platforms, AI, mobile and reinvent through nostalgia a new experience in digital design. We will combine early 90s influences with flat design and skeuomorphism to create an entirely new feeling through digital.

Digital web design of the 90s was a result of post-modernists seeking to disrupt, envision a digital world and build upon the newness of the internet. I strongly remember the internet of the 90s where you had siloed websites, Yahoo, hotmail, AOL, ICQ messenger, a few large brands having a presence and a whole host of hobbyists creating on sites like GeoCities. The web was in its infancy. Born out  the post-modernists vision of creating a global platform. People tinkered, designed, developed and built on top of existing platforms and languages to move us into Web 2.0 where we saw the rise of places like MySpace, Facebook and Silicon Valley startups.

This postmodernist approach to design and development was then given a new breathe of life when Apple began to pay attention to designing beautiful products and platforms. This infromed new  developments, efforts, inspiration and ideas of what could now be capable with the evolution of the internet, browsers and experiences. The evolution grew from what felt like the future in the 90’s but now looks like an archaic unfamiliar clunky past of the dial-up internet era. I see a nostalgic lean back into this sentiment to create new experiences that informed this culture of design and development from the 90s

Using expected design elements paired with other expected design elements that traditionally do not go together

Considering an approach to new ideas by combining elements from modernist movements and post-modern movements to create a tension within the work. Either from a place of visual or messaging encompassing the oscillating approach of modernism and post-modernism. New nostalgia that encompasses a futuristic approach to our work. Old modernism that is revamped to hold post-modern tonality. When we mix and match between modernism and post-modernism, we explore new sensibilities within the work combined with the intentions behind why the work was created. This pendulum builds new sensibilities for our audience in a metamodern approach.

Intentionally uninspiring

Normalcy of everyday life can emerge grand narratives. Choosing to discover the grand narratives and utilize everyday tools and objects to represent or define a greater meaning and be a useful tool for metamodern work.

Finding the grand narrative within the uninspiring parts of life builds an approach to our work that provokes deeper sensibility. To intentionally design an idea where the combination of a grand narrative is represented by an uninspiring idea or object creates an odd sense of tension for the audience.

Utilizing simple everyday tools and objects such as furniture, kitchen items, household products or office supplies to create or represent a grand narrative builds a new sensibility of these mundane items we often overlook or ignore. The balance is creating a grand narrative in our work with a post-modern tonality to oscillate between modernism and post-modernism.

For more inspiration here, I recommend reading “The Design of Everyday Things”, Donald Norman or “The Psychology of Everyday Things”, Donald Norman.

Metamodern Process

A process and strategy to move brands into the future using a metamodern approach to rethinking brands.

Understand the brand

Before we can evolve a brand, we must truly understand who the brand is, who they serve and what they do. From here, we can begin to build new pathways of creativity and design a new approach for the brand that exists within both modernism and post-modernism.

  • Brand attributes: Culture of your brand, Feeling you want your audience to experience, Impact your brand has on your audience, Voice of your brand, X-Factor of what makes you unique
  • Build brand positioning statement: A statement which defines who you are, what you stand for and who your audience is.
  • Evaluate messaging from top 5 of each category: Build messages around the positioning statement and brand attributes.
  • Map examples: Create examples and then rework them to find a balance between modernism and post-modernism tonalities.

All of these items being outlined, it is not to say that if you carry out these strategies and tactics, you will be a futuristic designer armed with new information and outlooks on your work to be cutting edge, radical and forward-thinking.

Not at all.

This is exists as the starting place.

The real effort lies within you, the Designer, the Business person, the Creative, the driver of culture and society.

You must now embark on a deeper dive into the self. To understand and redefine where you must exist. Between the oscillation of both modernist and post-modernist ideals. Because truth does exist within one polarity or the other. And if you seek to guide others to an unwavering truth for themselves, you must understand this truth within yourself. Beyond your political, religious or bias leanings that you have learned over time. To think critically not about your work, but to think critically about your role and place within society and allow that understanding to effect and drive your work forward.

REFERENCE LIST

  1. Abramson, Seth. (January 9, 2017) “What Is Metamodernism?” [Website] Retrieved from https://www.huffpost.com/entry/what-is-metamodernism_b_586e7075e4b0a5e600a788cd
  2. Associated Press (2020) Divided America [Website] Retrieved from https://www.ap.org/explore/divided-america/
  3. Australian Government (2014) The market for design: insights from interviews with Australian firms [Website] Retrieved from https://www.ipaustralia.gov.au/sites/default/files/ip-australia-economic-research-paper-03.pdf?acsf_files_redirect
  4. Bogdan, C. (2012, August 14) New French Extremity: An Exigency for Reality. [Website] Retrieved from http://www.metamodernism.com/2012/08/14/new-french-extremity-an-exigency-for-reality/
  5. Cameron, J. (2016, October 25) The Artist’s Way: 25th Anniversary Edition
  6. Clarke, J (2015, April 16) “The Role of the Graphic Designer in a Metamodern Structure of Feeling”. [Website] Retrieved from  https://www.metamodernism.com/2015/04/16/the-role-of-the-graphic-designer/
  7. Craig, James, Bevington, William, Korol Scala, Irene (2006, May 1) Designing with Type, 5th Edition: The Essential Guide to Typography
  8. Cooper, Brent (April 10, 2018) On Metamodern Leaderhip [Website] Retrieved from https://medium.com/the-abs-tract-organization/on-metamodern-leadership-87bcf9ada5f9
  9. Cooper, Brent (April 10, 2018) The Metamodern Condition [Website] Retrieved from https://medium.com/the-abs-tract-organization/the-metamodern-condition-1e1d04a13c4
  10. Davis, D. (2016, June 14) Creative Strategy and The Business of Design
  11. Dalio, R. (2017, September 19) Principles: Life and Work
  12. Dalio, R. (2019, November 26) Principles for Success
  13. Design Census (2019) Designcensus.org [website] Retrieved from http://designcensus.org
  14. Design Council (2009) Design Industry Research 2010 [Article] Retrieved from https://www.designcouncil.org.uk/sites/default/files/asset/document/DesignIndustryResearch2010_FactSheets_Design_Council.pdf
  15. Deeley, D. (September 26, 2019) Five Examples of Postmodernism in Television [Website] Retrieved from https://www.theodysseyonline.com/examples-postmodernism-television
  16. Donald, N (1988) The Design of Everyday Things
  17. Duignan, B. (September 4, 2020) Postmodernism. [Website] Retrieved from
  18. Dun & Bradstreet (2020) Graphic Design Service Industry Insights from D&B Hoovers [Website] Retrieved from https://www.dnb.com/business-directory/industry-analysis.graphic-design-services.html
  19. Elam, K. (2007, April 19) Typographic Systems of Design
  20. Elam, K. (2005, August 1) Grid Systems: Principles of Organizing Type
  21. Enns, B. (2010, July 6) Win Without Pitching
  22. Freinacht, H. (2015, February 16) 5 Things That Make You Metamodern. [Website] Retrieved from https://metamoderna.org/5-things-that-make-you-metamodern/
  23. Freinacht, H. (N.D.) What is Metamodernism? [Website] Retrieved from https://metamoderna.org/metamodernism
  24. Archiv, Bauhaus, Droste, Magdalena (2006, June 1) Bauhaus 1919-1933
  25. Gordon Worley III, G (2017, Aug 18) Embracing Metamodernism. [Website] Retrieved from https://mapandterritory.org/embracing-metamodernism-5d4ebe8a8ddf
  26. Ghosh, Iran (September 25, 2019) Charts: America’s Political Divide 1994-2017 [Website] Retrieved from https://www.visualcapitalist.com/charts-americas-political-divide-1994-2017/
  27. Gladwell, M. (2011, June 7) Outliers: The Story of Success
  28. Gladwell, M. (2002, January 7) The Tipping Point: How Little Things Can Make a Big Difference
  29. Graham, B. (2006, February 21) The Intelligent Investor: The Definitive Book on Value Investing. A Book of Practical Counsel (Revised Edition)
  30. Griffith, Robert [WIkipedia] Retrieved from https://en.m.wikipedia.org/wiki/Roger_Griffin
  31. Harari, Y.N. (2018, May 15) Sapiens: A Brief History of Humankind
  32. Hsieh, T. (2013, March 19) Delivering Happiness: A Path to Profits, Passion, and Purpose.
  33. IBISWorld (2020) Graphic Designers Industry in the US – Market Research Report [Website] Retrieved from https://www.ibisworld.com/united-states/market-research-reports/graphic-designers-industry/
  34. IIT Institute of Design (2020) 100 Great Designs of Modern Times [Website] Retrieved from https://id.iit.edu/projects/100-great-designs-of-modern-times-2020/
  35. IMDB (2020) Postmodern [Website] Retrieved from https://www.imdb.com/search/keyword/?keywords=postmodern
  36. Interbrand (2018) Best Global Brands 2018, Activating Brave
  37. Jencks, C. (1977). The Language of Post-Modern Architecture. New York: Rizzoli.
  38. Kilkilley, M. (April 15, 2016) 5 Ways Computational Design Will Change the Way You Work [Website] Retrieved from https://www.archdaily.com/785602/5-ways-computational-design-will-change-the-way-you-work
  39. Krogerus, M., & Tschäppeler, R. (2018, May) The Decision Book: Fifity Models for Strategic Thinking (Fully Revised Edition)
  40. Kuiper, Kathleen. Modernism. Retrieved from https://www.britannica.com/art/Modernism-art
  41. Lupton, E. (2004, April 16) Thinking with Type: A Primer for Designers: A Critical Guide for Designers, Writers, Editors, & Students
  42. M. Hardt and K. Weeks. (2000). The Jameson Reader. Oxford: Blackwell Publishing, pp, 190-191.
  43. Maeda, J (2020) CX Report
  44. Maeda, J (2015) Design in Tech Report [PDF file]. Retrieved from https://designintech.report/wp-content/uploads/2018/11/designintech2015.pdf
  45. Maeda, J (2016) Design in Tech Report [PDF file]. Retrieved from https://designintech.report/2016/03/13/design-in-tech-report-2016/
  46. Maeda, J (2018) Design in Tech Report [PDF file]. Retried from https://designintech.report/wp-content/uploads/2019/01/dit2018as_pdf.pdf
  47. Maeda, J (2019) Design in Tech Report [PDF file]. Retrieved from https://designintech.report/2019/03/09/design-in-tech-report-2019/
  48. MacDowell, J. (2011, July 19) Quirky, Tone and Metamodernism. [Website] Retrieved from  http://www.metamodernism.com/2011/07/19/quirky-tone-and-metamodernism/
  49. McKinsey (2018) McKinsey Design Index [Website] Retrieved from https://www.mckinsey.com/business-functions/mckinsey-design/our-insights/the-business-value-of-design
  50. “Modernism” (September 2020) In Wikipedia. Retrieved from https://en.wikipedia.org/wiki/Modernism
  51. “Metamodernism” (September 2020) In Wikipedia. Retrieved from https://en.wikipedia.org/wiki/Metamodernism
  52. Wikipedia (2020) “Metamodernism” [Website] Retrieved from https://en.wikipedia.org/wiki/Metamodernism
  53. Neumeier, M. (2003) The Brand Gap: How To Bridge the Gap Between Business Strategy and Design
  54. Neumeier, M.
  55. Olsen, & Scott (2006, October 16) The Golden Section: Nature’s Greatest Secret
  56. Osterwalder, A. (2014, October 20) Value Proposition Design: How to Create Products and Services Customers Want (Strategyzer)
  57. Peterson, J. (2018, January 23) 12 Rules for Life: An Antidote to Chaos
  58. Pendergast, Augusta (N.D.) Understanding Modernism and Post-Modernism [Website] Retrieved from http://pendau01.sites.gettysburg.edu/how_do_we_fit_in/understanding-modernism-and-post-modernism/
  59. Pew Research Center (2020) Political Polarization [ Website] Retrieved from https://www.pewresearch.org/topics/political-polarization/
  60. “Postmodernism” (September 2020) In Wikipedia. Retrieved from https://en.wikipedia.org/wiki/Postmodernism
  61. Quintana, Xela (October 13, 2018) Culture: Metamodern Pairs with Millenials [Website] Retrieved from https://www.logosmagazinecc.com/culture-metamodernism-pairs-with-millennials/
  62. RGD (2017) Packaging Design Industry Insights [Website] Retrieved from https://www.rgd.ca/2017/12/20/packaging-insights.php
  63. Rogan, Joe (Producer). (2016, November 28) Joe Rogan Experience #877 – Jordan Peterson [Audio podcast]. Retrieved from https://www.youtube.com/watch?v=04wyGK6k6HE
  64. Rogan, Joe (Producer). (2018, July 2) Joe Rogan Experience #1139 – Jordan Peterson [Audio podcast]. Retrieved from https://www.youtube.com/watch?v=9Xc7DN-noAc
  65. Rogan, Joe (Producer). (2018, July 2) Joe Rogan Experience #993 – Ben Shapiro [Audio podcast]. Retrieved from
    https://www.youtube.com/watch?v=UQTfyjhvfH8&list=LLWtsErBoTRpfqtjfuttDyGg&index=755
  66. Rogan, Joe (Producer). (2017, October 10) Joe Rogan Experience #1022 – Eric Weinstein [Audio podcast]. Retrieved from
  67. https://www.youtube.com/watch?v=lMzjEaNFbAk
  68. Rickards, J. (2016, January 1) The Big Drop Second Edition How To Grow Your Wealth During the Coming Collapse
  69. Rustad, G. (2012, February 29) Metamodernism, Quirky and Feminism*, http://www.metamodernism.com/2012/02/29/metamodernism-quirky-and-feminism/
  70. Samara, T. (2005, May 1) Making and Breaking the Grid: A Graphic Design Layout Workshop
  71. Sazon, Gladys Jean (August 18, 2016) Modernism-Post Modernism Timeline [Presentation] Retrieved from https://prezi.com/qso4uvkwf3mf/modernism-post-modernism-timeline/
  72. Schroeder, A. (2009, October 27) The Snowball: Warren Buffet and the Business of Life
  73. Seib, G. The Wallstreet Journal (December 17, 2019) How the U.S. Became a Nation Divided [Website] Retrieved from https://www.wsj.com/articles/how-the-u-s-became-a-nation-divided-11576630802
  74. Sheperd, S. (November 26, 2018) The inescapable postmodernism within Television series Community [Website] Retrieved from https://medium.com/@sam.shepherd/the-inescapable-postmodernism-within-television-series-community-df5c9f527f07
  75. Sosolimited (March 2, 2017) 5 Insights About The Current State of Design [Website] Retrieved from https://medium.com/sosolimited/5-insights-about-the-current-state-of-design-d1ae85880960
  76. Spiekermann, E. (2013, December 23) Stop Stealing Sheep & Find Out How Type Works, Third Edition
  77. Toth, J. (2010). The Passing of Postmodernism. New York: State University of NewYork, p. 2
  78. Turner, L. (2011) “The Metamodernist Manifesto” http://www.metamodernism.org/
  79. Turner, L. (2012, July 2) The New Aesthetic’s Speculative Promise. [Website] Retrieved from http://www.metamodernism.com/2012/07/02/the-new-aesthetics-speculative-promise/
  80. Turner, L. (2012, September 12) David Foster Wallace’s Hideous Men & London’s Olympic Epiphany. [Website] Retrieved from http://www.metamodernism.com/2012/09/12/david-foster-wallaces-hideous-men-londons-olympic-epiphany/
  81. Vermeulen, T., & Van den Akker, R. (2010) “Notes on Metamodernism”
  82. Sullivan, E. (2014, November 24) Miranda July: Interrupting the Conventions of the Personal. [Website] Retrieved from http://www.metamodernism.com/2014/11/24/miranda-july-interrupting-the-conventions-of-the-personal/
  83. Whalley, C. (2014, August 5) I Love Roses When They’re Past Their Best. [Website] Retrieved from http://www.metamodernism.com/2014/08/05/i-love-roses-when-theyre-past-their-best/
  84. Williams, R. (1977). Marxism and Literature. Oxford: Oxford University Press, p. 131
  85. USHistory.org (2019) 4a. American Political Culture [Website] Retrieved from https://www.ushistory.org/gov/4a.asp
  86. University of Salford, Manchester (2009) Design 2020 [Website] Retrieved from http://usir.salford.ac.uk/id/eprint/12618/1/Design2020_final.pdf


Purchase on Amazon