Creative / Development Inspiration 48
A focus on design systems this week, with a brilliant piece on Ubers rebrand, website inspiration, and micro nudges. Plus a few more in this weeks design development inspiration rundown.
Website Inspiration
Mawla – Mobile & Web Development Studio
Firstly, I love these bobble shapes used across the Mawla site. That, combined with the pastel colours makes it friendly, and welcoming. Lots of white space between sections allows the user to fully digest each point. And it works well on mobile!
Designer Resources, Examples and Inspiration
Uber’s Undoing Part I: Whipping Boy
Uber has been through so many re-brands, they don’t seem to know who they are any more. Eli pulls apart the company, and looks at the way their re-brands have seemingly had no grounding.
http://www.elischiff.com/blog/2018/10/10/ubers-undoing-part-i-whipping-boy
A Guide to Colour Accessibility in Product Design
Accessibility is getting a lot of traction now, with more designers and developers trying to get the upper-hand. With that in mind, have you ever thought about colour accessibility?
https://medium.com/inside-design/a-guide-to-color-accessibility-in-product-design-516e734c160c
Micro nudge: a micro animation for behavioural change
A micro nudge is a well-timed small animation that prompts a user to complete a small task. This article includes examples from Instagram, and walks us through the process.
https://uxplanet.org/micro-nudge-a-micro-animation-for-behavioral-change-dd15ecd4fab3
Development Snippets, Samples, and Articles
Building an Image Generator for the Number 1 Track on Spotify
DJ Snake, Cardi B, Selena Gomez, and Ozuna have released their new song, Taki Taki, into the world and it has quickly soared to #1 on Spotify’s Global Top 50. Lee Martin was asked to create a marketing concept. This is what he came up with.
https://medium.com/@leemartin/taki-taki-eb45d03a8fb1
Cross Browser Testing Cloud
LambaTest allows you to test your website or application across 2000+ browsers and operating systems.
https://www.lambdatest.com/home
A11Y Style Guide
This application is a living style guide or pattern library, generated from KSS documented styles…with an accessibility twist. A well build, well documented style library.
http://a11y-style-guide.com/style-guide/
A Collection of Design System Articles
I have recently become interested in design systems. The concept makes complete sense, allowing all stakeholders to understand the brand – as well as making future design much faster!
Designing Design Systems
Clearlefts Jerlyn walks through the process of designing a design system, and how they run workshops to encourage stack holders to work through pain points.
https://clearleft.com/posts/designing-design-systems
Design Systems and Agility
A piece extended from a talk at UX Australia on design systems and their importance. Who do they serve? What is the point?
https://medium.com/interactive-mind/design-systems-and-agility-part-1-of-2-b96c188acfca
Understanding Design Systems and Patterns
The concept of design systems is not new to creative industries, but it has only recently been picked up by the digital side. This article breaks down what a design system is, and can be.
https://www.toptal.com/designers/ux/design-system
A bit of everything
You can’t do human-first design without looking after your humans.
Our industry has a poor reputation of burn-out, long hours and stress. How can you keep moral high in the office?