Smashing Magazine - Smashing Newsletter

Issue #422 September 12, 2023 View in the browser

Smashing Newsletter

Goedenavond Smashing Friends,

SmashingConf Antwerp is coming 🇧🇪 — it’s just a matter of weeks now! And as we are getting ready for our very first SmashingConf on design & UX on Oct 9–11, we’ve put together a few useful UX gems for product and interface designers, along with a free UX community event.

An illustration of a friendly cat eating waffles and fries, with a happy dog sitting nearby.

And in this newsletter issue, we'll take a closer look at a few useful UX gems, techniques and resources for product designers and interface designers. There are some fantastic freebies waiting for you, too: UX books and inclusive stock photos that celebrate diversity. We hope you find them useful.

Can’t wait to see you soon!
— Vitaly (on LinkedIn)


1. Loading And Progress Indicators UX

Whether it’s loading a webpage, processing a transaction, or downloading content — often there’s no way around waiting. Of course, the primary focus should always be improving performance and responsiveness, but sometimes that’s not enough. To help you enhance the waiting experience, Taras Bakusevych shares valuable tips and best practices for loading and progress indicators.

Loading And Progress Indicators

In his post, Taras explores how loading and progress indicators can enhance usability, reduce user frustration, and create a positive perception of your page’s or system’s responsiveness. He dives deeper into the psychology of waiting and takes a closer look at the different types and variations of loaders. You’ll also learn how to select the right loader based on the anticipated waiting time and what else to keep in mind to make your users’ waiting experience seamless and engaging. (cm)


2. Rules Of Productive Brainstorming

Some people love brainstorming; for others, it’s just a fancy name for a usual discussion or, in the worst case, one that gets out of control. One thing is for sure, though: If done right, brainstorming can become a source of innovation. So how to get it right? Slava Shestopalov presents three methods for organizing productive brainstorming sessions.

Three methods to organize productive brainstorming

Six Thinking Hats, Walt Disney’s Creative Strategy, and SCAMPER are the three methods that Slava explores in detail, with step-by-step guides, tips, tricks, examples of slides, and preparation checklists. Whether your subject is a process, service, product, feature, or something you’ve been postponing for a long time or couldn’t fulfill for unknown reasons, one of the three techniques will certainly help you and your team see things from different perspectives and develop new ideas. (cm)


3. Design System In 90 Days

When you’re starting to work on a design system, you do it with the intent to build something that lasts, a system that teams love to use and that saves them precious time in their day-to-day work. However, many attempts to build a design system end up in great libraries that don’t get used as much as their creators had hoped. Dan Mall’s Figma template “Design System in 90 Days” is here to change that.

Design System in 90 Days

The template takes you and your team from zero to a design system that is up and running and adopted in 90 days or less. It includes 26 prompts to help you identify important key points and, of course, to keep on track. Proven and tested, Dan used the template successfully with many enterprise clients. The template is also part of the “Design System in 90 Days” program at Design System University. (cm)


From our sponsor

Monitor Site Speed And Core Web Vitals

DebugBear
Optimize web performance to improve user experience and rank higher in Google. Get set up in minutes!


4. Free Information Architecture Books

Information architecture creates structure and meaning, helping your users find the answers to their questions. If you’re new to information architecture or want to brush up your skills, we came across two fantastic eBooks that the authors kindly offer for free.

A Practical Guide to Information Architecture

Donna Spencer’s A Practical Guide to Information Architecture is one of them. It dives deep into information architecture and navigation design for internal and public projects and redesigns. The PDF is available for free download. A fantastic read to help you feel more confident about your process and decisions.

Abby Covert’s free HTML book How to Make Sense of Any Mess outlines a step-by-step process for making sense of messes made of information. With the help of practical frameworks, tools, and IA resources, you’ll learn how to break down and organize information.

If you’re looking for more, or in case you already know Donna’s and Abby’s books, Vitaly compiled some wonderful IA books to consider — they aren’t free, though. Happy reading! (cm)


5. Upcoming Workshops and Conferences

That’s right! We run online workshops on frontend and design, be it accessibility, performance, or design patterns. In fact, we have a couple of workshops coming up soon, and we thought that, you know, you might want to join in as well.

Smashing Online Events
With online workshops, we aim to give you the same experience and access to experts as in an in-person workshop from wherever you are.

As always, here’s a quick overview:


6. The Monster List Of UX Books

Which UX books should you read? There are a lot of lists with recommended UX reads out there, but there is none that is as complete as The Monster List of UX Books. Created by Chris Oliver, you could even call it the master list of lists, as Chris created it by compiling every list of recommended UX books he could find and tallying the number of recommendations for each book.

The Monster List of UX Books

You can sort and filter the books by the number of lists they are featured in, user ratings, publication date, author, and more. The list is continually updated, and you can help make it even better by rating or suggesting books or by submitting feedback. A great resource you might want to keep close. (cm)


From our sponsor

WebPulse 2023: The Web Dev Community Speaks

WebPulse 2023
Dear Smashing Magazine newsletter readers! Your insights as a web professional are incredibly vital to us. Take a moment to participate in our quick survey. As a token of appreciation, every participant will receive a $25 Amazon Gift Card. Thank you for your invaluable contribution to our community.


7. How To Organize UX Research

The best UX research doesn’t serve anyone if it gathers dust in PDF reports or slide decks. Daniel Pidcock’s Atomic UX Research framework presents a slightly different approach to UX research, one that is open and accessible to the entire team.

How to use desk research to kick-start your design process

To guide and inform evidence-based design decisions, Atomic UX Research breaks knowledge down into its constituent parts: experiments, facts, insights, and recommendations. Each of them is a building block on the road to larger discoveries, making it easier to discover patterns and synthesize insights in a reliable way.

