Pixels of the Week – October 20, 2019
Every week I share a list of curated articles, resources and tools about UX, UI and mobile design, HTML, CSS, the web industry, process inspiration and more…
This week’s selection: selling the benefits of UX design, 2 Design System (Foyer and Kiwi.com), making bigger clickable area size, a modern CSS reset, a layout tutorial, flight booking anti-patterns, etc.
#Now – what I’m up to
This Wednesday I gave the opening keynote at LOIC’s innovation dating event. I explained what UX and UI design are, how companies can start doing some user research even with a small budget. I also went through different design maturity models and presented some benefits to “sell” a design and user centric approach to your company. The slides are available here: Investing in User Centric Design is a Good Business Decision.
TL;DNR the one you should not miss
A Modern CSS Reset by Andy Bell, with all the explanation for each set of properties. This is a great work!!!
“How we handle Kiwi.com’s design system with Figma” I love this kind of detailed articles about how to organize your design assets to collaborate. We need moooar!! How do you work collaboratively on your design system?
“The Obvious UI is Often the Best UI” interesting article on bottom navigation and icons with labels.
A really nice example of an anti pattern “38 people are looking at this flight“, when you open the code you actually see that 38 is a number randomly generated between 28 and 45.
#Buttons #Form #Accessibility
Enhancing The Clickable Area Size, yes please make that button clickable area bigger, a great HTML and CSS article!
“Spacing, Grids and Layouts” nice read. I moved away from “columns latout” and use gutters and space division instead, because Flexbox and GridLayout. For instance, my gutters are 24px, I want 3 blocs, I will do 100%-(4*24)/3. Does it make sense?
Useful tools and plugins that will make your life easy
#UX #UI #DesignSystem
GroupeFoyer ‘s design system is officially public, you can take a look here: design.foyer.lu Big congratulations to all the design team, I think that this is the first public design system in Luxembourg!