‘Design’ Videos

  • Vertical rhythm: efficiency in WordPress theme layout

    WordCamp Kathmandu (काठमाडौँ) 2022Speaker: Ashish Rai

    October 1, 2022 — Learn about the design concept of vertical rhythm. This approach seeks to create asymmetrical balance between the vertical lines in design typography.

    Gain insight for choosing a proper font size, line-height, and margin/padding to balance layouts. Find out how a simple trick and a tiny bit of math has a significant impact on design aesthetics.

  • Human-Computer Interaction 101

    WordCamp Kochi (കൊച്ചി) 2019Speaker: Md Saif Hassan

    September 29, 2022 — Learn more about Human-Computer Interaction (HCI) and its connection to modern design. HCI is the study of the interaction between people and computer-based systems which takes into consideration the physical, psychological and theoretical aspects of this process.

  • Damon Cook: Block Theme Builders – Design with Figma

    Speakers: Sarah Snow, Damon Cook

    August 10, 2022 — Are you a theme builder looking to transition to the new era of block themes? Or maybe you’re new to Figma and curious about how you might go from zero to hero with your block theme design? Join us!

    Some areas we’ll explore:

    A brief overview of Figma and why you might use it.
    Use the WordPress.org Figma community’s Theme Template file to kickstart your block theme design.
    Discuss considerations for block theme designs and best practices.
    In this workshop, we will work exclusively in Figma. However, there will likely be a follow-up workshop where we convert our Figma Block Theme prototype into the workings of a Block Theme. Stay tuned.

    We’ll leave ample time for questions and discussions. I hope to see your smiling faces!

    Presentation Slides »

  • Growing the WordPress design system

    WordCamp Europe 2022Speaker: Tammie Lister

    July 21, 2022 — There is a design system in WordPress, and it starts with the block. How do we grow it, nurture it and build on those foundations?

    In this talk, I’ll show why we need the system and how important it is for the project, why if we don’t build on those foundations, we make an unstable base. I’ll dream beyond today at what could be, where could we go, and what can we learn from the existing design systems? We will cover processes and tools to look at possible solutions to our problems today.

    Let’s explore how to grow the WordPress design system because it’s essential to the future of WordPress and the products created with it.

  • What is the next thing about colour contrast?

    WordCamp Europe 2022Speaker: Vicent Sanchis

    June 22, 2022 — Learn more about colour contrast and how to adapt your WordPress site to colour contrast standards.

  • Eileen Violini: More than pretty — Using page flows to influence the development process

    WordCamp Lancaster 2018Speaker: Eileen Violini

    April 21, 2021 — In this talk, we cover the difference between site flows, user flows, task flows and user journeys, and when to use each.

  • Cómo aplicar el branding de tu cliente a su WooCommerce

    WordCamp Mexico 2020Speaker: Ana Cirujano

    December 30, 2020 — ¿Es suficiente con colocar el logotipo de la empresa en la esquina superior izquierda? ¿Un logotipo es capaz de transmitir los valores, los objetivos, la identidad de la marca? Como implementadores/as de tiendas online, ¿qué podemos hacer para que una tienda se identifique claramente y se distinga de las demás? Veremos paso a paso, con ejemplos visuales, qué cosas podemos tener en cuenta para otorgar una personalidad única a una tienda online, sin distraer a los compradores de finalizar la compra: colores, tipografía, tono de comunicación, animaciones, arquitectura de contenidos… para conseguir que la tienda de nuestro cliente sea única y, en definitiva, para que venda más que su competencia.

    Presentation Slides »

  • Charlene Bond: What Makes a Good Design and How to Design it? Part 1

    WordCamp Jacksonville 2019Speaker: Charlene Bond

    December 29, 2020 — This topic will discuss the benefits of creating a website with a good design that is visually appealing to the user. It will also discuss essential tips in designing a website that is appealing, engaging, and effective. Certain key points include: planning, design, functionality, content, and engagement.

  • Jason McClintock: An Introduction to Design Systems

    WordCamp Philadelphia 2020Speaker: Jason McClintock

    November 17, 2020 — What’s a design system, and why should you use one? In this talk, you will learn the basics of design systems and why they matter. We will walk through real world examples of design systems, discover how to create a design system that fits your needs, and learn simple ways you can use WordPress to begin implementing a design system of your own.

  • David Dylan Thomas: Design for Cognitive Bias – Using Mental Shortcuts for Good Instead of Evil

    WordCamp Philadelphia 2020Speaker: David Dylan Thomas

    November 17, 2020 — Users’ minds take shortcuts to get through the day. Usually they’re harmless. Even helpful. But what happens when they’re not? In this talk, David Dylan Thomas will use real-world examples to identify some particularly nasty biases that frequently lead users to make bad decisions. He’ll then talk about some content strategy and design choices you can use in apps, designs, and platforms to redirect or eliminate the impact of those biases. Finally, he’ll explore our own biases as designers and some methods to prevent our own blind spots from hurting users.