Another interesting approach to structuring and applying UX insights comes from Tudor Teisanu. He recommends gathering data from existing products, internal knowledge, and previous research to kick-start your design process. The idea is to write down six summaries for each collection of screens to create a scannable analysis of existing solutions and make it easier to spot patterns. Two wonderful resources that will help you get more out of UX research. (cm)


8. Inclusive Stock Photos And Illustrations

Let’s celebrate diversity! Disabled And Here is a growing library of photos and illustrations that celebrate disabled Black, Indigenous, and people of color (BIPOC) with different diagnoses, body types, sexual orientation, and gender identities. The series is disability-led and puts an end to the homogenous and one-dimensional portrayal of disability. Published under a Creative Commons attribution license, you can use and adapt the images for free with appropriate credit.

Disabled And Here

Looking for more? Then be sure to also check out the collection of inclusive stock photo resources that Vitaly compiled. There are some incredible photos in there, perfect for presentations, mock-ups, reports, and anything in between. An easy way to prompt and encourage more diverse and inclusive conversations and design decisions. (cm)


From our sponsor

Northwestern’s Online MS In Information Design And Strategy

Northwestern’s Online MS In Information Design And Strategy
Prepare for a range of dynamic communication roles and build the skills needed to lead communication strategy, translate complex data, and drive user interactions. Choose from specializations in content strategy, UX/UI, communication with data, and learning design. Learn more →


9. News From The Smashing Library 📚

Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been at the core of everything we do at Smashing.

In the past few years, we were very lucky to have worked together with some talented, caring people from the web community to publish their wealth of experience as printed books. Have you checked them out already?

Success At Scale
… and we’re currently working on a new book: Success At Scale, shipping in fall. Pre-order your copy or browse the complete library.


10. Recent Smashing Articles


That’s All, Folks!

Thank you so much for reading and for your support in helping us keep the web dev and design community strong with our newsletter. See you next time!


This newsletter issue was written and edited by Cosima Mielke (cm), Vitaly Friedman (vf) and Iris Lješnjanin (il).


Sent to truly smashing readers via Mailchimp.
We sincerely appreciate your kind support. You
rock.

Follow us on Twitter Join us on Facebook

unsubscribe update preferences view in your browser

Older messages

#421: Lovely Little Website Gems

Tuesday, September 5, 2023

SmashingConf week, Knowledge bases, sounds of space, little alchemy and encyclopedia of arts, history and literature.Issue #421 • September 5, 2023 • View in the browser Smashing Newsletter Guten Tag

#420: Inclusive Design and Accessibility

Tuesday, August 29, 2023

Playbook for universal design, how to document accessibility, accessibility support tools and inclusive design toolkits. Issue #420 • August 29, 2023 • View in the browser Smashing Newsletter 🇮🇪

🍫 Meet SmashingConf Design & UX (Antwerp, Oct 9–11, 2023)

Wednesday, August 23, 2023

Last tickets for SmashingConf Design & UX in Antwerp, Belgium — for interface designers, UX designers and UI engineers. 🍫 Chocolate,🍫 Waffles 🧇 and Fries.🍟 A brand new SmashingConf on UX, Design

#419: JavaScript

Tuesday, August 22, 2023

React mistakes, better async code, scroll-driven animations and Virtual Keyboard API. Issue #419 • August 22, 2023 • View in the browser Smashing Newsletter Tünaydın Smashing Friends, What's going

#418: UX Writing and Microcopy

Tuesday, August 15, 2023

On UX writing, bias-free language, and guidelines around readability and plain language for more inclusive writing. Issue #418 • August 15, 2023 • View in the browser Smashing Newsletter Hello Smashing

You Might Also Like

🐺 How to create a high impact press page.

Friday, February 14, 2025

͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏

#494: UX and Product Design

Friday, February 14, 2025

Redesigning complex navigation, product design process, UX in legacy systems, UX workshops with users. Issue #494 • Feb 11, 2025 • View in the browser Smashing Newsletter Halò Smashing Friends, How do

Nick Mafi on Capturing LA’s Loss

Friday, February 14, 2025

View in your browser | Update your preferences ADPro 77 Stories Shared As we watched the worst fires in Los Angeles history spread across the city, the editors at AD came together to discuss the

🐺 Content that Converts - the replay is up!

Friday, February 14, 2025

And everyone who joined loved it! ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌

Designer or Couple’s Therapist?

Friday, February 14, 2025

View in your browser | Update your preferences ADPro Let's Make a Deal There's no shortage of spoils in the wonderfully eclectic Hudson Valley home of actor Walton Goggins and writer-director

178 / Visualize your dreams in 2025

Wednesday, January 15, 2025

Product Disrupt Logo Product Disrupt Half-Monthly Jan 2025 • Part 1 View in browser Welcome to Issue 178 Ever get curious about how this newsletter is doing? I shared the 2024 behind-the-scenes and

Mayer Rus on Loss, and Living, in LA

Tuesday, January 14, 2025

View in your browser | Update your preferences ADPro LA, I Love You Los Angeles has been my home for nearly 20 years, and the devastation here, now, is unfathomable. Entire neighborhoods have been

🐺 How to make a great first impression

Tuesday, January 14, 2025

With real examples. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

#490: Interface Design

Tuesday, January 14, 2025

How to design better interfaces, how to choose icons, optical effects, iconography, Gestalt principles and icon design. Issue #490 • Jan 14, 2025 • View in the browser Smashing Newsletter Buona

🐺LAST CHANCE to get 20%-off our PR Masterclass Series

Monday, January 13, 2025

Make 2025 your biggest press year yet. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