Skip to main

Tag: Design

For more posts, return to the full posts list or browse all tags.

2023 Posts

  1. Winging It post type

    Align Designers and Developers with OOUX

    An object map is a place to document information about objects in your digital system, keeping everyone involved on the same page. During our conversation, we walk through examples and discuss the benefits of using object maps.

    see all Winging It posts
  2. see all Article posts
    Article post type

    How to Design More Intuitive Websites & Apps

    Do you want to make your website or web app more intuitive for the people who visit? If so, I’d like to introduce you to the world of Object-Oriented UX. As a UX designer at OddBird, using OOUX strategies to identify and avoid unintuitive objects has been key to our design process. A warning, though, before you continue: once you start seeing unintuitive objects, you won’t be able to unsee them!

  3. Winging It post type

    Intuitive Web Design with OOUX

    During our conversation we look at 3 examples of unintuitive web design, and learn how to create websites and apps that are more intuitive using object-oriented user experience (OOUX) design strategies.

    see all Winging It posts

2022

  1. see all Article posts
    Nested semicircles,
from innermost and slowest
to outermost and fastest-moving:
nature, culture,
governance, infrastructure,
commerce, fashion
    Article post type

    When Our Tools Hold Us Back

    What happens if the ‘pace layers’ get out of sync?

    “Ask not just: How well does it work? But also: How well does it fail? What happens when something goes wrong?” —Jeremy Keith

2021

  1. certified ooux strategist badge
    Podcast post type

    Bridging Development and Design

    Sondra and Miriam chat with Sophia about using her ORCA methodology (Objects, Relationships, CTAs, and Attributes) in OddBird’s work with clients. We dive into the ways OOUX facilitates a flow of conversation between designers and back-end developers, and get a sneak peak of Miriam’s work on the new container query…

    see all Podcast posts
  2. Weekly fireside chat:
What's the job of a design engineer?
Featuring Miriam Suzanne
    Video post type

    What’s the job of a “design engineer”?

    A fireside chat

    There are often tall walls between designers and developers, sometimes with only one significant handoff moment during a sprint. We discuss the role of the ‘design engineer’ and what it means for workflows, collab with their product team, and the end-user experience.

    see all Video posts
  3. Rethinking user experience design across media
    Talk post type

    User Unfriendly

    designing software for humans, with other humans

    Past
    • – Online

      General Assembly, Ethics in Design

    • – Atlanta, GA

      Agnes Scott College

    see all Talks & Workshops

2020

  1. Miriam speaking at Smashing Conf NY
    Talk post type

    CSS is Rad

    Resilient design on an infinite canvas

    Past
    • – Online

      Design 4 Drupal Webinar Series

    • – Online

      SmashingConf Live

    see all Talks & Workshops
  2. Video post type

    Design Engineering Handbook

    Thoughts on the design & development process

    Learn how design engineering brings together form and function in this new Design Better book written by Natalya Shelburne, Adekunle Oduye, Kim Williams, and Eddie Lou – including interviews with Miriam and others.

    see all Video posts

2019

  1. Stacy teaching developers at an event
    Link post type

    It’s My Job, and Yours

    CSS-Tricks asked a number of web builders the same question…

    What about building websites has you interested this year?” The role of ethics in our modern web space has been on my mind for the past few years and I suspect it will occupy my thoughts increasingly as I move forward. With each encounter of a questionable feature…

    see all Link posts
  2. Views on Vue Podcast
    Podcast post type

    Design Systems & CSS

    We start by talking about design systems and design tooling – how they differ, and the problems they solve.

    see all Podcast posts

2018

  1. Views on Vue Podcast
    Podcast post type

    Fonts & more

    Miriam talks with the Views on Vue panel about design, tools, fonts, and more.

    see all Podcast posts
  2. Sketched design concept
    Talk post type

    Planning Your Web Project

    Past
    • – Westminster, CO

      Boost Biz Ed

    • – Denver, CO

      EdTech Colorado

    see all Talks & Workshops

