Designing systems, part 1: theory, practice, and the unfortunate in-between
In the first part of a three-part essay about design systems, I review two approaches for the creation of something equally as complex: a city.
In the first part of a three-part essay about design systems, I review two approaches for the creation of something equally as complex: a city.
I run my finger along the seam between interface patterns and design systems, exploring how a visual design language can underpin and inform a web style guide, with judicious use of CSS preprocessing. Like a good Christmas jumper, sometimes you need to get creative with the rules.
There’s a lot of them around. Here are some more.
Having lived in my current flat for just over two years, I’m determined for this to be the year I finally make it feel like a home.
Canadian design super-duo Hulse&Durrell, worked on what could only be described as my dream project. Researching 120 years of Olympic design heritage, they then documented and digitised hundreds of assets for use on officially licensed merchandise:
Beginning with the core elements of each Olympic Games identity (emblems, pictograms, mascots, and official posters), we set out to find their most authentic sources. The journey took us from the Olympic Museum archives in Switzerland to Olympic historians, private collections, and past-Games design directors around the world.
Where possible, emblems, mascots, and pictograms were re-created with the original techniques of their time. Design manuals originally intended for use with protractors, compasses and paintbrushes became blueprints once again – this time with a digital toolset in mind.
For wordmarks, classic typefaces like Univers, Helvetica, Times, and Futura were adapted to reflect the movable type printing process of their respective times and places. Physical artifacts were also referenced against the modern Pantone colour matching system to ensure tonal authenticity.
The result is the most comprehensive, authentic Olympic art and design collection ever created.
Jealous? I’m green with envy.
I’ve yet to see a full episode of The Late Show (which I wrote about shortly after its debut), but thanks to clips posted online, I’ve still been able to get my regular Colbert fix.
One of my favourite aspects of the show is the opening titles, which feature shots taken from this extended version. Fernando Livschitz’s vivid tilt–shift photography pairs well with Jon Batiste & Stay Human’s signature tune, and showcases New York City to the extent that I now want to make a return visit.
Cennydd has written a short piece for the Design Council about ethics within the realm of digital technology:
Disruption is Silicon Valley’s current watchword. Startups are optimised for shaking up vulnerable industries rather than assessing the resulting social, legal and ethical impact. Progress itself is the yardstick; whether that progress is in a worthwhile direction is sometimes secondary.
Beyond advocating that designers should have a central role in empowering and protecting users, Cenyydd suggests that we should also push for increased diversity within our product teams as well:
As ambassadors for global userbases, designers know well the range of mentalities and approaches people bring to technology. Homogenous teams are too easily swept up in camaraderie, seeing only exciting gains for people like them, yet blind to potential harm for people not like them. The broad perspective of diverse teams offers better insight on tough choices: early warning of ethical issues that may disadvantage particular groups.
I couldn’t agree more. Go read, it’s a good one.
For the last year I’ve been working at the Guardian under the leadership of a creative director.
Last Thursday I was in Belfast for Break Conference, the spiritual successor to Build.
As a unique human endeavour, imbued with all the complexities of our species, it is about discovering the most appropriate solution within a fog of differing constraints, opinions and desires. The compromise therefore, lies somewhere between the world we wish for, and the one we currently inhabit.
Mills Baker:
Much of the work for which we express the most enthusiasm seems superficial, narrow in its conception of design, shallow in its ambitions, or just ineffective.
A necessary critique of the state of design emanating from Silicon Valley. It would seem its best designers are putting lipstick on pigs; adding gloss to products that most people outside San Francisco neither want or need. Also, this:
Design is about solving problems that humans have, not problems that products have.
Possibly the most important design talk you’ll hear this year:
For decades, the spaces we live in have been built by consensus. Planners, architects, councils, consultation; and always the watchful eye of the regulators and elected officials. But the world’s favourite digital spaces are largely in the hands of people like you and me. We have to oversee ourselves – and it’s not going very well.
Are we focusing on the right problems? Or just aggrandising the mundane? How do we know what the right problems are? How can we guide ourselves to appreciate the cultural and personal impact of the decisions we make?
It’s time for our industry to become ethically aware, if we’re to have a chance of doing the right thing.
With the British government now able to count itself among the few countries sporting a coherent identity programme, a follow up to my 2009 post on the subject.
Whereas the world’s foremost architects, graphic artists, typographers, iconographers and illustrators are asked to create their best work to celebrate each Olympic Games, still we wait for the Olympic movement to give equal consideration to the design of its websites.
My interview with Workspiration.
The tail end of this year has been rather hectic. If moving house and changing jobs weren’t enough to be getting on with, I was also busy redesigning 24 ways.
Since Mikey joined us in February, the number of designers working at Clearleft is at an all time high. As the company grows, we want to maintain the same level of knowledge sharing and collaboration that happened more spontaneously with a smaller team.
John Gruber:
The trend away from skeuomorphic special effects in UI design is the beginning of the retina-resolution design era. Our designs no longer need to accommodate for crude pixels. Glossy/glassy surfaces, heavy-handed transparency, glaring drop shadows, embossed text, textured material surfaces – these hallmarks of modern UI graphic design style are (almost) never used in good print graphic design. They’re unnecessary in print, and, the higher the quality of the output and more heavy-handed the effect, the sillier such techniques look.
John’s article forms part of a larger discussion about the possible emergence of a truer digital aesthetic. Flat interfaces, such as those seen in Microsoft’s Metro UI and the BBC’s GEL project are certainly fashionable, and thankfully, to my taste. Simpler interfaces are particularly suited to the web; high-fidelity interfaces can require a large number of image assets or many lines of CSS, reducing overall performance.
I’m not sure this trend has much to do with HiDPI displays though. I suspect, like most design movements, it’s just a reaction to what proceeded it. Skeuomorphism is to Art Nouveau what flat design is to minimalism. What goes around, comes around.
Be sure to read Max Rudberg’s counter argument, too.
When every device begs to be connected, it has become easier – almost necessary – to accept the adaptable nature of the web. Responsive web design is an emerging best practice, and our layouts are becoming more flexible. But often, innovation is focused on technical implementations while the visual aesthetic remains ignored. To put it another way, we’re embracing “responsive” but neglecting the second part: “design.” Now is the time to seek out an aesthetic that is truer to the medium.
Rian van der Merwe for A List Apart:
A “shiny citadel” from far away, as The Guardian once wrote, up close Brasília has “degraded into a violent, crime-ridden sprawl of cacophonous traffic jams. The real Brazil has spilled into its utopian vision.”
This problem echoes across today’s web landscape as well, where the needs of ordinary users spill constantly into designers’ utopian vision. All around us we see beautiful, empty monuments erected not for their users, but for the people who built them – and the VCs who are scouting them.
“Digital Brasílias” is a great term for all the beautiful – yet ultimately useless – products emerging from the Valley. Product discovery can help us not only design things better, but design better things.
Earlier this month, Team Clearleft headed up to London for a day of design related exhibitions: Bauhaus: Art as Life at the Barbican and (after a ride across the city on a ‘Boris Bike’) British Design 1948-2012 and Heatherwick Studio: Designing the Extraordinary at the V&A.
Andrew Mitchell, the International Development secretary, has unveiled a new logo that will appear on overseas aid provided by his department; be it grain packets, schools or water pumps.
With a worsening financial crisis and continued destruction of the world’s natural resources, there are undoubtedly more important things to worry about than Twitter’s slightly tweaked bird logo. Yet here we are.
Rather than showcase British interactive design talent, the biggest cultural event of our generation has been represented online by an uninspired mess that flies the flag for the status quo.