Skip to main
Link
World's greatest band, Teacup Gorilla, jamming out

Beyond Pixels Profile

Experience design is a collaboration

Net Magazine featured Miriam this month with a Beyond Pixels profile. “Miriam Suzanne creates experimental experiences with her band and her fellow developers.”

“Some day you’ll realise you can’t do everything. You have to focus.”

My accountant was helping me sort out my taxes, and I wasn’t making it easy. I had a successful web agency, a small theatre company, a band preparing to tour, my second novel ready for publishing, an art show about to open, and an assortment of side projects – all creating a tangled mix of income and expenses.

My accountant wasn’t the first to scold me, and she won’t be the last. From the outside it’s hard to see that I already have settled down. Both my music and web design come directly out of my training in what the kids call ‘devised’ theatre. Instead of working from a stand-alone script and then learning to act the parts, an ensemble iterates on every aspect of the performance, collaborating from start to finish. It’s agile development for performance artists.

I learned the Adobe Suite in order to design show posters, construction tools for building sets, electrical wiring to run lights, and HTML/CSS to launch my first theatre website.

My band Teacup Gorilla and my web company OddBird are both continuations of that work: designing multimedia experiences based on experimentation and user feedback, using whatever tools and skills we have on the team, and learning new skills when they’re needed.

When I have a team of musicians, we call it a band – and when my team is full of developers, we call it an agency. It’s all the same to me.

I never meant to be a graphic designer or web developer, but I learned the skills and people started offering me work. I feel very lucky to be where I am, and proud of the team we’ve built over the years.

Teacup Gorilla also developed organically – it was originally formed to underscore a devised performance. After the show was over the band stayed together, and we’re now a mix of spoken-word stories, subtle melodies, and raucous instrumental builds. It’s not a well-established genre, so we put a lot of work into testing and adjusting.

My main takeaway is the same in art and web development: trust your audience and yourself. Users are smart, and they are happy to think. Let them. My job isn’t to give them all the answers, but to invite them along for a ride and make it worth their time. The user isn’t always right, but they are always worth listening to.

Experience design is a collaboration.


Miriam in Net Magazine, January 2017
  1. A graph showing font size and zoom effectiveness versus viewport width. The font size, calculated as calc(17px + 2.5vw), increases linearly with viewport width. The 500% zoom line, representing the maximum possible zoom, shows that zoom becomes less effective as viewport width increases, failing to provide a 200% font size increase beyond a viewport width of 2040px.
    Link post type

    Responsive and Fluid Typography with Baseline CSS Features

    As designers, it makes sense to think about what space is available in the browser, and adjust your typography accordingly. It’s also important to remember that different users will have different font-size needs – and the more a font size is responsive to the viewport, the less responsive it will…

    see all Link posts
  2. Indoor plants in pots on a floating shelf
held up by brackets.
    Link post type

    Sass Indented Syntax Improvements

    Bringing SCSS flexibility to .sass files

    The Sass indented format is getting more flexible with the ability to have multiline statements, semicolons, and more.

    see all Link posts
  3. Sass logo in black
on top of bright oklch color gradient
    Link post type

    Sass Color Spaces & Wide Gamut Colors

    Inspect and manipulate the new CSS color formats in Sass!

    CSS has a range of new color functions that support wider color gamuts (like display-p3) and perceptually uniform color adjustments (like oklch). Sass now provides additional tools for working with these new color formats, and converting between them.

    see all Link posts