2017

  1. Link post type

    18 Designers Predict UI/UX Trends for 2018

    Figma asked 18 designers (including me) what UI/UX trends they predict for 2018. December, with its flurry of holiday parties, cheery out-of-office auto-replies and introspective weather patterns, provided the perfect opportunity to pause and survey the landscape.

    see all Link posts
  2. Mechanical neck drawing
    Link post type

    Stop Being Productive

    It’s time to re-think what we’re measuring

    Miriam reflects on the nature and value of productivity for the SuperYesMore series: The Human in the Machine.

    see all Link posts
  3. repeated grid of the same dog picture in different colors
    Talk post type

    The Great State of Design

    with CSS Grid Layout and Friends

    Past
    • – Chicago, IL

      Front-End Camp

    • – Chandler, AZ

      CSSDay.io

    see all Talks & Workshops
  4. Tools for design include a computer, sketchbook, pen and paper
    Article post type

    Get Started with Design

    Four useful tools & tutorials

    So you’d like to start learning design, but the number of tools and tutorials available is overwhelming. Where do you start? I recommend Paper for sketching out UX ideas, Practical Color Theory for Coders to generate color palettes and learn color theory, Choosing the Right Font: A Practical Guide to…

    see all Article posts
  5. Colored circles in a flow chart
    Article post type

    Color Theory for Coders

    from Natalya Shelburne

    If you write code and you want to delve into design, Natalya Shelburne’s Practical Color Theory for Coders will get you up and running with a beautiful, cohesive, and accessible color palette using Sass color functions, and teach you why her palettes work so well, all at the same time.

    see all Article posts
  6. see all Article posts
  7. Sarah Parmenter speaking on stage
    Article post type

    Designing Using Data

    Ongoing education in our industry is a must. Attending conferences is a great way to learn and network with other industry professionals. Unfortunately, not everyone is able to attend conferences, but have no fear! Many of the best conferences post videos online, giving our community an easy way to learn…

    see all Article posts
  8. see all Article posts
    Jonny next to vertical stripes of color
    Article post type

    How to Choose Beautiful & Accessible Brand Colors for Your Website

    How do you select a set of colors that express the attitude of your brand, look great together, and pass WCAG accessibility standards? How many colors is too many? This step-by-step guide outlines OddBird’s process for tackling these challenges.

    It’s important to define your brand goals first and review them throughout the process. Next, do some research for inspiration. What colors are the other companies in your field using? Use Paletton to generate a cohesive color palette. Test color contrast to ensure accessibility. Finally, create prototypes to make sure you colors work well in context.

  9. Sondra looks at large ampersand symbol painted on building exterior
    Article post type

    How to Choose Engaging & Accessible Typography for Your Website Brand

    How do you choose the best fonts for a brand identity among the thousands of options available on the interwebs these days? Whether you’re starting from scratch or rebranding like us, this step-by-step guide can help focus and direct your process. First, define your brand goals. Next, explore your options…

    see all Article posts
  10. Creative usage of drop caps collage
    Article post type

    What’s Old is New: Drop Caps in CSS

    Using an emphasized initial letter is a technique that has been used for centuries. Let’s dive in to see some ways you can apply it to your project to help guide your reader with visual hierarchy.

    see all Article posts

2016

  1. An odd bird on watercolor
    Article post type

    Behind the Scenes: OddSite Brand Process

    What follows is an in-depth look at our brand design process thus far as we work towards a new look and feel for this, our OddSite. Details. Confessions. What worked. What flopped. And why.

    see all Article posts
  2. CSS Grid example layout
    Article post type

    Will CSS Grid Layout Enable Creative Design?

    CSS Grid Layout is shaping up to be the layout tool we’ve always wanted on the web. How can we use it to start creating interesting layouts?

    see all Article posts
  3. woman grimacing beside the words, How many revisions? In Photoshop? In all screen sizes?
    Talk post type

    Curing Design Complacency

    It’s easy to fall into old habits

    Past
    • WordCamp Chicago

    • UX Camp

    see all Talks & Workshops