There’s nothing more important than an interface, or better say the way we treat our users by means of interfaces. A thoroughly designed UI can help deal with issues much faster.
You’re about to read the first ever review of Smashing Book published here at MonsterPost.
As you can see, the latest book is called “New Frontiers of Web Design” it’s dedicated to the design systems, interfaces, their essentials, hidden background, and what’s more important to the ways we (product creators) should treat our users, by mean of our interfaces.
No matter how big (or small) your company is, I’m 100% positive that you’re keeping track of your profits day by day. Few chapters from this book will help you increase profits by making you change your product development approach.
Here you will not find Medium-style ‘blah longreads’, only practical advice shared and supported by trustworthy data and bumps authors got while improving their products.
You will learn how important a design system can be for a business. In some cases, the design system can be synonymous with a “style guide” which delivers product systematization.
With a detailed style guide, dev teams can create new products much faster using a set of predefined styles or pieces of code.
According to the author of the first chapter, Laura Elizabeth, these are main 4 reasons why every company shouldn’t initiate product development sequence without having a design system.
Basically, the design system isn’t “...something that happens overnight. For many people, it’s like organizing your home: you know you’re going to have to tackle it at some point; but the longer you leave it, the more you’re going to have to clean up.”
The easiest and the fastest way one can start building design system is the Google Docs, create a new file and start improving your product, what’s more, important help your clients make the most of YOUR product.
If you still don’t have a design system, then you’re probably having major lack of UX, accessibility, and low conversion rates.
Further, you will learn how to build a single-page app using React.JS, as a basis for this tutorial there’s been used a Codepen by Marcy Sutton.
If you’re still building layouts based on tables next chapter is for you. There you will learn the basics of the CSS grid system fully explained by Rachel Andrew. The CSS Grid is a layout system that aims to change the way we design grid-based user interfaces. Someday we used tables, floats, positioning, inline-block, but all of these methods were essentially hacks and left out a lot of important functionality (vertical centering, for instance). The Grid is the very first CSS module created specifically to solve the layout problems we've all been hacking our way around for as long as we've been making websites.
* - in case you’re building WordPress websites, there’s a chance you never heard about CSS Grid because builders like Elementor can help you create amazing interfaces without the need to get into the code.
Right after the CSS Grids, you will get a detailed explanation by Mike Riethmueller on how to use custom CSS properties.
Lyza Gardner will demystify the service worker phenomena, & why it’s important. I dare say this is the most detailed and clear explanation of this so-called “proxy”.
After reading this chapter you will understand what this service worker thing is, and why your dev team was treating it so gently.
In the sixth chapter, you will learn how your website’s assets are loaded to the web. For example, when you type the URL of your website in the search bar, you initiate a sequence of hundreds of processes, but you don’t see this, all you need is to have it loaded in less than 3 seconds.
In the seventh chapter, you will learn how a Swiss designer Adrian Zumbrunnen turned his website into a dialogue into “a continuous line of thought that seamlessly carried on across different media channels”.
Further, you will get to know how to design chatbots and virtual assistant from Greg Nudelman.
No matter what keeps you busy, I’m pretty sure you’re building a product.
Unlike previous Smashing issues that were laser-focused on a narrow topic, this one should be read by everyone involved in marketing, design and digital product development.
“New Frontiers of Web Design” is a 536-page brick divided into 10 chapters. Each of them gives you a wealth of information on everything from design to front-end.
Subscribe to our newsletter and access exclusive content and offers available only to MonsterPost subscribers.